☰

Text Highlight and Seek

Automatically highlight user-defined text with Seek function (2019-09-22)

  1. // ==UserScript==
  2. // @name          Text Highlight and Seek
  3. // @author        erosman and Jefferson "jscher2000" Scher
  4. // @namespace     JeffersonScher
  5. // @version       2.4.0
  6. // @description   Automatically highlight user-defined text with Seek function (2019-09-22)
  7. // @include       https://greasyfork.org/*
  8. // @include       https://openuserjs.org/*
  9. // @include       http*://www.jeffersonscher.com/*
  10. // @grant         GM_registerMenuCommand
  11. // @grant         GM_setValue
  12. // @grant         GM.setValue
  13. // @grant         GM_getValue
  14. // @grant         GM.getValue
  15. // @grant         GM_getResourceURL
  16. // @grant         GM.getResourceUrl
  17. // @copyright     Copyright 2019 Jefferson Scher. Portions created by erosman.
  18. // @license       BSD-3-clause
  19. // @resource      mycon http://www.jeffersonscher.com/gm/src/gfrk-THS-ver240.png
  20. // ==/UserScript==
  21. var script_about = "https://greasyfork.org/scripts/13007-text-highlight-and-seek";
  22. /* --------- Note ---------
  23.   TO INCLUDE SITES (only Greasy Fork and OpenUserJS are initially included):
  24.  
  25.   Go to Add-ons - User Scripts (Ctrl+Shift+a/Cmd+Shift+a on Firefox Windows/Mac)
  26.   Click on the Script's Option
  27.   Under User Settings Tab, Add Included/Excluded Pages that you want the script to run on
  28.   Click OK
  29.  
  30.   Note from erosman: If you find that another script clashes with this script, set Text Highlight and Seek to Execute first.
  31.   Go to Add-ons - User Scripts ('Ctrl+ Shift + a' on Firefox)
  32.   Right Click on the Script
  33.   On the context menu click: Execute first
  34.  
  35.   On Add-ons - User Scripts, you can also Click on the Execution Order (top Right) and
  36.   change the execution order so that Text Highlight and Seek runs before those scripts that clashes with it.
  37. */
  38. var hlframe, hlobjDefault, kwhieditstyle, hljson, hlobj, hlkeys, kwold, hlold, hlbtnvis, hlprecode, hlnextset, hbtndisp;
  39. var GM4 = (typeof GM_getValue === "undefined") ? true : false;
  40.  
  41. async function THS_init(){
  42.   if (!GM4){
  43.     hlframe = GM_getValue("hlframe", ""); // get iframe pref
  44.   } else {
  45.     hlframe = await GM.getValue("hlframe", "");
  46.   }
  47.   if (hlframe == ""){
  48.     hlframe = "none";
  49.     if (!GM4){
  50.       GM_setValue("hlframe", hlframe);
  51.     } else {
  52.       await GM.setValue("hlframe", hlframe);
  53.     }
  54.   }
  55.   
  56.   if ((window.self !== window.top) && (hlframe != "any")) { // framed page
  57.     if (hlframe == "none") return; 
  58.     if (hlframe == "same") {
  59.       console.log(window.self.location.hostname + " vs " + window.top.location.hostname);
  60.     }
  61.   }
  62.  
  63.   // sample keyword+style object to get started
  64.   hlobjDefault = {
  65.     "set100" : {
  66.       keywords : "scripts|script",
  67.       type : "string",
  68.       hlpat : "",
  69.       textcolor : "rgb(0,0,0)",
  70.       backcolor : "rgb(255,255,128)",
  71.       fontweight : "inherit",
  72.       custom : "",
  73.       enabled : "true",
  74.       visible : "true",
  75.       updated : ""
  76.     },
  77.     "set099" : {
  78.       keywords : "site",
  79.       type : "word",
  80.       hlpat : "",
  81.       textcolor : "rgb(0,0,0)",
  82.       backcolor : "rgb(255,192,255)",
  83.       fontweight : "inherit",
  84.       custom : "",
  85.       enabled : "true",
  86.       visible : "true",
  87.       updated : ""
  88.     },
  89.     "set098" : {
  90.       keywords : "^October \\d{1,2}",
  91.       type : "regex",
  92.       hlpat : "",
  93.       textcolor : "rgb(0,0,0)",
  94.       backcolor : "rgb(192,255,255)",
  95.       fontweight : "inherit",
  96.       custom : "",
  97.       enabled : "true",
  98.       visible : "true",
  99.       updated : ""
  100.     }
  101.   };
  102.   kwhieditstyle = ["rgb(0,0,255)","rgb(255,255,0)","inherit",""];
  103.  
  104.   // read pref storage: keyword-style sets
  105.   if (!GM4){
  106.     hljson = GM_getValue("kwstyles");
  107.   } else {
  108.     hljson = await GM.getValue("kwstyles");
  109.   }
  110.   if (!hljson || hljson.length == 0){
  111.     hlobj = hlobjDefault;
  112.     // check for legacy preferences
  113.     if (!GM4){
  114.       kwold = GM_getValue("keywords");
  115.     } else {
  116.       kwold = await GM.getValue("keywords");
  117.     }
  118.     if (kwold) if(kwold.length > 0) {
  119.       hlobj.set100.keywords = kwold.split(',').join('|');
  120.     }
  121.     if (!GM4){
  122.       hlold = GM_getValue("highlightStyle");
  123.     } else {
  124.       hlold = await GM.getValue("highlightStyle");
  125.     }
  126.     if (hlold) if(hlold.length > 0) {
  127.       // really should try to parse this, but for now...
  128.       hlobj.set100.custom = hlold;
  129.     }
  130.     // save starting values
  131.     hljson = JSON.stringify(hlobj);
  132.     if (!GM4){
  133.       GM_setValue("kwstyles", hljson);
  134.     } else {
  135.       await GM.setValue("kwstyles", hljson);
  136.     }
  137.   } else {
  138.     hlobj = JSON.parse(hljson);
  139.   }
  140.   // global keys array
  141.   hlkeys = Object.keys(hlobj);
  142.  
  143.   // read/set other prefs
  144.   if (!GM4){
  145.     hlbtnvis = GM_getValue("hlbtnvis", "");
  146.   } else {
  147.     hlbtnvis = await GM.getValue("hlbtnvis", "");
  148.   }
  149.   if (hlbtnvis == ""){
  150.     hlbtnvis = "on";
  151.     if (!GM4){
  152.       GM_setValue("hlbtnvis", hlbtnvis);
  153.     } else {
  154.       await GM.setValue("hlbtnvis", hlbtnvis);
  155.     }    
  156.   }
  157.  
  158.   if (!GM4){
  159.     hlprecode = GM_getValue("hlprecode", "");
  160.   } else {
  161.     hlprecode = await GM.getValue("hlprecode", "");
  162.   }
  163.   if (hlprecode == ""){
  164.     hlprecode = true;
  165.     if (!GM4){
  166.       GM_setValue("hlprecode", hlprecode);
  167.     } else {
  168.       await GM.setValue("hlprecode", hlprecode);
  169.     }    
  170.   }
  171.  
  172.   if (!GM4){
  173.     hlnextset = GM_getValue("hlnextset", "");
  174.   } else {
  175.     hlnextset = await GM.getValue("hlnextset", "");
  176.   }
  177.   if (hlnextset == ""){
  178.     hlnextset = 101;
  179.     if (!GM4){
  180.       GM_setValue("hlnextset", hlnextset);
  181.     } else {
  182.       await GM.setValue("hlnextset", hlnextset);
  183.     }    
  184.   }
  185.   
  186.   // Inject CSS
  187.   insertCSS(hlkeys);
  188.   // first run
  189.   THmo_doHighlight(document.body,null);
  190.  
  191.   // Add MutationObserver to catch content added dynamically
  192.   var THmo_MutOb = (window.MutationObserver) ? window.MutationObserver : window.WebKitMutationObserver;
  193.   if (THmo_MutOb){
  194.     var THmo_chgMon = new THmo_MutOb(function(mutationSet){
  195.       mutationSet.forEach(function(mutation){
  196.         for (var i=0; i<mutation.addedNodes.length; i++){
  197.           if (mutation.addedNodes[i].nodeType == 1){
  198.             THmo_doHighlight(mutation.addedNodes[i],null);
  199.           }
  200.         }
  201.       });
  202.     });
  203.     // attach chgMon to document.body
  204.     var opts = {childList: true, subtree: true};
  205.     THmo_chgMon.observe(document.body, opts);
  206.   }
  207.  
  208.   // Set up top highlight/seek bar
  209.   var kwhibar = document.createElement("div");
  210.   kwhibar.id = "thdtopbar";
  211.   if (hlbtnvis == "on") var btnchk = " checked=\"checked\"";
  212.   else var btnchk = "";
  213.   if (hlprecode) var btnprecode = " checked=\"checked\"";
  214.   else var btnprecode = "";
  215.   kwhibar.innerHTML = "<form id=\"thdtopform\" onsubmit=\"return false\"><p id=\"thdtopbarhome\"><a href=\"" + script_about + "\" target=\"_blank\" title=\"Go to script install page\">JS</a></p>" +
  216.     "<div id=\"thdtopcurrent\"><p id=\"thdtopkeywords\" title=\"Click to View, Edit, Seek, or Add Keywords\">Click to manage keyword/highlight sets &bull; <em>Add New Set</em></p>" +
  217.     "<div id=\"thdtopdrop\" style=\"display:none;\"><div id=\"thdtable\"><table cellspacing=\"0\"><tbody id=\"kwhitbod\"></tbody></table></div><p><button id=\"btnkwhiadd\">Add New Set</button>" +
  218.     "<span style=\"float:right\"><button id=\"btnkwhiexport\">Export Sets</button> <button id=\"btnkwhiimport\">Import Sets</button> <button id=\"thdtopdropclose\">X</button></span></p></div></div>" +
  219.     "<div id=\"thdtopfindbuttons\"><button title=\"First match\" thdaction=\"f\"><b>l</b>&#x25c0;</button> <button title=\"Previous match\" thdaction=\"p\">&#x25c0;</button> <span id=\"thdseekdesc\">Seek</span> <button title=\"Next match\" thdaction=\"n\">&#x25b6;</button> <button title=\"Last match\" thdaction=\"l\">&#x25b6;<b>l</b></button><div id=\"thdseekfail\"></div></div>" +
  220.     "<div id=\"thdtopoptions\"><div>Options</div><ul><li><label title=\"Float a button in the upper right corner of the document to quickly access this panel\"><input type=\"checkbox\" id=\"chkhbtn\"" + btnchk +
  221.     "> Show H button</label></li><li><label title=\"Highlight matches in &lt;pre&gt; and &lt;code&gt; tags\"><input type=\"checkbox\" id=\"chkprecode\"" + btnprecode +
  222.     "> Match in pre/code</label></li><li><label style=\"padding-left:4px\">Framed pages:</label><br><select id=\"hlframeselect\" size=\"3\"><option value=\"none\">No highlighting</option><option value=\"same\">Same site only</option>" +
  223.     "<option value=\"any\">Any site</option></select></li><li><button id=\"btnthsreread\" title=\"Update from and apply stored settings\" disabled>Re-Read Saved Prefs</button></li></ul></div>" +
  224.     "<button class=\"btnkwhiclose\" onclick=\"document.getElementById('thdtopbar').style.display='none';document.getElementById('thdtopspacer').style.display='none';return false;\" style=\"float:right\">X</button></form>" +
  225.     "<style type=\"text/css\">#thdtopbar{position:fixed;top:0;left:0;height:26px;width:100%;padding:0;color:#024;background:#ddd;font-family:sans-serif;font-size:16px;line-height:16px;border-bottom:1px solid #024;z-index:2500;display:none} " +
  226.     "#thdtopbar,#thdtopbar *{box-sizing:content-box;} #thdtopform{display:block;position:relative;float:left;width:100%;margin:0;border:none;} " +
  227.     "#thdtopbarhome,#thdtopcurrent,#thdtopfindbuttons,#thdtopoptions{float:left;top:0;left:0;margin:0;padding:5px 8px 4px;border-right:1px solid #fff;font-size:16px;} " +
  228.     "#thdtopbarhome{width:22px;text-align:center;overflow:hidden;} #thdtopbarhome a{display:block;} #thdtopbarhome a img{display:block;border:none;border-radius:3px;padding:3px;margin:-3px 0 -4px 0;background-color:#fff} " +
  229.     "#thdtopfindbuttons{padding-bottom:1px;position:relative} #thdtopfindbuttons button{margin:-5px 0 -2px 0;width:28px;height:18px;color:#024;background:#f0f0f0;border:1px solid #024;border-radius:4px;padding:1px 3px;} " +
  230.     "#thdtopfindbuttons button:hover{background:#ffa;} #thdseekdesc{cursor:pointer} #thdtopkeywords{margin:0;width:500px;cursor:pointer;} #thdtopkeywords em{padding: 0 2px;} #thdtopkeywords em:hover{background:#ffa;}" +
  231.     "#thdseekfail{display:none;position:absolute;top:30px;left:15px;z-index:2001;width:200px;color:#f8f8f8;background:#b00;border-radius:6px;text-align:center;font-size:12px;padding:3px}" +
  232.     "#thdtopkeywords span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;} #thdtable{max-height:600px;overflow-y:auto;overflow-x:hidden} " +
  233.     "#thdtopdrop{position:absolute;top:26px;left:38px;width:500px;margin:0 -1px 0 -1px;padding:0 8px 8px 8px;background:#ddd;border:1px solid #024;border-top:none;border-radius:0 0 6px 6px;} " +
  234.     "#thdtopdrop table{width:100%;background:#fff;border-top:1px solid #000;border-left:1px solid #000;table-layout:fixed} " +
  235.     "#thdtopdrop td{padding:4px 4px; vertical-align:top;border-right:1px solid #000;border-bottom:1px solid #000;} #thdtopdrop td div{word-wrap:break-word} #thdtopdrop p{margin-top:8px;margin-bottom:0;} " +
  236.     "#thdtopoptions{position:relative;width:160px;height:26px;padding:0 8px;} #thdtopoptions > div{padding:5px 0 4px;} " +
  237.     "#thdtopoptions ul{position:absolute;top:26px;left:0;width:160px;margin:0 -1px 0 -1px;padding:0 8px 8px 8px;background:#ddd;border:1px solid #024;border-top:none;border-radius:0 0 6px 6px;list-style:none;} " +
  238.     "#thdtopoptions li{width:100%;float:left;padding:2px 0;} #thdtopoptions ul{display:none;} #thdtopoptions:hover ul{display: block;border:1px solid #024;border-top:none;} #thdtopoptions li:hover{background:#eee;}" +
  239.     ".btnkwhiclose{float:right;font-size:11px;margin-top:2px;} .thdtype{color:#ccc;float:right;font-size:12px;padding-top:8px;} #thdtopbar label{font-weight:normal;display:inline;margin:0} #hlframeselect{margin:3px 0 3px 4px;border-radius:4px}</style>";
  240.   document.body.appendChild(kwhibar);
  241.   // Attach event handlers
  242.   document.getElementById("thdtopkeywords").addEventListener("click",thddroptoggle,false);
  243.   document.getElementById("kwhitbod").addEventListener("click",kwhiformevent,false);
  244.   document.getElementById("kwhitbod").addEventListener("dblclick",kwhiformevent,false);
  245.   document.getElementById("btnkwhiadd").addEventListener("click",kwhinewset,false);
  246.   document.getElementById("btnkwhiexport").addEventListener("click",kwhiexport,false);
  247.   document.getElementById("btnkwhiimport").addEventListener("click",kwhiimport,false);
  248.   document.getElementById("thdtopfindbuttons").addEventListener("click",thdseek,false);
  249.   document.getElementById("chkhbtn").addEventListener("click",kwhihbtn,false);
  250.   document.getElementById("chkprecode").addEventListener("click",kwhiprecode,false);
  251.   document.getElementById("btnthsreread").addEventListener("click",thsreread,false);
  252.   document.getElementById("thdtopdropclose").addEventListener("click",kwhitopdropclose,false);
  253.   // frame options
  254.   document.getElementById("hlframeselect").addEventListener("change",thsframeselect,false);
  255.   setthsframeopts();
  256.   // Add spacer at top of body
  257.   var divsp = document.createElement("div");
  258.   divsp.id = "thdtopspacer";
  259.   divsp.setAttribute("style","clear:both;display:none");
  260.   divsp.style.height = parseInt(27 - parseInt(window.getComputedStyle(document.body,null).getPropertyValue("margin-top"))) + "px";
  261.   document.body.insertBefore(divsp, document.body.childNodes[0]);
  262.   // Switch JS text to icon
  263.   var JSBTN = document.createElement("img");
  264.   if (!GM4){
  265.     JSBTN.src = GM_getResourceURL("mycon");
  266.   } else { /* asynchronous*/
  267.     JSBTN.src = await GM.getResourceUrl("mycon");
  268.   }
  269.   document.querySelector("#thdtopbar a").textContent = "";
  270.   document.querySelector("#thdtopbar a").appendChild(JSBTN);
  271.   // Add menu item
  272.   if (!GM4) GM_registerMenuCommand("Show Text Highlight and Seek Bar - View, Edit, Add Keywords and Styles", editKW);
  273.   // Inject H button
  274.   if (hlbtnvis == "off") hbtndisp = ' style="display:none"';
  275.   else hbtndisp = '';
  276.   var dNew = document.createElement("div");
  277.   dNew.innerHTML = '<button id="btnshowkwhi"' + hbtndisp + '>H</button><style type="text/css">#btnshowkwhi{position:fixed;top:4px;right:4px;opacity:0.2;' +
  278.     'color:#000;background-color:#ffa;font-weight:bold;font-size:12px;border:1px solid #ccc;border-radius:4px;padding:2px 3px;z-index:1999;min-width:22px;min-height:22px}' +
  279.     '#btnshowkwhi:hover{opacity:0.8}@media print{#btnshowkwhi{display:none;}}</style>';
  280.   document.body.appendChild(dNew);
  281.   document.getElementById("btnshowkwhi").addEventListener("click",editKW,false);
  282.  
  283.   // Set up add/edit form
  284.   var kwhied = document.createElement("div");
  285.   kwhied.id = "kwhiedit";
  286.   kwhied.innerHTML = "<form onsubmit=\"return false;\"><p style=\"margin-top:0\"><b>Edit/Add Keywords/Highlighting</b>" +
  287.     "<span class=\"btnkwhiclose\"><button id=\"btnkwhimax\" title=\"Maximize dialog size\">^</button>&nbsp;&nbsp;" +
  288.     "<button onclick=\"document.getElementById('kwhiedit').style.display='none'; return false;\" title=\"Close dialog\">X</button></span>" +
  289.     "</p><p>List longer forms of a word first to match both in full. Example: \"children|child\" will highlight both, but \"child|children\" " +
  290.     "will only highlight child, it won't expand the selection to children.</p>" +
  291.     "<table cellspacing=\"0\" style=\"table-layout:fixed\"><tbody><tr kwhiset=\"new\"><td style=\"width:calc(100% - 464px)\">" +
  292.     "<p contenteditable=\"true\" style=\"border:1px dotted #000;word-wrap:break-word;display:block!important\" class=\"\">placeholder</p>" +
  293.     "<p style=\"margin-top:2em\">Match type: <select id=\"kwhipattype\"><option value=\"string\" selected>Anywhere in a word</option>" +
  294.     "<option value=\"word\">\"Whole\" words only</option><option value=\"regex\">Regular Expression (advanced)</option></select></p></td>" +
  295.     "<td style=\"width:416px\" id=\"stylecontrols\"><p><span>Text color:</span> <input id=\"txtcolorinput\" type=\"color\" value=\"#000000\" title=\"Pop up color picker\"> " +
  296.     "R:<input id=\"txtr\" type=\"number\" min=\"0\" max=\"255\" step=\"1\" style=\"width:3.25em\" value=\"0\"> " +
  297.     "G:<input id=\"txtg\" type=\"number\" min=\"0\" max=\"255\" step=\"1\" style=\"width:3.25em\" value=\"0\"> " +
  298.     "B:<input id=\"txtb\" type=\"number\" min=\"0\" max=\"255\" step=\"1\" style=\"width:3.25em\" value=\"0\"> " +
  299.     "<button id=\"btntxtreset\">Reset</button></p>" +
  300.     "<p><span>Background:</span> <input id=\"bkgcolorinput\" type=\"color\" value=\"#ffff80\" title=\"Pop up color picker\"> " +
  301.     "R:<input id=\"bkgr\" type=\"number\" min=\"0\" max=\"255\" step=\"1\" style=\"width:3.25em\" value=\"255\"> " +
  302.     "G:<input id=\"bkgg\" type=\"number\" min=\"0\" max=\"255\" step=\"1\" style=\"width:3.25em\" value=\"255\"> " +
  303.     "B:<input id=\"bkgb\" type=\"number\" min=\"0\" max=\"255\" step=\"1\" style=\"width:3.25em\" value=\"128\"> <button id=\"btnbkgreset\">Reset</button></p>" +
  304.     "<p><span>Font-weight:</span> <select id=\"fwsel\"><option value=\"inherit\" selected>inherit</option>" +
  305.     "<option value=\"bold\"><b>bold</b></option><option value=\"normal\">not bold</option></select></p><p><span>Custom:</span> <input type=\"text\" " +
  306.     "id=\"kwhicustom\" style=\"width:55%\"> <button id=\"kwhicustomapply\">Apply</button></p></td></tr></tbody></table>" +
  307.     "<p><button id=\"btnkwhisave\">Save Changes</button> <button id=\"btnkwhicancel\">Discard Changes</button> " +
  308.     "<button id=\"btnkwhiremove\">Hide Set</button> <button id=\"btnkwhirevert\" disabled>Revert Last Keyword Edit</button></p></form><style type=\"text/css\">" +
  309.     "#kwhiedit{position:fixed;top:1px;left:150px;width:800px;height:400px;border:1px solid #000;border-radius:6px;padding:1em;color:#000;" +
  310.     "background:#fafafa;z-index:2501;display:none} #kwhiedit table{width:100%;background:#fff;border-top:1px solid #000;" +
  311.     "border-left:1px solid #000;} #kwhiedit td{padding:0 12px; vertical-align:top;border-right:1px solid #000;border-bottom:1px solid #000;}" +
  312.     "#kwhiedit td p{margin-top:12px;} #stylecontrols>p>span{display:inline-block;width:6.5em;} " +
  313.     "#stylecontrols input[type=\"color\"]{padding:0; width:24px; height:1.25em; border:none;}</style><style type=\"text/css\" id=\"kwhiedittemp\"></style></div>";
  314.   document.body.appendChild(kwhied);
  315.   // Attach event handlers
  316.   document.getElementById("btnkwhisave").addEventListener("click",kwhisavechg,false);
  317.   document.getElementById("btnkwhicancel").addEventListener("click",kwhicancel,false);
  318.   document.getElementById("btnkwhiremove").addEventListener("click",kwhiremove,false);
  319.   document.getElementById("btnkwhirevert").addEventListener("click",kwhirevert,false);
  320.   document.getElementById("stylecontrols").addEventListener("input",updatestyle,false);
  321.   document.getElementById("stylecontrols").addEventListener("change",updatecolor,false);
  322.   document.getElementById("btntxtreset").addEventListener("click",kwhicolorreset,false);
  323.   document.getElementById("btnbkgreset").addEventListener("click",kwhicolorreset,false);
  324.   document.getElementById("fwsel").addEventListener("change",kwhifwchg,false);
  325.   document.getElementById("kwhicustomapply").addEventListener("click",kwhicustom,false);
  326.   document.getElementById("btnkwhimax").addEventListener("click",kwhimaxrestore,false);
  327.  
  328.   // Context menu options -- do not replace any existing menu!
  329.   if (!document.body.hasAttribute("contextmenu") && "contextMenu" in document.documentElement){
  330.     var cmenu = document.createElement("menu");
  331.     cmenu.id = "THDcontext";
  332.     cmenu.setAttribute("type", "context");
  333.     cmenu.innerHTML = '<menu label="Text Highlight and Seek">' +
  334.       '<menuitem id="THDshowbar" label="Show bar"></menuitem>' +
  335.       '<menuitem id="THDenableset" label="Enable matching set"></menuitem>' +
  336.       '<menuitem id="THDdisableset" label="Disable this set"></menuitem>' +
  337.       '<menuitem id="THDnewset" label="Add new set"></menuitem>' +
  338.       '</menu>';
  339.     document.body.appendChild(cmenu);
  340.     document.getElementById("THDshowbar").addEventListener("click",editKW,false);
  341.     document.getElementById("THDenableset").addEventListener("click",cmenuEnable,false);
  342.     document.getElementById("THDdisableset").addEventListener("click",cmenuDisable,false);
  343.     document.getElementById("THDnewset").addEventListener("click",cmenuNewset,false);
  344.     // attach menu and create event for filtering
  345.     document.body.setAttribute("contextmenu", "THDcontext");
  346.     document.body.addEventListener("contextmenu",cmenuFilter,false);
  347.   }
  348.  
  349.   if (!GM4) GM_registerMenuCommand("TEST ONLY - flush keyword sets for Text Highlight and Seek", flushData);
  350. }
  351. THS_init();
  352.  
  353. // Main workhorse routine
  354. function THmo_doHighlight(el,subset){
  355.   if (subset) var keyset = subset;
  356.   else var keyset = hlkeys;
  357.   for (var j = 0; j < keyset.length; ++j) {
  358.     var hlset = keyset[j];
  359.     if (hlobj[hlset].visible == "true" && hlobj[hlset].enabled == "true"){
  360.       var hlkeywords = hlobj[hlset].keywords;
  361.       if (hlkeywords.length > 0) {
  362.         if (hlobj[hlset].type != "regex"){
  363.           var rQuantifiers = /[-\/\\^$*+?.()[\]{}]/g;
  364.           hlkeywords = hlkeywords.replace(rQuantifiers, '\\$&');
  365.           if (hlobj[hlset].type == "word"){
  366.             hlkeywords = "\\b" + hlkeywords.replace(/\|/g, "\\b|\\b") + "\\b";
  367.           }
  368.         }
  369.         //console.log("hlset:"+hlset+"\nhlkeywords:"+hlkeywords);
  370.         var pat = new RegExp('(' + hlkeywords + ')', 'gi');
  371.         var span = document.createElement('thdfrag');
  372.         span.setAttribute("thdcontain","true");
  373.         // getting all text nodes with a few exceptions
  374.         if (hlprecode){
  375.           var snapElements = document.evaluate(
  376.             './/text()[normalize-space() != "" ' +
  377.             'and not(ancestor::style) ' +
  378.             'and not(ancestor::script) ' +
  379.             'and not(ancestor::textarea) ' +
  380.             'and not(ancestor::div[@id="thdtopbar"]) ' +
  381.             'and not(ancestor::div[@id="kwhiedit"]) ' +
  382.             'and not(parent::thdfrag[@txhidy15])]',
  383.             el, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
  384.         } else {
  385.           var snapElements = document.evaluate(
  386.             './/text()[normalize-space() != "" ' +
  387.             'and not(ancestor::style) ' +
  388.             'and not(ancestor::script) ' +
  389.             'and not(ancestor::textarea) ' +
  390.             'and not(ancestor::pre) ' +
  391.             'and not(ancestor::code) ' +
  392.             'and not(ancestor::div[@id="thdtopbar"]) ' +
  393.             'and not(ancestor::div[@id="kwhiedit"]) ' +
  394.             'and not(parent::thdfrag[@txhidy15])]',
  395.             el, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
  396.         }
  397.  
  398.         if (!snapElements.snapshotItem(0)) { break; }
  399.  
  400.         for (var i = 0, len = snapElements.snapshotLength; i < len; i++) {
  401.           var node = snapElements.snapshotItem(i);
  402.           // check if it contains the keywords
  403.           if (pat.test(node.nodeValue)) {
  404.             // create an element, replace the text node with an element
  405.             var sp = span.cloneNode(true);
  406.             sp.innerHTML = node.nodeValue.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(pat, '<thdfrag class="THmo '+hlset+'" txhidy15="'+hlset+'">$1</thdfrag>');
  407.             node.parentNode.replaceChild(sp, node);
  408.             // try to un-nest containers
  409.             if (sp.parentNode.hasAttribute("thdcontain")) sp.outerHTML = sp.innerHTML;
  410.           }
  411.         }
  412.       }
  413.     }
  414.   }
  415. }
  416. function insertCSS(setkeys){
  417.   for (var j = 0; j < setkeys.length; ++j){
  418.     var hlset = setkeys[j];
  419.     if (hlobj[hlset].visible == "true"){
  420.       var rule = "."+hlset+"{display:inline!important;";
  421.       if (hlobj[hlset].textcolor.length > 0) rule += "color:"+hlobj[hlset].textcolor+";";
  422.       if (hlobj[hlset].backcolor.length > 0) rule += "background-color:"+hlobj[hlset].backcolor+";";
  423.       if (hlobj[hlset].fontweight.length > 0) rule += "font-weight:"+hlobj[hlset].fontweight+";";
  424.       if (hlobj[hlset].custom.length > 0) rule += hlobj[hlset].custom+";";
  425.       rule += "}";
  426.       var setrule = document.querySelector('style[hlset="' + hlset +'"]');
  427.       if (!setrule){
  428.         var s = document.createElement("style");
  429.         s.type = "text/css";
  430.         s.setAttribute("hlset", hlset);
  431.         s.appendChild(document.createTextNode(rule));
  432.         document.body.appendChild(s);
  433.       } else {
  434.         setrule.innerHTML = rule;
  435.       }
  436.     }
  437.   }
  438. }
  439. function editKW(e){
  440.   refreshSetList();
  441.   // show form
  442.   document.getElementById("thdtopbar").style.display = "block";
  443.   document.getElementById("thdtopspacer").style.display = "block";
  444. }
  445. function thdDropSetList(e){
  446.   refreshSetList();
  447.   document.getElementById("thdtopdrop").style.display = "block";
  448. }
  449. function thddroptoggle(e){
  450.   if (document.getElementById("thdtopdrop").style.display == "none"){
  451.     thdDropSetList();
  452.     if (e.target.nodeName == "EM") kwhinewset();
  453.   } else if (e.target.nodeName == "EM"){
  454.     kwhinewset();
  455.   } else {
  456.     document.getElementById("thdtopdrop").style.display = "none";
  457.   }
  458. }
  459. function refreshSetList(e){
  460.   // clear old rows from form
  461.   document.getElementById("kwhitbod").innerHTML = "";
  462.   // populate data - hlobj is global
  463.   for (var j = 0; j < hlkeys.length; ++j){
  464.     var hlset = hlkeys[j];
  465.     if (hlobj[hlset].visible == "true"){
  466.       if (hlobj[hlset].enabled == "true") var strchk = ' checked=\"checked\"';
  467.       else var strchk = '';
  468.       var newrow = document.createElement("tr");
  469.       var thdtypenote = '';
  470.       newrow.setAttribute("kwhiset", hlset);
  471.       if(hlobj[hlset].type != "string"){
  472.         thdtypenote = '<span class="thdtype">' + hlobj[hlset].type + '</span>';
  473.       } 
  474.       if (j == 0){
  475.         newrow.innerHTML = '<td style=\"width:286px\"><div class=\"' + hlset + '\">' + hlobj[hlset].keywords + '</div>' + thdtypenote + '</td>' +
  476.           '<td style=\"width:195px\"><button kwhiset=\"' + hlset + '\" title=\"Bring matches into view\">Seek</button> ' +
  477.           '<button kwhiset=\"' + hlset + '\">Edit</button> <label><input type=\"checkbox\" kwhiset=\"' + hlset + 
  478.           '\"' + strchk + '"> Enabled </label></td>';
  479.       } else {
  480.         newrow.innerHTML = '<td><div class=\"' + hlset + '\">' + hlobj[hlset].keywords + '</div>' + thdtypenote + '</td>' +
  481.           '<td><button kwhiset=\"' + hlset + '\" title=\"Bring matches into view\">Seek</button> ' +
  482.           '<button kwhiset=\"' + hlset + '\">Edit</button> <label><input type=\"checkbox\" kwhiset=\"' + hlset + 
  483.           '\"' + strchk + '"> Enabled </label></td>';
  484.       }
  485.       document.getElementById("kwhitbod").appendChild(newrow);
  486.     }
  487.   }
  488. }
  489. async function kwhiformevent(e){
  490.   if (e.target.nodeName == "INPUT"){ // Enabled checkbox
  491.     var hlsetnum = e.target.getAttribute("kwhiset");
  492.     kwhienabledisable(hlsetnum, e.target.checked);
  493.   } 
  494.   if (e.target.nodeName == "BUTTON"){ // Call up edit form or find bar
  495.     var hlset = e.target.getAttribute('kwhiset');
  496.     if (e.target.textContent == "Edit"){
  497.       // need to cancel in-place editor if it's open
  498.       kwhicancelipe(hlset);
  499.       // set set number attribute
  500.       document.querySelector('#kwhiedit tr').setAttribute('kwhiset', hlset);
  501.       // set class for keywords
  502.       document.querySelector('#kwhiedit td:nth-of-type(1) p:nth-of-type(1)').className = hlset;
  503.       // enter placeholder text & type
  504.       document.querySelector('#kwhiedit td:nth-of-type(1) p:nth-of-type(1)').textContent = hlobj[hlset].keywords;
  505.       document.getElementById("kwhipattype").selectedIndex = 0;
  506.       if (hlobj[hlset].type == "word") document.getElementById("kwhipattype").selectedIndex = 1;
  507.       if (hlobj[hlset].type == "regex") document.getElementById("kwhipattype").selectedIndex = 2;
  508.       // set style editing to default and override with set rules
  509.       kwhieditstyle = ["rgb(0,0,255)","rgb(255,255,0)","inherit",""]; // defaults
  510.       if (hlobj[hlset].textcolor.length > 0) kwhieditstyle[0] = hlobj[hlset].textcolor;
  511.       if (hlobj[hlset].backcolor.length > 0) kwhieditstyle[1] = hlobj[hlset].backcolor;
  512.       if (hlobj[hlset].fontweight.length > 0) kwhieditstyle[2] = hlobj[hlset].fontweight;
  513.       if (hlobj[hlset].custom.length > 0) kwhieditstyle[3] = hlobj[hlset].custom;
  514.       kwhiShowEditForm();
  515.     }
  516.     if (e.target.textContent == "Seek"){
  517.       // need to cancel in-place editor if it's open
  518.       kwhicancelipe(hlset);
  519.       // Enable set if not currently enabled (2.3.5)
  520.       var chkbx = e.target.parentNode.querySelector('input[type="checkbox"]');
  521.       if (!chkbx.checked) chkbx.click();
  522.       // Populate current seek set to #thdtopkeywords
  523.       var divDataTD = e.target.parentNode.previousElementSibling;
  524.       document.getElementById("thdtopkeywords").innerHTML = "<i>Seeking:</i> " + divDataTD.firstChild.outerHTML;
  525.       // Store set to seek in #thdtopfindbuttons
  526.       document.getElementById("thdtopfindbuttons").setAttribute("thdseek", hlset);
  527.       // Close Keyword Sets form
  528.       document.getElementById('thdtopdrop').style.display='none';
  529.       // Send click event to the "seek first" button
  530.       document.getElementById('thdtopfindbuttons').children[0].click();
  531.     }
  532.     if (e.target.textContent == "Save"){ // Check and save in-place keyword edit
  533.       // get set number attribute
  534.       var hlset = e.target.getAttribute("kwhiset");
  535.       var kwtext = document.querySelector('div.'+hlset+' p.'+hlset).textContent;
  536.       if (kwtext == hlobj[hlset].keywords){ // Nothing to save, cancel the edit
  537.         kwhicancelipe(hlset);
  538.         return;
  539.       }
  540.       // Save keyword changes WITHOUT user confirmation
  541.       hlobj[hlset].prevkeyw = hlobj[hlset].keywords;
  542.       hlobj[hlset].prevtype = hlobj[hlset].type;
  543.       if (hlobj[hlset].type != "regex") hlobj[hlset].keywords = kwtext;
  544.       else{
  545.         hlobj[hlset].keywords = kwtext.replace(/\\/g, "\\");
  546.         hlobj[hlset].hlpat = ""; //TODOLATER
  547.       }
  548.       // Set updated date/time
  549.       hlobj[hlset].updated = (new Date()).toJSON();
  550.       // Persist the object
  551.       hljson = JSON.stringify(hlobj);
  552.       if (!GM4){
  553.         GM_setValue("kwstyles", hljson);
  554.       } else {
  555.         await GM.setValue("kwstyles", hljson);
  556.       }
  557.       // Update CSS rule and parent form
  558.       insertCSS([hlset]);
  559.       refreshSetList();
  560.       // Unhighlight, re-highlight, close in-place editor
  561.       unhighlight(hlset);
  562.       THmo_doHighlight(document.body,[hlset]);
  563.       kwhicancelipe(hlset);
  564.     }
  565.     if (e.target.textContent == "Cancel"){ // Revert in-place editor
  566.       // get set number attribute
  567.       var hlset = e.target.getAttribute("kwhiset");
  568.       kwhicancelipe(hlset);
  569.     }
  570.     if (e.target.textContent == "Revert"){ // Restore previous keywords
  571.       // get set number attribute
  572.       var hlset = e.target.getAttribute("kwhiset");
  573.       // gray the button
  574.       document.getElementById('thsrevert' + hlset).setAttribute('disabled', 'disabled');
  575.       // get the previous keywords (if any)
  576.       if (hlobj[hlset].prevkeyw && hlobj[hlset].prevkeyw != '') var kwtext = hlobj[hlset].prevkeyw;
  577.       if (!kwtext || kwtext == ''){ // uh-oh
  578.         alert('Unable to undo, sorry!');
  579.         document.getElementById('thsrevert' + hlset).setAttribute('disabled', 'disabled');
  580.         return;
  581.       }
  582.       // Save keyword changes WITHOUT user confirmation
  583.       hlobj[hlset].keywords = kwtext;
  584.       hlobj[hlset].type = hlobj[hlset].prevtype;
  585.       hlobj[hlset].prevkeyw = '';
  586.       hlobj[hlset].prevtype = '';
  587.       // Set updated date/time
  588.       hlobj[hlset].updated = (new Date()).toJSON();
  589.       // Persist the object
  590.       hljson = JSON.stringify(hlobj);
  591.       if (!GM4){
  592.         GM_setValue("kwstyles", hljson);
  593.       } else {
  594.         await GM.setValue("kwstyles", hljson);
  595.       }
  596.       // Update CSS rule and parent form
  597.       insertCSS([hlset]);
  598.       refreshSetList();
  599.       // Unhighlight, re-highlight
  600.       unhighlight(hlset);
  601.       THmo_doHighlight(document.body,[hlset]);
  602.     }
  603.   }
  604.   if (e.type == "dblclick" && e.target.nodeName == "DIV"){ // Set up in-place quick editor
  605.     if (e.target.children.length == 0) { // Ignore the double-click if the editor was already set up
  606.       var hlset = e.target.className;
  607.       e.target.innerHTML = '<p class="' + hlset +'" contenteditable="true" style="border:1px dotted #000">' + e.target.textContent + '</p>' +
  608.         '<p style="background-color:#fff;font-size:0.8em"><button kwhiset="' + hlset + '" title="Update keywords for this set" style="font-size:0.8em">' +
  609.         'Save</button> <button kwhiset="' + hlset + '" title="Keep saved keywords" style="font-size:0.8em">Cancel</button> <button kwhiset="' + 
  610.         hlset + '" id="thsrevert' + hlset + '" title="Revert last edit" style="font-size:0.8em" disabled>Revert</button></p>';
  611.       var rng = document.createRange();
  612.       rng.selectNodeContents(e.target.children[0]);
  613.       var sel = window.getSelection();        
  614.       sel.removeAllRanges();
  615.       sel.addRange(rng);
  616.       if (hlobj[hlset].prevkeyw && hlobj[hlset].prevkeyw != '') {
  617.         document.getElementById('thsrevert' + hlset).removeAttribute('disabled');
  618.         document.getElementById('thsrevert' + hlset).setAttribute('title','Revert to "' + hlobj[hlset].prevkeyw + '"');
  619.       }
  620.     }
  621.   } 
  622. }
  623. async function kwhienabledisable(hlsetnum,enable){
  624.   if (enable == false) {
  625.     // Update object and persist to GM storage
  626.     hlobj[hlsetnum].enabled = "false";
  627.     hljson = JSON.stringify(hlobj);
  628.     if (!GM4){
  629.       GM_setValue("kwstyles", hljson);
  630.     } else {
  631.       await GM.setValue("kwstyles", hljson);
  632.     }
  633.     // Unhighlight
  634.     unhighlight(hlsetnum);
  635.     // Clear seek info from bar if this set is there
  636.     var seekset = document.getElementById("thdtopfindbuttons").getAttribute("thdseek");
  637.     if (seekset){
  638.       if(seekset.indexOf("|") > -1) seekset = seekset.split("|")[0];
  639.       if (hlsetnum == seekset){
  640.         document.getElementById("thdtopfindbuttons").setAttribute("thdseek","");
  641.         document.getElementById("thdseekdesc").textContent = "Seek";
  642.         document.getElementById("thdtopkeywords").innerHTML = "Click to manage keyword/highlight sets &bull; <em>Add New Set</em>";
  643.       }
  644.     } 
  645.   } else {
  646.     // Update object and persist to GM storage
  647.     hlobj[hlsetnum].enabled = "true";
  648.     hljson = JSON.stringify(hlobj);
  649.     if (!GM4){
  650.       GM_setValue("kwstyles", hljson);
  651.     } else {
  652.       await GM.setValue("kwstyles", hljson);
  653.     }
  654.     // Highlight
  655.     THmo_doHighlight(document.body,[hlsetnum]);
  656.   }
  657. }
  658. function kwhinewset(e,kwtext){ // call up new set form
  659.   // set set number attribute
  660.   document.querySelector('#kwhiedit tr').setAttribute('kwhiset', 'new');
  661.   // clear class for keywords
  662.   document.querySelector('#kwhiedit td:nth-of-type(1) p:nth-of-type(1)').className = "";
  663.   // enter placeholder text & default type
  664.   if (kwtext) document.querySelector('#kwhiedit td:nth-of-type(1) p:nth-of-type(1)').textContent = kwtext;
  665.   else document.querySelector('#kwhiedit td:nth-of-type(1) p:nth-of-type(1)').textContent = "larry|moe|curly";
  666.   document.getElementById("kwhipattype").selectedIndex = 0;
  667.   // set style editing to defaults
  668.   kwhieditstyle = ["rgb(0,0,255)","rgb(255,255,0)","inherit",""];
  669.   kwhiShowEditForm();
  670. }
  671. function kwhiShowEditForm(){
  672.   var rule = "#stylecontrols>p>span{";
  673.   if (kwhieditstyle[0].length > 0) rule += "color:"+kwhieditstyle[0]+";";
  674.   if (kwhieditstyle[1].length > 0) rule += "background-color:"+kwhieditstyle[1]+";";
  675.   if (kwhieditstyle[2].length > 0) rule += "font-weight:"+kwhieditstyle[2]+";";
  676.   if (kwhieditstyle[3].length > 0) rule += kwhieditstyle[3]+";";
  677.   document.getElementById("kwhiedittemp").innerHTML = rule + "}";
  678.   populateRGB("txt",kwhieditstyle[0]);
  679.   populateRGB("bkg",kwhieditstyle[1]);
  680.   document.getElementById("fwsel").value = kwhieditstyle[2];
  681.   document.getElementById("kwhicustom").value = kwhieditstyle[3];
  682.   updateColorInputs();
  683.   // default the reversion button to disabled
  684.   var rbtn = document.getElementById("btnkwhirevert");
  685.   rbtn.setAttribute('disabled','disabled');
  686.   if (rbtn.hasAttribute('kwhiset')) rbtn.removeAttribute('kwhiset');
  687.   rbtn.setAttribute('title','');
  688.   // show form
  689.   document.getElementById("kwhiedit").style.display = "block";
  690.   // check for possible reversion option
  691.   var hlset = document.querySelector('#kwhiedit td:nth-of-type(1) p:nth-of-type(1)').className;
  692.   if (hlset != "" && hlobj[hlset].prevkeyw && hlobj[hlset].prevkeyw != '') {
  693.     rbtn.removeAttribute('disabled');
  694.     rbtn.setAttribute('kwhiset',hlset);
  695.     rbtn.setAttribute('title','Revert to "' + hlobj[hlset].prevkeyw + '"');
  696.   }
  697. }
  698. function kwhiexport(e){
  699.   prompt("JSON data\nPress Ctrl+c or right-click to copy\n ", JSON.stringify(hlobj));
  700. }
  701. async function kwhiimport(e){
  702.   var txtImport = prompt("Paste in the exported data and click OK to start parsing", "");
  703.   try{
  704.     var objImport = JSON.parse(txtImport);
  705.   } catch(err){
  706.     alert("Sorry, data does not appear to be in the proper format. Here's the error according to Firefox: \n\n"+err+"\n\nHopefully you can resolve that!");
  707.     return;
  708.   }
  709.   var keysImport = Object.keys(objImport);
  710.   // Compare for duplicate set numbers
  711.   var keysString = "|" + hlkeys.join("|") + "|";
  712.   var counter = 0;
  713.   for (var j = 0; j < keysImport.length; ++j){
  714.     if(keysString.indexOf("|"+keysImport[j]+"|") > -1) counter++;
  715.   }
  716.   if (counter > 0){
  717.     var arc = prompt("Detected "+counter+" of "+keysImport.length+" set numbers to be imported already exist. Do you want to:\nAdd these sets [A]\nReplace existing sets [R]\nTotally replace all existing sets [T]\nCancel the import [C]?","A");
  718.     if (!arc) return;
  719.     if (arc.length == 0) return;
  720.     if (arc.toLowerCase() == "c") return;
  721.     if (arc.toLowerCase() == "t"){
  722.       if(!confirm("Total replacement has no error checking. Click OK to confirm total replacement, or click Cancel to only Replace matching sets.")) arc = "R";
  723.     }
  724.   } else {
  725.     var arc = "A";
  726.   }
  727.   if (arc.toLowerCase() == "t"){ // Total replacement
  728.     hlobj = JSON.parse(txtImport);
  729.     // Update the global key array
  730.     hlkeys = Object.keys(hlobj);
  731.     // Persist the object
  732.     hljson = JSON.stringify(hlobj);
  733.     if (!GM4){
  734.       GM_setValue("kwstyles", hljson);
  735.     } else {
  736.       await GM.setValue("kwstyles", hljson);
  737.     }
  738.     // Apply to page (see below)
  739.   } else {
  740.     for (var j = 0; j < keysImport.length; ++j){ // Add/replace individual sets
  741.       var impset = keysImport[j];
  742.       if(keysString.indexOf("|"+impset+"|") > -1 && arc.toLowerCase() == "r"){ // replace
  743.         var hlset = impset;
  744.         hlobj[hlset].keywords = objImport[impset].keywords || "keywords|not|found";
  745.         hlobj[hlset].type = objImport[impset].type || "string";
  746.         hlobj[hlset].hlpat = objImport[impset].hlpat || "";
  747.         hlobj[hlset].textcolor = objImport[impset].textcolor || "rgb(0,0,255)";
  748.         hlobj[hlset].backcolor = objImport[impset].backcolor || "rgb(255,255,0)";
  749.         hlobj[hlset].fontweight = objImport[impset].fontweight || "inherit";
  750.         hlobj[hlset].custom = objImport[impset].custom || "";
  751.         hlobj[hlset].enabled = objImport[impset].enabled || "true";
  752.         hlobj[hlset].visible = objImport[impset].visible || "true";
  753.         hlobj[hlset].updated = (new Date()).toJSON();
  754.       } else { // add
  755.         if(keysString.indexOf("|"+impset+"|") > -1 && arc.toLowerCase() == "a"){
  756.           // create a new set number instead
  757.           var hlset = "set" + hlnextset;
  758.           hlnextset += 1;
  759.           if (!GM4){
  760.             GM_setValue("hlnextset",hlnextset);
  761.           } else {
  762.             await GM.setValue("hlnextset",hlnextset);
  763.           }
  764.         } else {
  765.           var hlset = impset;
  766.         }
  767.         // add the set
  768.         hlobj[hlset] = {
  769.           keywords : objImport[impset].keywords || "keywords|not|found",
  770.           type: objImport[impset].type || "string",
  771.           hlpat : objImport[impset].hlpat || "",
  772.           textcolor : objImport[impset].textcolor || "rgb(0,0,255)",
  773.           backcolor : objImport[impset].backcolor || "rgb(255,255,0)",
  774.           fontweight : objImport[impset].fontweight || "inherit",
  775.           custom : objImport[impset].custom || "",
  776.           enabled : objImport[impset].enabled || "true",
  777.           visible : objImport[impset].visible || "true",
  778.           updated : objImport[impset].updated || ""
  779.         }
  780.       }
  781.       // Update the global key array
  782.       hlkeys = Object.keys(hlobj);
  783.       // Persist the object
  784.       hljson = JSON.stringify(hlobj);
  785.       if (!GM4){
  786.         GM_setValue("kwstyles", hljson);
  787.       } else {
  788.         await GM.setValue("kwstyles", hljson);
  789.       }
  790.     }
  791.   }
  792.   // TODO: Could an error  prevent reaching this point, for example, if the import object is missing properties due to bad editing?
  793.   // Update CSS rule and command bar list
  794.   insertCSS(hlkeys);
  795.   refreshSetList();
  796.   // Unhighlight all, re-highlight all, close dialog
  797.   unhighlight(null);
  798.   THmo_doHighlight(document.body);
  799. }
  800. async function kwhihbtn(e){
  801.   if (e.target.checked == false){
  802.     hlbtnvis = "off";
  803.     if (!GM4){
  804.       GM_setValue("hlbtnvis",hlbtnvis);
  805.     } else {
  806.       await GM.setValue("hlbtnvis",hlbtnvis);
  807.     }
  808.     document.getElementById("btnshowkwhi").style.display = "none";
  809.   } else {
  810.     hlbtnvis = "on";
  811.     if (!GM4){
  812.       GM_setValue("hlbtnvis",hlbtnvis);
  813.     } else {
  814.       await GM.setValue("hlbtnvis",hlbtnvis);
  815.     }
  816.     document.getElementById("btnshowkwhi").style.display = "";
  817.   }
  818. }
  819. async function kwhiprecode(e){
  820.   if (e.target.checked == false){
  821.     // Update var, persist the preference, unhighlight, rehighlight
  822.     hlprecode = false;
  823.     if (!GM4){
  824.       GM_setValue("hlprecode",hlprecode);
  825.     } else {
  826.       await GM.setValue("hlprecode",hlprecode);
  827.     }
  828.     unhighlight(null);
  829.     THmo_doHighlight(document.body);
  830.   } else {
  831.     // Update var, persist the preference, rehighlight
  832.     hlprecode = true;
  833.     if (!GM4){
  834.       GM_setValue("hlprecode",hlprecode);
  835.     } else {
  836.       await GM.setValue("hlprecode",hlprecode);
  837.     }
  838.     THmo_doHighlight(document.body);
  839.   }
  840. }
  841. function kwhicancelipe(setno){
  842.   // clean up in-place editor(s)
  843.   if (setno && setno != ''){
  844.     var kwdiv = document.querySelector('#kwhitbod .'+setno);
  845.     if (kwdiv){
  846.       kwdiv.innerHTML = hlobj[setno].keywords;
  847.       return;
  848.     }
  849.   } else { // Check 'em all
  850.     var divs = document.querySelector('#kwhitbod div');
  851.     for (var n=0; n<divs.length; n++){
  852.       if (divs[n].children.length > 0 && divs[n].className != '') kwhicancelipe(divs[n].className);
  853.     }
  854.   }
  855. }
  856. function kwhitopdropclose(e){
  857.   kwhicancelipe('');
  858.   document.getElementById('thdtopdrop').style.display='none';
  859. }
  860. function thsreread(e){
  861.   //TODO
  862. }
  863. async function thsframeselect(e){
  864.   var selopt = e.target.options[e.target.selectedIndex].value;
  865.   if (hlframe != selopt) {
  866.     hlframe = selopt;
  867.     if (!GM4){
  868.       GM_setValue("hlframe",hlframe);
  869.     } else {
  870.       await GM.setValue("hlframe",hlframe);
  871.     }
  872.     setthsframeopts();
  873.   }
  874. }
  875. function setthsframeopts(){
  876.   var sel = document.getElementById("hlframeselect");
  877.   if (hlframe == "none"){
  878.     sel.options[0].selected = true;
  879.     sel.options[0].setAttribute("selected","selected");
  880.   } else {
  881.     sel.options[0].selected = false;
  882.     if (sel.options[0].hasAttribute("selected")) sel.options[0].removeAttribute("selected");
  883.   }
  884.   if (hlframe == "same"){
  885.     sel.options[1].selected = true;
  886.     sel.options[1].setAttribute("selected","selected");
  887.   } else {
  888.     sel.options[1].selected = false;
  889.     if (sel.options[1].hasAttribute("selected")) sel.options[1].removeAttribute("selected");
  890.   }
  891.   if (hlframe == "any"){
  892.     sel.options[2].selected = true;
  893.     sel.options[2].setAttribute("selected","selected");
  894.   } else {
  895.     sel.options[2].selected = false;
  896.     if (sel.options[2].hasAttribute("selected")) sel.options[2].removeAttribute("selected");
  897.   }
  898. }
  899. function thdseek(e){
  900.   if (e.target.nodeName == "DIV") return; // ignore background clicks
  901.   var seekset = e.currentTarget.getAttribute("thdseek");
  902.   if (!seekset){ // user needs to select a set to seek in
  903.     thdDropSetList();
  904.   } else {
  905.     var seekparams = seekset.split("|");
  906.     var seekmatches = document.querySelectorAll('thdfrag[txhidy15="'+seekparams[0]+'"]');
  907.     // Update or add total size of set; FIGURE OUT LATER: what if this changed??
  908.     seekparams[1] = seekmatches.length;
  909.     if (seekmatches.length > 0){
  910.       if (e.target.nodeName == "SPAN"){ // re-scroll to the current reference
  911.         thdshow(seekmatches[parseInt(seekparams[2])]);
  912.       } else { // BUTTON
  913.         var seekaction = e.target.getAttribute("thdaction");
  914.         if (!seekaction) seekaction = "f";
  915.         if (seekparams.length == 3){ // User has seeked in this set
  916.           switch (seekaction){
  917.             case "f":
  918.               seekparams[2] = 0;
  919.               var rtn = thdshow(seekmatches[parseInt(seekparams[2])]);
  920.               if (rtn == false) seekagain("n");
  921.               break;
  922.             case "p":
  923.               if (parseInt(seekparams[2]) > 0) {
  924.                 seekparams[2] = parseInt(seekparams[2]) - 1;
  925.                 var rtn = thdshow(seekmatches[parseInt(seekparams[2])]);
  926.                 if (rtn == false){
  927.                   if (parseInt(seekparams[2]) > 0) seekagain("p");
  928.                   else seekfailnotc("No previous match visible");
  929.                 } 
  930.               } else {
  931.                 seekfailnotc("Already reached first match");
  932.               }
  933.               break;
  934.             case "n":
  935.               if (parseInt(seekparams[2]) < (seekmatches.length-1)) {
  936.                 seekparams[2] = parseInt(seekparams[2]) + 1;
  937.                 var rtn = thdshow(seekmatches[parseInt(seekparams[2])]);
  938.                 if (rtn == false){
  939.                   if (parseInt(seekparams[2]) < (seekmatches.length-1)) seekagain("n");
  940.                   else seekfailnotc("No later match visible");
  941.                 } 
  942.               } else {
  943.                 seekparams[2] = (seekmatches.length-1); // in case it's too high, fix that here
  944.                 seekfailnotc("Already reached last match");
  945.               }
  946.               break;
  947.             case "l":
  948.               seekparams[2] = (seekmatches.length-1);
  949.               var rtn = thdshow(seekmatches[parseInt(seekparams[2])]);
  950.               if (rtn == false) seekagain("p");
  951.               break;
  952.           }
  953.         } else {
  954.           seekparams[2] = 0;
  955.           thdshow(seekmatches[parseInt(seekparams[2])]);
  956.         }
  957.         document.getElementById("thdtopfindbuttons").setAttribute("thdseek", seekparams.join("|"));
  958.         document.getElementById("thdseekdesc").textContent = (parseInt(seekparams[2])+1) + " of " + seekparams[1];
  959.       }
  960.     } else {
  961.       document.getElementById("thdseekdesc").textContent = "0 of 0";
  962.     }
  963.   }
  964. }
  965. function thdshow(elt){ // this could be much prettier with animation! TODO: outline/box?
  966.   elt.scrollIntoView();
  967.   var rect = elt.getClientRects()[0];
  968.   if (rect){ // scroll down one inch to avoid many fixed headers
  969.     if (rect.top < 96) window.scroll(0, window.scrollY-96);
  970.     return true;
  971.   } else { // match is not visible
  972.     return false;
  973.   }
  974. }
  975. function seekagain(dir){
  976.   switch (dir){
  977.     case "p":
  978.       seekfailnotc("Hidden, trying previous match...");
  979.       window.setTimeout(function(){document.querySelector('button[thdaction="p"]').click();},250);
  980.       break;
  981.     case "n":
  982.       seekfailnotc("Hidden, trying next match...");
  983.       window.setTimeout(function(){document.querySelector('button[thdaction="n"]').click();},250);
  984.       break;
  985.   }
  986. }
  987. var evttimer;
  988. function seekfailnotc(txt){
  989.   var sfdiv = document.getElementById("thdseekfail");
  990.   sfdiv.textContent = txt;
  991.   sfdiv.style.display = "block";
  992.   if (evttimer) window.clearTimeout(evttimer);
  993.   evttimer = window.setTimeout(function(){document.getElementById("thdseekfail").style.display="none";}, 800);
  994. }
  995. function unhighlight(setnum){
  996.   if (setnum) var tgts = document.querySelectorAll('thdfrag[txhidy15="' + setnum + '"]');
  997.   else var tgts = document.querySelectorAll('thdfrag[txhidy15]'); // remove ALL
  998.   for (var i=0; i<tgts.length; i++){
  999.     // Check for co-extant parent(s) to remove potentially stranded <span>s
  1000.     var parnode = tgts[i].parentNode, parpar = parnode.parentNode, tgtspan;
  1001.     if (parnode.hasAttribute("thdcontain") && parnode.innerHTML == tgts[i].outerHTML){
  1002.       parnode.outerHTML = tgts[i].textContent.replace(/</g, '&lt;').replace(/>/g, '&gt;');
  1003.       tgtspan = parpar;
  1004.     } else {
  1005.       tgts[i].outerHTML = tgts[i].textContent.replace(/</g, '&lt;').replace(/>/g, '&gt;');
  1006.       tgtspan = parnode;
  1007.     }
  1008.     tgtspan.normalize();
  1009.     if (tgtspan.hasAttribute("thdcontain")){
  1010.       parnode = tgtspan.parentNode;
  1011.       if (parnode){
  1012.         if (parnode.hasAttribute("thdcontain") && parnode.innerHTML == tgtspan.outerHTML && tgtspan.querySelectorAll('thdfrag[txhidy15]').length == 0){
  1013.           parnode.outerHTML = tgtspan.innerHTML;
  1014.         } else if (parnode.innerHTML == tgtspan.outerHTML && tgtspan.querySelectorAll('thdfrag[txhidy15]').length == 0) {
  1015.           parnode.innerHTML = tgtspan.innerHTML;
  1016.         }
  1017.       }
  1018.     }
  1019.   }
  1020. }
  1021.  
  1022. async function kwhisavechg(e){
  1023.   // Update object, regenerate CSS if applicable, apply to document
  1024.   var hlset = document.querySelector('#kwhiedit td:nth-of-type(1) p:nth-of-type(1)').className;
  1025.   var kwtext = document.querySelector('#kwhiedit td:nth-of-type(1) p:nth-of-type(1)').textContent;
  1026.   if (hlset == ""){ 
  1027.     // create a new set number
  1028.     var hlset = "set" + hlnextset;
  1029.     hlnextset += 1;
  1030.     if (!GM4){
  1031.       GM_setValue("hlnextset",hlnextset);
  1032.     } else {
  1033.       await GM.setValue("hlnextset",hlnextset);
  1034.     }
  1035.     // add the set
  1036.     if (document.getElementById("kwhipattype").value == "regex"){
  1037.       kwtext = kwtext.replace(/\\/g, "\\");
  1038.       var hlpattxt = ""; //TODOLATER
  1039.     } else {
  1040.       var hlpattxt = "";
  1041.     }
  1042.     hlobj[hlset] = {
  1043.       keywords : kwtext,
  1044.       type : document.getElementById("kwhipattype").value,
  1045.       hlpat : hlpattxt,
  1046.       textcolor : kwhieditstyle[0],
  1047.       backcolor : kwhieditstyle[1],
  1048.       fontweight : kwhieditstyle[2],
  1049.       custom : kwhieditstyle[3],
  1050.       enabled : "true",
  1051.       visible : "true",
  1052.       updated : ""
  1053.     }
  1054.     // Update the global key array
  1055.     hlkeys = Object.keys(hlobj);
  1056.   } else {
  1057.     var oldtype = hlobj[hlset].type;
  1058.     hlobj[hlset].type = document.getElementById("kwhipattype").value;
  1059.     // Save keyword changes after user confirmation
  1060.     if (kwtext != hlobj[hlset].keywords){
  1061.       if (confirm("Save updated keywords (and other changes)?")){
  1062.         hlobj[hlset].prevkeyw = hlobj[hlset].keywords;
  1063.         hlobj[hlset].prevtype = oldtype;
  1064.         if (hlobj[hlset].type != "regex"){
  1065.           hlobj[hlset].keywords = kwtext;
  1066.         } else {
  1067.           hlobj[hlset].keywords = kwtext.replace(/\\/g, "\\");
  1068.           hlobj[hlset].hlpat = ""; //TODOLATER
  1069.         }
  1070.       } else return;
  1071.     }
  1072.     // Save style changes without confirmation
  1073.     hlobj[hlset].textcolor = kwhieditstyle[0];
  1074.     hlobj[hlset].backcolor = kwhieditstyle[1];
  1075.     hlobj[hlset].fontweight = kwhieditstyle[2];
  1076.     hlobj[hlset].custom = kwhieditstyle[3];
  1077.     // Set updated date/time
  1078.     hlobj[hlset].updated = (new Date()).toJSON();
  1079.   }
  1080.   // Persist the object
  1081.   hljson = JSON.stringify(hlobj);
  1082.   if (!GM4){
  1083.     GM_setValue("kwstyles", hljson);
  1084.   } else {
  1085.     await GM.setValue("kwstyles", hljson);
  1086.   }
  1087.   // Update CSS rule and parent form
  1088.   insertCSS([hlset]);
  1089.   refreshSetList();
  1090.   // Unhighlight, re-highlight, close dialog
  1091.   unhighlight(hlset);
  1092.   THmo_doHighlight(document.body,[hlset])
  1093.   document.getElementById('kwhiedit').style.display='none';
  1094. }
  1095. function kwhicancel(e){
  1096.   // Close dialog (fields will be refresh if it is opened again)
  1097.   document.getElementById('kwhiedit').style.display='none';
  1098. }
  1099. async function kwhiremove(e){
  1100.   var hlset = document.querySelector('#kwhiedit td:nth-of-type(1) p:nth-of-type(1)').className;
  1101.   if (hlset == ""){
  1102.     alert("This set has not been saved and therefore does not need to be hidden, you can just close the dialog to discard it.");
  1103.   } else {
  1104.     if (confirm("Are you sure you want to hide this set instead of editing it to your own liking?")){
  1105.       hlobj[hlset].visible = "false";
  1106.       hlobj[hlset].updated = (new Date()).toJSON();
  1107.       // Persist the object
  1108.       hljson = JSON.stringify(hlobj);
  1109.       if (!GM4){
  1110.         GM_setValue("kwstyles", hljson);
  1111.       } else {
  1112.         await GM.setValue("kwstyles", hljson);
  1113.       }
  1114.       // Update set list, remove highlighting, close form
  1115.       refreshSetList();
  1116.       unhighlight(hlset);
  1117.       document.getElementById('kwhiedit').style.display='none';
  1118.     }
  1119.   }
  1120. }
  1121. async function kwhirevert(e){
  1122.   // get set number attribute
  1123.   var hlset = e.target.getAttribute("kwhiset");
  1124.   // gray the button
  1125.   e.target.setAttribute('disabled', 'disabled');
  1126.   // get the previous keywords (if any)
  1127.   if (hlobj[hlset].prevkeyw && hlobj[hlset].prevkeyw != '') var kwtext = hlobj[hlset].prevkeyw;
  1128.   if (!kwtext || kwtext == ''){ // uh-oh
  1129.     alert('Unable to undo, sorry!');
  1130.     return;
  1131.   }
  1132.   // Save keyword changes WITHOUT user confirmation
  1133.   hlobj[hlset].keywords = kwtext;
  1134.   hlobj[hlset].type = hlobj[hlset].prevtype;
  1135.   hlobj[hlset].prevkeyw = '';
  1136.   hlobj[hlset].prevtype = '';
  1137.   // Set updated date/time
  1138.   hlobj[hlset].updated = (new Date()).toJSON();
  1139.   // Persist the object
  1140.   hljson = JSON.stringify(hlobj);
  1141.   if (!GM4){
  1142.     GM_setValue("kwstyles", hljson);
  1143.   } else {
  1144.     await GM.setValue("kwstyles", hljson);
  1145.   }
  1146.   // Update CSS rule and parent form
  1147.   insertCSS([hlset]);
  1148.   refreshSetList();
  1149.   // Unhighlight, re-highlight
  1150.   unhighlight(hlset);
  1151.   THmo_doHighlight(document.body,[hlset]);
  1152.   // Refresh the keywords and type
  1153.   document.querySelector('#kwhiedit td:nth-of-type(1) p:nth-of-type(1)').textContent = hlobj[hlset].keywords;
  1154.   document.getElementById("kwhipattype").selectedIndex = 0;
  1155.   if (hlobj[hlset].type == "word") document.getElementById("kwhipattype").selectedIndex = 1;
  1156.   if (hlobj[hlset].type == "regex") document.getElementById("kwhipattype").selectedIndex = 2;
  1157. }
  1158. function kwhicolorreset(e){
  1159.   // what set is this?
  1160.   var set = document.querySelector('#kwhiedit tr').getAttribute('kwhiset');
  1161.   // check which button, reset the RGB
  1162.   if (e.target.id == "btntxtreset"){
  1163.     if (set == "new"){
  1164.       kwhieditstyle[0] = "rgb(0,0,255)";
  1165.     } else {
  1166.       kwhieditstyle[0] = hlobj[set].textcolor;
  1167.     }
  1168.     populateRGB("txt",kwhieditstyle[0]);
  1169.     setdivstyle(["txt"]);
  1170.   }
  1171.   if (e.target.id == "btnbkgreset"){
  1172.     if (set == "new"){
  1173.       kwhieditstyle[1] = "rgb(255,255,0)";        
  1174.     } else {
  1175.       kwhieditstyle[1] = hlobj[set].backcolor;
  1176.     }
  1177.     populateRGB("bkg",kwhieditstyle[1]);
  1178.     setdivstyle(["bkg"]);
  1179.   }
  1180.   e.target.blur();
  1181. }
  1182. function populateRGB(prop,stylestring){
  1183.   var rgbvals = stylestring.substr(stylestring.indexOf("(")+1);
  1184.   rgbvals = rgbvals.substr(0,rgbvals.length-1).split(",");
  1185.   document.getElementById(prop+"r").value = parseInt(rgbvals[0]);
  1186.   document.getElementById(prop+"g").value = parseInt(rgbvals[1]);
  1187.   document.getElementById(prop+"b").value = parseInt(rgbvals[2]);
  1188. }
  1189. async function updatestyle(e){
  1190.   // validate value and apply change
  1191.   var tgt;
  1192.   if (e.id != undefined) tgt = e;
  1193.   else tgt = e.target;
  1194.   if (tgt.id.indexOf("colorinput") > -1){
  1195.     // let's wait for the change event to fire before updating
  1196.   } else if (tgt.id.indexOf("txt") == 0 || tgt.id.indexOf("bkg") == 0){
  1197.     if (isNaN(tgt.value)){
  1198.       alert("Please only use values between 0 and 255");
  1199.       return;
  1200.     }
  1201.     if (parseInt(tgt.value) != tgt.value){
  1202.       tgt.value = parseInt(tgt.value);
  1203.     }
  1204.     if (tgt.value < 0){
  1205.       tgt.value = 0;
  1206.     }
  1207.     if (tgt.value > 255){
  1208.       tgt.value = 255;
  1209.     }
  1210.     if (tgt.id.indexOf("txt") == 0) setdivstyle(["txt"]);
  1211.     if (tgt.id.indexOf("bkg") == 0) setdivstyle(["bkg"]);
  1212.   } else {
  1213.     if (tgt.id == "kwhicustom") return;
  1214.     console.log("updatestyle on "+tgt.id);
  1215.   }
  1216. }
  1217. function setdivstyle(props){
  1218.   for (var i=0; i<props.length; i++){
  1219.     switch (props[i]){
  1220.       case "txt":
  1221.         kwhieditstyle[0] = "rgb(" + document.getElementById("txtr").value + "," +
  1222.           document.getElementById("txtg").value + "," + document.getElementById("txtb").value + ")";
  1223.         break;
  1224.       case "bkg":
  1225.         kwhieditstyle[1] = "rgb(" + document.getElementById("bkgr").value + "," +
  1226.           document.getElementById("bkgg").value + "," + document.getElementById("bkgb").value + ")";
  1227.         break;
  1228.       default:
  1229.         console.log("default?");
  1230.     }
  1231.   }
  1232.   var rule = "#stylecontrols>p>span{";
  1233.   if (kwhieditstyle[0].length > 0) rule += "color:"+kwhieditstyle[0]+";";
  1234.   if (kwhieditstyle[1].length > 0) rule += "background-color:"+kwhieditstyle[1]+";";
  1235.   if (kwhieditstyle[2].length > 0) rule += "font-weight:"+kwhieditstyle[2]+";";
  1236.   if (kwhieditstyle[3].length > 0) rule += kwhieditstyle[3]+";";
  1237.   document.getElementById("kwhiedittemp").innerHTML = rule + "}";
  1238.   updateColorInputs();
  1239. }
  1240. async function updateColorInputs(){
  1241.   document.getElementById('txtcolorinput').value = '#' + ('0' + parseInt(document.getElementById("txtr").value).toString(16)).slice(-2) + 
  1242.     ('0' + parseInt(document.getElementById("txtg").value).toString(16)).slice(-2) +
  1243.     ('0' + parseInt(document.getElementById("txtb").value).toString(16)).slice(-2);
  1244.   document.getElementById('bkgcolorinput').value = '#' + ('0' + parseInt(document.getElementById("bkgr").value).toString(16)).slice(-2) + 
  1245.     ('0' + parseInt(document.getElementById("bkgg").value).toString(16)).slice(-2) +
  1246.     ('0' + parseInt(document.getElementById("bkgb").value).toString(16)).slice(-2);
  1247. }
  1248. async function updatecolor(e){
  1249.   // duplicate colors to RBG input boxes
  1250.   if (e.target.id.indexOf("colorinput") > -1){
  1251.     var hexcolor = e.target.value;
  1252.     var prefix = e.target.id.slice(0,3);
  1253.     document.getElementById(prefix + 'r').value = parseInt(hexcolor.slice(1,3), 16);
  1254.     document.getElementById(prefix + 'g').value = parseInt(hexcolor.slice(3,5), 16);
  1255.     document.getElementById(prefix + 'b').value = parseInt(hexcolor.slice(5,7), 16);
  1256.     updatestyle(document.getElementById(prefix + 'r'));
  1257.   }
  1258. }
  1259. function kwhifwchg(e){
  1260.   kwhieditstyle[2] = e.target.value;
  1261.   setdivstyle([]);
  1262. }
  1263. function kwhicustom(e){
  1264.   kwhieditstyle[3] = document.getElementById("kwhicustom").value;
  1265.   setdivstyle([]);
  1266. }
  1267. async function kwhimaxrestore(e){
  1268.   var el = document.getElementById('kwhiedit');
  1269.   if (e.target.textContent == '^'){
  1270.     e.target.textContent = '_';
  1271.     e.target.setAttribute('title', 'Restore normal dialog size');
  1272.     el.style.left = '1px';
  1273.     el.style.width = 'calc(100% - 3px - 2em)';
  1274.     el.style.height = 'calc(100% - 4px - 2em)';
  1275.   } else {
  1276.   	e.target.textContent = '^';
  1277.     e.target.setAttribute('title', 'Maximize dialog size');
  1278.     el.style.left = '';
  1279.     el.style.width = '';
  1280.     el.style.height = '';
  1281.   }
  1282. }
  1283. function cmenuFilter(e){
  1284.   document.getElementById("THDenableset").setAttribute("disabled","disabled");
  1285.   document.getElementById("THDenableset").setAttribute("THDtext","");
  1286.   document.getElementById("THDdisableset").setAttribute("disabled","disabled");
  1287.   document.getElementById("THDdisableset").setAttribute("THDset","");
  1288.   var s = window.getSelection();
  1289.   if (s.isCollapsed) document.getElementById("THDnewset").setAttribute("THDtext","");
  1290.   else document.getElementById("THDnewset").setAttribute("THDtext",s.getRangeAt(0).toString().trim());
  1291.   if (e.target.hasAttribute('txhidy15')){
  1292.     document.getElementById("THDdisableset").removeAttribute("disabled");
  1293.     document.getElementById("THDdisableset").setAttribute("THDset",e.target.getAttribute('txhidy15'));
  1294.   } else {
  1295.     document.getElementById("THDdisableset").setAttribute("disabled","disabled");
  1296.     if (!s.isCollapsed){
  1297.       document.getElementById("THDenableset").removeAttribute("disabled");
  1298.       document.getElementById("THDenableset").setAttribute("THDtext",s.getRangeAt(0).toString().trim());
  1299.     }
  1300.   }
  1301. }
  1302. function cmenuEnable(e){
  1303.   var kw = e.target.getAttribute("THDtext").toLowerCase();
  1304.   var toggled = false;
  1305.   for (var j = 0; j < hlkeys.length; ++j){
  1306.     var hlset = hlkeys[j];
  1307.     var kwlist = "|" + hlobj[hlset].keywords.toLowerCase() + "|";
  1308.     if(kwlist.indexOf("|" + kw + "|") > -1){
  1309.       if (hlobj[hlset].enabled == "true") break; // already enabled
  1310.       kwhienabledisable(hlset,true);
  1311.       refreshSetList();
  1312.       toggled = true;
  1313.       break;
  1314.     }
  1315.   }
  1316.   if (toggled == false){
  1317.     if (document.getElementById("thdtopbar").style.display != "block") editKW();
  1318.     if (document.getElementById("thdtopdrop").style.display != "block") thdDropSetList();
  1319.   }
  1320. }
  1321. function cmenuDisable(e){
  1322.   kwhienabledisable(e.target.getAttribute("THDset"),false);
  1323.   refreshSetList();
  1324. }
  1325. function cmenuNewset(e){
  1326.   //TODO - if there's a selection, get it into the form
  1327.   kwhinewset(e,e.target.getAttribute("THDtext"));
  1328. }
  1329.  
  1330. // TESTING ONLY
  1331. async function flushData(){
  1332.   if (!GM4){
  1333.     GM_setValue("kwstyles", "");
  1334.   } else {
  1335.     await GM.setValue("kwstyles", "");
  1336.   }
  1337. }