☰

Keep Focus and Display Regex Match

Keep focus on a specific text field, clear its content, and display regex matches

  1. // ==UserScript==
  2. // @name         Keep Focus and Display Regex Match
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  Keep focus on a specific text field, clear its content, and display regex matches
  6. // @author       You
  7. // @match        *://*/*
  8. // @grant        none
  9. // @license MIT
  10. // ==/UserScript==
  11.  
  12.  
  13.  
  14.  
  15.  
  16. (function() {
  17.     'use strict';
  18.  
  19.  
  20.  
  21.  
  22.  
  23.     if (!document.title.includes("Item Inventory by Locn")) {
  24.         return;
  25.     }
  26.  
  27.  
  28.  
  29.  
  30.  
  31.     // Create a container to display the matching text
  32.     const container = document.createElement('div');
  33.     container.style.position = 'fixed';
  34.     container.style.top = '50%';
  35.     container.style.left = '50%';
  36.     container.style.transform = 'translate(-50%, -50%)';
  37.     container.style.background = 'red';  // Set background to red
  38.     container.style.color = 'white';  // Set text color to white
  39.     container.style.zIndex = '9999';
  40.     container.style.padding = '10px';
  41.     container.style.whiteSpace = 'pre';  // Preserve whitespace and newlines
  42.     //container.style.fontWeight = 'bold'; // Make text bold
  43.     container.style.textAlign = 'center'; // Center-align text
  44.     container.id = 'regexMatchContainer';
  45.     document.body.appendChild(container);
  46.  
  47.  
  48.  
  49.  
  50.  
  51.     // Regular expressions to match the patterns
  52.     const regex1 = /AS[A-Z0-9]-[A-Z0-9]{2}-[A-Z0-9]{2}-[A-Z0-9]{3}/g;
  53.     const regex2 = /TI/g;  // New regex for "TI"
  54.  
  55.  
  56.  
  57.  
  58.  
  59.     // Function to keep focus on the text field and clear its content
  60.     function keepFocus() {
  61.         const element = document.querySelector('input[type="text"]');
  62.         if (element && document.activeElement !== element) {
  63.             element.focus();
  64.             element.value = '';  // Clear the content
  65.         }
  66.     }
  67.  
  68.  
  69.  
  70.  
  71.  
  72. // Function to find and display matching text
  73. function displayMatch() {
  74.     // Clear previous matches
  75.     document.getElementById('regexMatchContainer').innerText = '';
  76.  
  77.  
  78.  
  79.  
  80.  
  81.     const bodyText = document.body.innerText;
  82.     const matches1 = bodyText.match(regex1) || [];
  83.     const matches2 = bodyText.match(regex2) || [];
  84.  
  85.  
  86.  
  87.  
  88.  
  89.     let combinedMatches = matches1;
  90.  
  91.  
  92.  
  93.  
  94.  
  95.     // Include "TI" matches only if their count is more than 1
  96.     if (matches2.length > 2) {
  97.         combinedMatches = combinedMatches.concat(matches2);
  98.     }
  99.  
  100.  
  101.  
  102.  
  103.  
  104.     // Remove duplicates from the combined matches
  105.     const allMatches = Array.from(new Set(combinedMatches));
  106.  
  107.  
  108.  
  109.  
  110.  
  111.     // If matches are found, display them
  112.     if (allMatches.length) {
  113.         document.getElementById('regexMatchContainer').innerText = allMatches.join('\n');
  114.     }
  115. }
  116.  
  117.  
  118.  
  119.  
  120.  
  121.     // Run the keepFocus and displayMatch functions every 500 milliseconds
  122.     setInterval(() => {
  123.         keepFocus();
  124.         displayMatch();
  125.     }, 500);
  126.  
  127.  
  128.  
  129.  
  130.  
  131. })();