<commit_before><trackinglines>
    <style>
        .trackingline{
            outline: 1px solid yellow;
            opacity: 0.5;
            position: absolute;
            display: block;
        }
    </style>
    <span id="tooltip-span"></span>
    <div class="trackingline" ref="v_line" ></div>
    <div class="trackingline" ref="h_line" ></div>
    <script>
        var tag = this;
        var canvas = $('#work-canvas');
        this.on('mount', function () {
            var canvas = $('#work-canvas');
            $(tag.refs["h_line"]).width(opts.width);
            $(tag.refs["v_line"]).height(opts.height);

            canvas.mousemove(function (event) {

                $("#tooltip-span").show();
                $(tag.refs["h_line"]).show();
                $(tag.refs["v_line"]).show();
                var cordinates = getCordinates(event, canvas);
                $("#tooltip-span").css({
                    "left": cordinates.x + 15 + "px",
                    "top": cordinates.y + 15 + "px"
                });
                $("#tooltip-span").html("x:" + cordinates.x + "<br> y:" + cordinates.y);
                $(tag.refs["h_line"]).css({
                    top: cordinates.y
                });
                $(tag.refs["v_line"]).css({
                    left: cordinates.x
                });

            })

            canvas.mouseout(function (event) {
                $("#tooltip-span").hide();
                $(tag.refs["h_line"]).hide();
                $(tag.refs["v_line"]).hide();
            });


        });
    </script>
</trackinglines><commit_msg>make tracking lines full of container size for small images<commit_after><trackinglines>
    <style>
        .trackingline{
            outline: 1px solid yellow;
            opacity: 0.5;
            position: absolute;
            display: block;
        }
    </style>
    <span id="tooltip-span"></span>
    <div class="trackingline" ref="v_line" ></div>
    <div class="trackingline" ref="h_line" ></div>
    <script>
        var tag = this;
        var canvas = $('#work-canvas');
        this.on('mount', function () {
            var canvas = $('#work-canvas');
            var canvasContainer = $("#canvas-container");
            $(tag.refs["h_line"]).width(opts.width > canvasContainer.width() ? opts.width : canvasContainer.width() );
            $(tag.refs["v_line"]).height(opts.height > canvasContainer.height() ? opts.height : canvasContainer.height() );

            canvas.mousemove(function (event) {

                $("#tooltip-span").show();
                $(tag.refs["h_line"]).show();
                $(tag.refs["v_line"]).show();
                var cordinates = getCordinates(event, canvas);
                $("#tooltip-span").css({
                    "left": cordinates.x + 15 + "px",
                    "top": cordinates.y + 15 + "px"
                });
                $("#tooltip-span").html("x:" + cordinates.x + "<br> y:" + cordinates.y);
                $(tag.refs["h_line"]).css({
                    top: cordinates.y
                });
                $(tag.refs["v_line"]).css({
                    left: cordinates.x
                });

            })

            canvas.mouseout(function (event) {
                $("#tooltip-span").hide();
                $(tag.refs["h_line"]).hide();
                $(tag.refs["v_line"]).hide();
            });


        });
    </script>
</trackinglines>
{'fraction_non_alphanumeric': 0.1794126199476592, 'fraction_numerical': 0.004070950857807502, 'mean_word_length': 1.52014652014652, 'pattern_counts': {'":': 4, '<': 29, '<?xml version=': 0, '>': 31, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '746648', 'n_tokens_mistral': 1018, 'n_tokens_neox': 941, 'n_words': 165}