<commit_before><html>
  <head>
    <style>
      body {
        padding-top: 50vh;
        height: 10000px;
      }
    </style>
  </head>
  <body>
    <img
      src="https://placehold.it/500?text=Placeholder"
      data-normal="https://placehold.it/500?text=Normal"
      data-retina="https://placehold.it/500?text=Retina"
      data-srcset="https://placehold.it/500?text=Small 500w, https://placehold.it/500?text=Medium 1000w, https://placehold.it/500?text=Large 2000w">

    <script src="layzr.min.js"></script>
    <script>
      var instance = Layzr()

      instance
        .on('src:before', function(element) { console.log('src:before', element) })
        .on('src:after', function(element) { console.log('src:after', element) })
        .update()
        .handlers(true)
    </script>
  </body>
</html><commit_msg>update test file<commit_after><html>
  <head>
    <style>
      body {
        padding-top: 50vh;
        height: 10000px;
      }

      img {
        display: block;
        margin-bottom: 50vh;
      }
    </style>
  </head>
  <body>
    <img
      src="https://placehold.it/500?text=Placeholder"
      data-normal="https://placehold.it/500?text=Normal"
      data-retina="https://placehold.it/500?text=Retina"
      data-srcset="https://placehold.it/500?text=Small 500w, https://placehold.it/500?text=Medium 1000w, https://placehold.it/500?text=Large 2000w">

    <img
      src="https://placehold.it/500?text=Placeholder"
      data-normal="https://placehold.it/500?text=Normal"
      data-retina="https://placehold.it/500?text=Retina"
      data-srcset="https://placehold.it/500?text=Small 500w, https://placehold.it/500?text=Medium 1000w, https://placehold.it/500?text=Large 2000w">

    <img
      src="https://placehold.it/500?text=Placeholder"
      data-normal="https://placehold.it/500?text=Normal"
      data-retina="https://placehold.it/500?text=Retina"
      data-srcset="https://placehold.it/500?text=Small 500w, https://placehold.it/500?text=Medium 1000w, https://placehold.it/500?text=Large 2000w">

    <script src="layzr.min.js"></script>
    <script>
      const instance = Layzr({
        normal: 'data-normal',
        retina: 'data-retina',
        srcset: 'data-srcset'
      })

      instance
        .on('src:before', function(image) {
          console.log('src:before')
          image.addEventListener('load', function() { console.log('loaded') })
        })
        .on('src:after', function() { console.log('src:after') })

      instance
        .update()
        .handlers(true)
    </script>
  </body>
</html>
{'fraction_non_alphanumeric': 0.17898832684824903, 'fraction_numerical': 0.051361867704280154, 'mean_word_length': 2.720694645441389, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 31, 'https://': 24, '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': '4690010', 'n_tokens_mistral': 992, 'n_tokens_neox': 864, 'n_words': 116}