Userscript to add regex capability to the Istanbul HTML report search function. Specifically targeting reports generated from GitLab pipelines, but can be modified to run anywhere.

instanbul_regex_filter.user.js

// ==UserScript==
// @name         Instanbul HTML Report RegEx Search
// @namespace    https://pjpscriv.com/
// @version      2024-08-25
// @description  Add regex capability to the Istanbul HTML report search function
// @author       pjpscriv
// @match        https://*.gitlab.io/-/*/-/jobs/*/artifacts/*/coverage/*/index.html
// @icon         https://avatars.githubusercontent.com/u/13523395?s=48&v=4
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  window.addEventListener('load', function() {

    // Override onFilterInput
    window.onFilterInput = function() {
      const searchValue = document.getElementById('fileSearch').value;
      const rows = document.getElementsByTagName('tbody')[0].children;

      // RegEx filtering logic ✨
      let searchRegex;
      try {
        searchRegex = new RegExp(searchValue, 'i');
      } catch (error) {
        searchRegex = null;
      }

      for (let i = 0; i < rows.length; i++) {
        const row = rows[i];
        let isMatch = false;

        if (searchRegex) {
          isMatch = searchRegex.test(row.textContent);
        } else {
          isMatch = row.textContent.toLowerCase().includes(searchValue.toLowerCase());
        }

        row.style.display = isMatch ? '' : 'none';
      }
    };

    // Update the event listener with the new onFilterInput
    document.getElementById('fileSearch').oninput = window.onFilterInput;

  });
})();