☰

E-Hentai Highlighter-Mod

Highlighter for E-Hentai (e-hentai.org/exhentai.org). Supports regular expressions.

ของเมื่อวันที่ 17-10-2015 ดู เวอร์ชันล่าสุด

  1. // ==UserScript==
  2. // @name           E-Hentai Highlighter-Mod
  3. // @namespace     MOD
  4. // @description    Highlighter for E-Hentai (e-hentai.org/exhentai.org). Supports regular expressions.
  5. // @include        http://g.e-hentai.org/*
  6. // @include        http://exhentai.org/*
  7. // @grant          GM_getValue
  8. // @grant          GM_setValue
  9. // @version        0.5.6.1
  10. // ==/UserScript==
  11.  
  12. // -------------------- DEFAULTS -------------------
  13.  
  14. var defaults = {
  15.     defaultColor       : '#AC6969' ,
  16.     exColor            : '#ed6464' ,
  17.     highlighterEnabled : true     ,
  18.     filterEnabled      : true     ,
  19.     opacityEnabled     : true     ,
  20.     opacity            : 0.4       ,
  21.     showTags           : true      ,
  22.     highlightTags      : true      ,
  23.     reorderGalleries   : true
  24. };
  25.  
  26. // -------------------- /DEFAULTS -------------------
  27.  
  28. var EHH = {
  29.     
  30.     init: function() {
  31.  
  32.         EHH.augmentJS();
  33.  
  34.         // settings
  35.  
  36.         EHH.settings = { };
  37.         for (var key in defaults)
  38.             EHH.settings[key] = Utils.load(key,defaults[key]);
  39.  
  40.         EHH.dontWalk     = false;
  41.         EHH.onPanda      = document.URL.indexOf('e-hentai') == -1;
  42.         EHH.defaultColor = EHH.settings[EHH.onPanda ? 'exColor' : 'defaultColor'];
  43.         EHH.thumbnails   = document.querySelector('.itg .id1') !== null;
  44.         EHH.gallery      = document.querySelector('#taglist')  !== null;
  45.  
  46.         // User data
  47.     
  48.         EHH.keywords = Utils.load('keywords',[ ]);
  49.         EHH.filters  = Utils.load('filters',[ ]);
  50.  
  51.         if (Utils.onFirefox()) Utils.migrateSettings();
  52.  
  53.         // Colors
  54.  
  55.         var colors = 
  56.             EHH.onPanda ? { toggle: 'lightblue', toggleHover: 'lightcyan', disable: 'lightgreen',
  57.                             disableHover: 'springgreen', enable: 'salmon', enableHover: 'lightsalmon',
  58.                             row1: '#363940', row2: '#4F535B' }
  59.                         : { toggle: 'slateblue', toggleHover: 'skyblue', disable: 'forestgreen',
  60.                             disableHover: 'mediumseagreen', enable: 'indianred', enableHover: 'darkred',
  61.                             row1: '#F2F0E4', row2: '#EDEBDF' };
  62.  
  63.         var format = function(text) { return text.replace(/%(\w+)/g,function(x) { return colors[x.slice(1)]; }); };
  64.             
  65.         // Permanent style
  66.         
  67.         var style = document.createElement('style');
  68.         style.innerHTML = format(
  69.             // popup (general)
  70.             '#e-HentaiPopup {' +
  71.                 'position: fixed; top: 0; right: 0; padding: 3px; border-radius: 0 !important;' +
  72.                 'border: 1px black solid; z-index: 10; margin: 0 !important; min-width: 0 !important; width: auto !important;' +
  73.             '}' +
  74.             '#e-HentaiPopup:not(:hover) *:not(:first-child) { display: none; }' +
  75.             '#e-HentaiPopup * {' +
  76.                 'font-family: Verdana, Tahoma, Georgia, Dejavu, "Times New Roman", Serif;' +
  77.                 'font-size: 10px;' +
  78.             '} #e-Header { text-align: center; position: relative; }' +
  79.             '[mode="default"] [mode="settings"], [mode="settings"] [mode="default"] { display: none; }' +
  80.             '#e-ToggleMode {' +
  81.                 'cursor: pointer; color: %toggle !important; font-weight: bold;' +
  82.                 'position: absolute; right: 5px; border-bottom: 1px dotted;' +
  83.             '}' +
  84.             '#e-ToggleMode:hover { color: %toggleHover !important; }' +
  85.             '#e-HentaiPopup div[mode] { width: 350px; text-align: left; }' +
  86.             // popup (default view)
  87.             '#e-HentaiPopup td:nth-child(2) { text-align: right; }' +
  88.             '#e-HentaiPopup td:nth-child(2) a, #e-HentaiPopup tr:last-child a {' +
  89.                 'cursor: pointer; font-weight: bold; border-bottom: 1px dotted;' +
  90.             '}' +
  91.             '#e-HentaiPopup .e-Disable { color: %disable; }' +
  92.             '#e-HentaiPopup .e-Disable:hover { color: %disableHover; }' +
  93.             '#e-HentaiPopup .e-Enable { color: %enable; }' +
  94.             '#e-HentaiPopup .e-Enable:hover { color: %enableHover; }' +
  95.             '#e-HentaiPopup tr:last-child a:hover { color: black; }' +
  96.             '#e-HentaiPopup td > span { margin-right: 5px; float: right; }' +
  97.             '#e-HentaiPopup table { width: 100%; }' +
  98.             '#e-HentaiPopup textarea { width: 100%; height: 200px; box-sizing: border-box; -moz-box-sizing: border-box; }' +
  99.             // popup (settings view)
  100.             '#e-HentaiPopup label { display: block; padding: 2px; }' +
  101.             '#e-HentaiPopup input[type="checkbox"] { margin: 0 5px 0 0; float: left; }' +
  102.             '[name="slider"]:not([visible="true"]), [name="slider"]:not([visible="true"]) + span { display: none; }' +
  103.             '[name="slider"] { margin-left: 20px; width: 250px; }' +
  104.             '[name="slider"] + span { position: relative; bottom: 7px; }' +
  105.             '#e-HentaiPopup [mode="settings"] { padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; }' +
  106.             '#e-Buttons { text-align: center; padding-top: 20px; }' +
  107.             '.e-Button {' +
  108.                 'min-width: 100px; height: 25px; line-height: 25px; text-align: center; color: white;' +
  109.                 'background: black; display: inline-block; cursor: pointer; margin-right: 10px;' +
  110.             '}' +
  111.             '.e-Button:hover { text-decoration: underline; }' +
  112.             '.e-Button + input { display: none; }' +
  113.             '#e-PickerLabel { margin-top: 10px; }' +
  114.             '#e-ColorPicker + div { width: 30px; height: 18px; display: inline-block; margin-left: 10px; vertical-align: top; }' +
  115.             // highlight/filter style
  116.             '.e-Highlighted b { font-weight: inherit; }' +
  117.             '.e-Highlighted, .e-Highlighted a, [id^="ta_"][style*="background"] {  !important; }' +
  118.             '.e-Highlighted b { font-weight: bold !important; font-size: 115%; text-decoration: underline; }' +
  119.             // tag divs
  120.             '.e-Tags { position: absolute; top: 0px; left: 0px; text-align: left; color: black; ' +
  121.                 'margin-left: 1px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;' +
  122.                 'font-weight: bold; font-family: "Segoe UI"; font-size: 12px; line-height: 11px;' +
  123.             '}' +
  124.             '.e-Tags > div { padding: 3px; max-width: 70px; overflow: hidden; transition: max-width .5s linear;' +
  125.                 'white-space: nowrap; }' +
  126.             '.id3:hover .e-Tags > div { max-width: 200px !important; }' +
  127.             '.itg { display: flex; flex-flow: row wrap; }' +
  128.             '.id1 { float: none !important; }'
  129.         );
  130.         document.head.appendChild(style);
  131.  
  132.         // Mutable style
  133.             
  134.         EHH.opaqueFilterCSS = document.createElement('style');
  135.         EHH.opaqueFilterCSS.id = 'e-OpaqueFilter';
  136.         EHH.opaqueFilterCSSMask = format('{0}#toppane ~ .c, .e-Filtered { display: none !important; }\n' +
  137.             '{0}tr.color1 { background: %row1 }\n' +
  138.             '{0}tr.color0 { background: %row2 }\n' +
  139.             '{1}#toppane ~ .c, .e-Filtered { opacity: {opacity} !important;}\n' +
  140.             '{1}.e-Filtered:hover { opacity: 1 !important; -webkit-transition: opacity .1s linear;' +
  141.                 '-moz-transition: opacity .1s linear; -o-transition: opacity .1s linear; }');
  142.         document.head.appendChild(EHH.opaqueFilterCSS);
  143.  
  144.         // Popup
  145.  
  146.         EHH.generatePopup();
  147.  
  148.         // Events
  149.         
  150.         document.addEventListener('DOMNodeInserted',function(e) {
  151.             if (e.target.nodeName == 'TBODY')
  152.                 EHH.walk(e.target);
  153.         },false);
  154.  
  155.         if (EHH.gallery)
  156.             document.addEventListener('DOMNodeInserted',EHH.updateTagList,false);
  157.  
  158.         if (!EHH.gallery && !EHH.thumbnails)
  159.             EHH.interceptMouseHover();
  160.  
  161.         // Data synchronization
  162.  
  163.         EHH.link('keywords'     , 'keywords' , EHH.updatePopup , EHH.clearRegexes  , EHH.walk);
  164.         EHH.link('filters'      , 'filters'  , EHH.updatePopup , EHH.clearRegexes  , EHH.walk);
  165.         EHH.link('defaultColor' , null       , EHH.updatePopup , EHH.walk);
  166.  
  167.         EHH.settings.link('defaultColor'       , 'defaultColor');
  168.         EHH.settings.link('exColor'            , 'exColor'     );
  169.         EHH.settings.link('filterEnabled'      , 'filterEnabled'      , EHH.updatePopup , EHH.toggleOpacity , EHH.walk);
  170.         EHH.settings.link('highlighterEnabled' , 'highlighterEnabled' , EHH.updatePopup , EHH.walk);
  171.         EHH.settings.link('opacityEnabled'     , 'opacityEnabled'     , EHH.updatePopup , EHH.toggleOpacity);
  172.         EHH.settings.link('opacity'            , 'opacity'            , EHH.updatePopup , EHH.toggleOpacity);
  173.         EHH.settings.link('showTags'           , 'showTags'           , EHH.toggleTagDivs);
  174.         EHH.settings.link('highlightTags'      , 'highlightTags'      , EHH.highlightTags);
  175.         EHH.settings.link('reorderGalleries'   , 'reorderGalleries'   , EHH.walk);
  176.  
  177.         // Start
  178.         
  179.         EHH.toggleOpacity();
  180.         EHH.walk();
  181.  
  182.     },
  183.     
  184.     augmentJS: function() {
  185.  
  186.         /*Object.getOwnPropertyNames(Array.prototype).forEach(function(x) {
  187.             NodeList.prototype[x] = Array.prototype[x];
  188.         });*/
  189.  
  190.         var linkedObjects = { };
  191.         Object.defineProperty(Object.prototype,'link', {
  192.             enumerable   : false,
  193.             configurable : false,
  194.             writable     : false,
  195.             value        : function(localProperty,storedProperty,onChangeCallbacks) {
  196.                 var currentValue = this[localProperty], args = arguments;
  197.                 var get = function() { return currentValue; };
  198.                 var set = function(value)  {
  199.                     currentValue = value;
  200.                     if (storedProperty) Utils.save(storedProperty,currentValue);
  201.                     for (var i=2;i<args.length;++i) {
  202.                         if (args[i])
  203.                             args[i](currentValue);
  204.                     }
  205.                 };
  206.                 delete this[localProperty];
  207.                 var descriptor = { get: get, set: set, enumerable: true, configurable: true };
  208.                 Object.defineProperty(this,localProperty,descriptor);
  209.                 linkedObjects[storedProperty] = { object: this, key: localProperty };
  210.             }
  211.         });
  212.  
  213.         if (!Utils.onFirefox()) {
  214.             window.addEventListener('storage',function(e) {
  215.                 if (!linkedObjects.hasOwnProperty(e.key)) return;
  216.                 var target = linkedObjects[e.key];
  217.                 target.object[target.key] = JSON.parse(e.newValue);
  218.             },false);
  219.         }
  220.  
  221.  
  222.     },
  223.  
  224.     generatePopup: function() {
  225.             
  226.         EHH.popup = document.createElement('div');
  227.         EHH.popup.id = 'e-HentaiPopup';
  228.         EHH.popup.className = 'ido';
  229.         EHH.popup.setAttribute('mode','default');
  230.         EHH.popup.innerHTML =
  231.             '<div id="e-Header">' +
  232.                 '<b>E-H Highlighter</b>' +
  233.                 '<a id="e-ToggleMode" target="settings">Show settings</a>' +
  234.             '</div><hr/>' +
  235.             '<div mode="default">' +
  236.                 '<table align="right">' +
  237.                     '<tr><td style="text-align:left">Keywords:</td><td><a id="e-HighlighterSwitch">Highlighter: enabled</a></tr>' +
  238.                     '<tr><td colspan="2"><textarea></textarea></td></tr>' +
  239.                     '<tr><td style="text-align:left">Filters:</td><td><a id="e-FilterSwitch">Filter: enabled</a></td></tr>' +
  240.                     '<tr><td colspan="2"><textarea></textarea></td></tr>' +
  241.                     '<tr><td colspan="2"><a id="e-PopupSave">Save changes</a><span><b>Filtered items:</b> <span id="e-FilteredItems"></span></span></td></tr>' +
  242.                 '</table>' +
  243.             '</div>' +
  244.             '<div mode="settings">' +
  245.                 '<label><input type="checkbox" id="opacitySwitch"> Enable opacity mode for filtered items</label>' +
  246.                 '<input type="range" name="slider" min="0" max="100"> <span></span>' +
  247.                 '<label><input type="checkbox" id="tagDivSwitch">Display any tags matching one or more highlight keywords in front of the gallery thumbnails</label>' +
  248.                 '<label><input type="checkbox" id="highlightTagSwitch">Apply highlighting and filters to each gallery\'s tag list</label>' +
  249.                 '<label><input type="checkbox" id="reorderGalleriesSwitch">Move highlighted galleries to the top and filtered galleries to the bottom (thumbnail mode only)</label>' +
  250.                 '<label id="e-PickerLabel"><input type="checkbox" style="visibility: hidden">Default highlight color: <input type="color" id="e-ColorPicker"> <div></div></label>' + 
  251.                 '<div id="e-Buttons">' +
  252.                     '<div class="e-Button" id="e-Export">Export data</div>' +
  253.                     '<div class="e-Button" id="e-Import">Import data</div><input type="file" accept="application/json">' +
  254.                 '</div>' +
  255.             '</div>';
  256.         document.body.appendChild(EHH.popup);
  257.         
  258.         // Popup elements
  259.  
  260.         EHH.highlighterSwitch = document.getElementById('e-HighlighterSwitch');
  261.         EHH.filterSwitch      = document.getElementById('e-FilterSwitch');
  262.  
  263.         var textareas         = Utils.query('#e-HentaiPopup textarea');
  264.         EHH.highlighterArea   = textareas[0];
  265.         EHH.filterArea        = textareas[1];
  266.         
  267.         // Events (default view)
  268.  
  269.         Utils.onClick(document.getElementById('e-ToggleMode'),function() {
  270.             EHH.popup.setAttribute('mode',this.getAttribute('target'));
  271.             var showSettings = this.getAttribute('target') == 'settings';
  272.             this.innerHTML = (showSettings ? 'Show keywords' : 'Show settings');
  273.             this.setAttribute('target',showSettings ? 'default' : 'settings');
  274.         });
  275.         
  276.         [EHH.highlighterSwitch,EHH.filterSwitch].forEach(function(x) {
  277.             Utils.onClick(x,function() {
  278.                 var target = /Highlighter/.test(this.textContent) ? 'highlighterEnabled' : 'filterEnabled';
  279.                 var status = /enabled/.test(this.textContent);
  280.                 EHH.settings[target] = !status;
  281.             });
  282.         });
  283.         
  284.         Utils.onClick(document.getElementById('e-PopupSave'),function() {
  285.             var validate = function(regexes) { for (var i=0;i<regexes.length;++i) new RegExp(regexes[i]); };
  286.             var keywords = EHH.highlighterArea.value.split(/[;\n]/).filter(function(x) { return x.length > 0; });
  287.             var filters  = EHH.filterArea.value.split(/[;\n]/).filter(function(x) { return x.length > 0; });
  288.             try {
  289.                 validate(keywords);
  290.                 validate(filters);
  291.                 EHH.dontWalk = true;
  292.                 EHH.keywords = keywords;
  293.                 EHH.filters = filters;
  294.                 EHH.dontWalk = false;
  295.                 EHH.walk();
  296.             } catch (e) {
  297.                 alert('Couldn\'t parse keyword. ' + e.message + '\nSettings have NOT been saved.');
  298.             }
  299.         });
  300.  
  301.         // Events (settings view)
  302.         
  303.         Utils.linkCheckbox(document.getElementById('opacitySwitch'),EHH.settings,'opacityEnabled');
  304.         Utils.linkCheckbox(document.getElementById('tagDivSwitch'),EHH.settings,'showTags');
  305.         Utils.linkCheckbox(document.getElementById('highlightTagSwitch'),EHH.settings,'highlightTags');
  306.         Utils.linkCheckbox(document.getElementById('reorderGalleriesSwitch'),EHH.settings,'reorderGalleries');
  307.  
  308.         // Opacity slider
  309.  
  310.         EHH.slider = EHH.popup.querySelector('[name="slider"]');
  311.         if (EHH.slider.type != 'range') EHH.slider = null; // not supported
  312.         else {
  313.             EHH.slider.value = EHH.settings.opacity * 100;
  314.             EHH.slider.nextElementSibling.innerHTML = (Math.floor(EHH.settings.opacity * 10000) / 100) + '%';
  315.             EHH.slider.addEventListener('change',function(e) {
  316.                 e.target.nextElementSibling.innerHTML = e.target.value + '%';
  317.                 EHH.settings.opacity = parseInt(e.target.value,10) / 100;
  318.             },false);
  319.         }
  320.  
  321.         // Color picker
  322.  
  323.         var picker    = document.getElementById('e-ColorPicker'),
  324.             preview   = picker.nextElementSibling,
  325.             supported = picker.type == 'color';
  326.  
  327.         picker.value = preview.style.backgroundColor = EHH.defaultColor;
  328.         if (supported) picker.style.cssText = 'padding: 0px; border: 0px; background: none; position: relative; top: 3px';
  329.         else picker.style.cssText = 'width: 60px';
  330.         preview.style.cssText = (supported ? 'display: none;' : 'background-color: ' + EHH.defaultColor);
  331.  
  332.         var lastColor = preview.style.backgroundColor;
  333.         picker.addEventListener(supported ? 'change' : 'input',function() {
  334.             preview.style.backgroundColor = picker.value;
  335.             if (preview.style.backgroundColor == lastColor) return;
  336.             lastColor = preview.style.backgroundColor;
  337.             EHH.settings[EHH.onPanda ? 'exColor' : 'defaultColor'] = picker.value;
  338.             EHH.defaultColor = picker.value;
  339.         },false);
  340.  
  341.         // Import-export functions
  342.  
  343.         var importButton = document.getElementById('e-Import'), importInput = importButton.nextElementSibling;
  344.         Utils.onClick(importButton,function() { importInput.click(); });
  345.         importInput.addEventListener('change',function(e) {
  346.             var reader = new FileReader();
  347.             reader.onerror = function(e) { alert('Couldn\'t read the selected file.'); };
  348.             reader.onload = function(e) {
  349.                 try {
  350.                     var data = JSON.parse(this.result);
  351.                     if (!data.keywords || !data.filters || !data.settings) throw null;
  352.                     var confirmation = confirm('This will overwrite your data. Are you sure you want to proceed?');
  353.                     if (confirmation) {
  354.                         EHH.dontWalk = true;
  355.                         EHH.keywords = data.keywords;
  356.                         EHH.filters  = data.filters;
  357.                         for (var key in EHH.settings) EHH.settings[key] = data.settings[key];
  358.                         setTimeout(function() { window.location.reload(); },50);
  359.                     }
  360.                 }
  361.                 catch (_) { alert('Couldn\'t recognize the selected file.'); }
  362.             };
  363.             reader.readAsText(this.files[0]);
  364.         },false);
  365.  
  366.         Utils.onClick(document.getElementById('e-Export'),function() {
  367.             var result = { keywords: EHH.keywords, filters: EHH.filters, settings: EHH.settings };
  368.             var blob = new Blob([JSON.stringify(result,null,2)],{ type: 'application/json' });
  369.             var a = document.createElement('a');
  370.             a.href = URL.createObjectURL(blob);
  371.             a.download = 'EHH.settings.' + (new Date().valueOf()) + '.json';
  372.             document.body.appendChild(a);
  373.             a.click();
  374.             document.body.removeChild(a);
  375.         });
  376.  
  377.         EHH.updatePopup();
  378.  
  379.     },
  380.  
  381.     updatePopup: function() {
  382.  
  383.         var updateSwitch = function(target,enable) {
  384.             target.textContent = target.textContent.replace(/[^\s]+$/,enable ? 'enabled' : 'disabled');
  385.             target.className   = enable ? 'e-Disable' : 'e-Enable';
  386.             var filtered = document.getElementsByClassName('e-Filtered').length;
  387.             document.getElementById('e-FilteredItems').textContent = filtered;
  388.         };
  389.  
  390.         EHH.highlighterArea.textContent = EHH.keywords.join('\n');
  391.         EHH.filterArea.textContent      = EHH.filters.join('\n');
  392.         updateSwitch(EHH.highlighterSwitch,EHH.settings.highlighterEnabled);
  393.         updateSwitch(EHH.filterSwitch,EHH.settings.filterEnabled);
  394.  
  395.         document.getElementById('opacitySwitch').checked = EHH.settings.opacityEnabled;
  396.  
  397.     },
  398.  
  399.     toggleOpacity: function() {
  400.         // changes the mutable style to enable or disable opacity
  401.         EHH.opaqueFilterCSS.innerHTML = EHH.opaqueFilterCSSMask
  402.                                            .replace(/\{0\}/g,EHH.settings.opacityEnabled ? '//' : '')
  403.                                            .replace(/\{1\}/g,EHH.settings.opacityEnabled ? '' : '//')
  404.                                            .replace(/\{opacity\}/,EHH.settings.opacity);
  405.         if (EHH.slider) EHH.slider.setAttribute('visible',EHH.settings.opacityEnabled);
  406.     },
  407.  
  408.     toggleTagDivs: function() {
  409.         Utils.query('.e-Tags').forEach(function(x) {
  410.             x.style.display = EHH.settings.showTags ? null : 'none';
  411.         });
  412.     },
  413.  
  414.     clearRegexes: function() {
  415.         EHH.parse.regexes = null;
  416.     },
  417.     
  418.     prepareRegexes: function() {
  419.     
  420.         /* returns an object containing two properties:
  421.          *     highlight : an array of keywords; each element is an object with a "type" property ("tag" or "title"),
  422.          *                 a "regex" property and a "color" property (null if no color is specified for that keyword)
  423.          *                 keywords will be checked sequentially; the first matching keyword with a color specified
  424.          *                 will decide the item's color; if no color is found but the item still has to be
  425.          *                 highlighted, EHH.defaultColor will be used instead
  426.          *     filters   : an object with two properties (tag and title), each one a regular expression to
  427.          *                 be applied to the relevant target
  428.          */
  429.  
  430.         var splitFilter = function(x,target) {
  431.             if (x.length > 0 && x[0] == ':') target.tag.push(x.slice(1));
  432.             else if (x.length > 0) target.title.push(x);
  433.         };
  434.  
  435.         var highlight = EHH.keywords.map(function(x) {
  436.             var temp = x[0] == ':' ? { keyword : x.slice(1), type : 'tag'   } :
  437.                                      { keyword : x,          type : 'title' };
  438.             var tokens = temp.keyword.match(/^(.+?)(\/[^\/]+)?$/);
  439.             return { regex: new RegExp(tokens[1],'gi'), type: temp.type, color: tokens[2] ? tokens[2].slice(1) : null };
  440.         });
  441.  
  442.         var filters = { title: [ ], tag: [ ] };
  443.         EHH.filters.forEach(function(x) {
  444.             if (x[0] == ':') filters.tag.push(x.slice(1));
  445.             else filters.title.push(x);
  446.         });
  447.  
  448.         if (filters.title.length === 0) filters.title.push('EHH: no active title filter');
  449.         if (filters.tag.length === 0) filters.tag.push('EHH: no active tag filter');
  450.  
  451.         filters.title = new RegExp('(' + filters.title.join('|') + ')','i');
  452.         filters.tag   = new RegExp('(' + filters.tag.join('|') + ')','i');
  453.  
  454.         return { highlight: highlight, filters: filters };
  455.  
  456.     },
  457.  
  458.     parse: function(title,tags) {
  459.  
  460.         /* title : a string, the title of the gallery item to be parsed
  461.          * tags  : an array of objects, each one a tag contained in a tag flag
  462.          * uses the object built by EHH.prepareRegexes to decide the course of action for each gallery
  463.          * returns an object with a "result" property indicating what has to be done
  464.          * possible values are "highlighted", "filtered" or null for no action
  465.          * filters take precedence over highlight keywords
  466.          * if the gallery item is to be highlighted, the result will also contain three additional properties:
  467.          * - titleKeywords : a list of title substrings that match one or more keywords (can be empty)
  468.          * - tagKeywords   : a list of matching tags (to be passed to EHH.addTagDiv if EHH.settings.showTags is set, can be empty)
  469.          * - color         : the color the gallery needs to be highlighted in (EHH.defaultColor if the user did not specify any color)
  470.          */
  471.  
  472.         if (!EHH.parse.regexes)
  473.             EHH.parse.regexes = EHH.prepareRegexes();
  474.  
  475.         var regexes = EHH.parse.regexes;
  476.  
  477.         if (EHH.settings.filterEnabled) {
  478.             var filtered = regexes.filters.title.test(title) || tags.some(function(x) { return regexes.filters.tag.test(x.tag); });
  479.             if (filtered) return { result: 'filtered' };
  480.         }
  481.  
  482.         if (EHH.settings.highlighterEnabled) {
  483.             var titleKeywords = { }, tagKeywords = { }, color = null;
  484.             regexes.highlight.forEach(function(data) {
  485.                 if (data.type == 'tag') {
  486.                     tags.forEach(function(tag) {
  487.                         if (tagKeywords.hasOwnProperty(tag.tag) || !tag.tag.match(data.regex)) return;
  488.                         tagKeywords[tag.tag] = tag.color;
  489.                         if (!color) color = data.color;
  490.                     });
  491.                 } 
  492.                 else {
  493.                     var tokens = title.match(data.regex);
  494.                     if (!tokens) return;
  495.                     tokens = tokens.length == 1 ? tokens : tokens.slice(1);
  496.                     for (var i=0;i<tokens.length;++i) titleKeywords[tokens[i]] = true;
  497.                     if (!color) color = data.color;
  498.                 }
  499.             });
  500.  
  501.             titleKeywords = Object.keys(titleKeywords);
  502.             
  503.             if (titleKeywords.length === 0 && Object.keys(tagKeywords).length === 0) return { result: null };
  504.             return { result: 'highlighted', titleKeywords: titleKeywords, tagKeywords: tagKeywords, color: color || EHH.defaultColor };
  505.         }
  506.  
  507.         return { result: null };
  508.  
  509.     },
  510.  
  511.     computeTagColor: function(tag) {
  512.         // don't use style.backgroundPositionY
  513.         var y = parseInt(tag.style.cssText.split(/\s/).slice(-1)[0],10);
  514.         y = -(y+1) / 17;
  515.         return ['salmon','darkorange','gold','mediumaquamarine','skyblue','mediumorchid'][y];
  516.     },
  517.  
  518.     // extracts both the title and a list of tags for a given target
  519.     // tags are parsed into objects with "tag" and "color" properties representing
  520.     // respectively the tag itself and the color of their associated tag flag
  521.     extractData: function(target) {
  522.  
  523.         if (!target) return null;
  524.  
  525.         var title = target.querySelector('.it5 > a, .id2 > a, [class^="t2"] > a') || target.querySelector('.itd a'),
  526.             tags  = Utils.query(target,'.tft, .tfl');
  527.  
  528.         if (!title && target.className.indexOf('t2') === 0) title = target.firstChild;
  529.         if (!title) return null;
  530.  
  531.         if (tags.length > 0)
  532.             tags = tags
  533.                 .map(function(x) {
  534.                     var color = EHH.computeTagColor(x);
  535.                     return x.title.split(/, /).map(function(y) { return { tag: y, color: color }; });
  536.                 })
  537.                 .reduce(function(x,y) { return x.concat(y); });
  538.  
  539.         return { title: title, tags: tags };
  540.  
  541.     },
  542.  
  543.     addTagDiv: function(target,tags) {
  544.         if (!tags || Object.keys(tags).length === 0) return;
  545.         var div = document.createElement('div');
  546.         div.className = 'e-Tags';
  547.         var html = '';
  548.         for (t in tags) {
  549.             var tag = t.replace(/^.+:/,''), color = tags[t];
  550.             html += '<div style="background-color: ' + color + '">' + tag + '</div>';
  551.         }
  552.         div.innerHTML = html;
  553.         if (!EHH.settings.showTags) div.style.display = 'none';
  554.         var temp = target.getElementsByClassName('id3')[0];
  555.         if (temp) temp.firstElementChild.appendChild(div);
  556.         else target.appendChild(div);
  557.     },
  558.     
  559.     walk: function(root) {
  560.  
  561.         /* walks the DOM to highlight and filter gallery items (or the taglist) */
  562.  
  563.         if (EHH.gallery) {
  564.             EHH.highlightTags();
  565.             return;
  566.         }
  567.  
  568.         if (EHH.dontWalk) return;
  569.  
  570.         var removeTagDiv = function(target) {
  571.             Utils.query(target,'.e-Tags').forEach(function(x) { x.parentNode.removeChild(x); });
  572.         };
  573.  
  574.         var editTitle = function(target,keywords) {
  575.             var temp = target.innerHTML;
  576.             keywords.forEach(function(keyword) {
  577.                 var length = keyword.length, n = target.innerHTML.indexOf(keyword);
  578.                 while (n != -1) {
  579.                     temp = temp.slice(0,n) + new Array(length+1).join('\0') + temp.slice(n+length);
  580.                     n = target.innerHTML.indexOf(keyword,n+1); 
  581.                 }
  582.             });
  583.             return temp.replace(/\0+/g,function(match,start) {
  584.                 return '<b>' + target.innerHTML.slice(start,start+match.length) + '</b>';
  585.             });
  586.         };
  587.  
  588.         // ----------
  589.  
  590.         var flip    = 1,
  591.             targets = Utils.query('[class^="gtr"], [class^="id1"], div[class^="t2"]'),
  592.             groups  = (EHH.settings.reorderGalleries && EHH.thumbnails ? [ [ ], [ ], [ ] ] : null);
  593.  
  594.         targets.forEach(function(target) {
  595.  
  596.             var data = EHH.extractData(target);
  597.             if (data === null) return;
  598.  
  599.             // reset element
  600.             target.className     = target.className.replace(/\s?e-\w+/g,'');
  601.             target.style.cssText = target.style.cssText.replace(/(background-color|order):.+?;/g,'');
  602.             data.title.innerHTML      = data.title.innerHTML = data.title.innerHTML.replace(/<\/?b>/g,'');
  603.             removeTagDiv(target);
  604.  
  605.             var parsed = EHH.parse(data.title.textContent,data.tags);
  606.  
  607.             if (parsed.result == 'filtered') {
  608.                 target.className += ' e-Filtered';
  609.                 if (groups !== null) groups[2].push(target);
  610.             }
  611.  
  612.             else if (parsed.result == 'highlighted') {
  613.                 target.className     += ' e-Highlighted';
  614.                 target.style.cssText += 'background-color: ' + parsed.color + ' !important;'; 
  615.                 data.title.innerHTML  = editTitle(data.title,parsed.titleKeywords);
  616.                 if (EHH.thumbnails) EHH.addTagDiv(target,parsed.tagKeywords);
  617.                 if (groups !== null) groups[0].push(target);
  618.             }
  619.  
  620.             else if (groups !== null)
  621.                 groups[1].push(target);
  622.  
  623.             if (!/^gtr/.test(target.className)) return;
  624.             if (parsed.result == 'filtered' && !EHH.opaque) return;
  625.             flip = (flip+1)%2;
  626.             if (target.className.indexOf('color') == -1) target.className += ' color' + flip;
  627.             else target.className = target.className.replace(/color\d/,'color' + flip);
  628.  
  629.         });
  630.  
  631.         if (groups !== null) {
  632.             var order = 1;
  633.             Array.prototype.concat.apply([ ],groups).forEach(function(g) {
  634.                 g.style.cssText += 'order: ' + (order++) + ';';
  635.             });
  636.         };
  637.         
  638.         var filtered = document.getElementsByClassName('e-Filtered').length;
  639.         document.getElementById('e-FilteredItems').textContent = filtered;
  640.  
  641.     },
  642.  
  643.     highlightTags: function() {
  644.         Utils.query('[id^="ta_"]').forEach(function(x) {
  645.             if (!EHH.settings.highlightTags) x.style.cssText = '';
  646.             else {
  647.                 var fullName = x.id.slice(3).replace(/_/g,' ');
  648.                 var data = EHH.parse(fullName,[{ tag: fullName, color: null }]);
  649.                 x.style.cssText = data.result == 'filtered'    ? 'text-decoration: line-through'                   :
  650.                                   data.result == 'highlighted' ? 'background-color: ' + data.color + ' !important' :
  651.                                                                  '';
  652.             }
  653.         });
  654.     },
  655.  
  656.     updateTagList: function(e) {
  657.         if (e.target.nodeName != 'TABLE' || e.target.parentNode.id != 'taglist') return;
  658.         if (EHH.settings.highlightTags) EHH.highlightTags();
  659.     },
  660.  
  661.     interceptMouseHover: function(e) {
  662.         var observer = new MutationObserver(function(e) {
  663.             var thumbnail = e[0].target;
  664.             if (thumbnail.style.visibility == 'hidden')
  665.                 Utils.query(thumbnail,'.e-Tags').forEach(function(x) { x.parentNode.removeChild(x); });
  666.             else if (EHH.settings.showTags) {
  667.                 var row  = document.evaluate('ancestor::tr[1]',thumbnail,null,9,null).singleNodeValue,
  668.                     data = EHH.extractData(row);
  669.                 if (data === null) return;
  670.                 parsed = EHH.parse(data.title.textContent,data.tags);
  671.                 if (parsed.result == 'highlighted') EHH.addTagDiv(thumbnail,parsed.tagKeywords);
  672.             }
  673.         });
  674.         Utils.query('.it2[id^="i"]').forEach(function(x) {
  675.             observer.observe(x,{ attributes: true });
  676.         });
  677.     }
  678.  
  679. };
  680.  
  681. var Utils = {
  682.  
  683.     onFirefox: function() {
  684.         return (window.chrome === undefined);
  685.     },
  686.  
  687.     migrateSettings: function() { // this is only run on Firefox
  688.         if (localStorage.getItem('migrationDone') !== null) return;
  689.         for (var key in EHH.settings) {
  690.             if (localStorage.getItem(key) === null) continue;
  691.             EHH.settings[key] = JSON.parse(localStorage.getItem(key));
  692.             Utils.save(key,EHH.settings[key]);
  693.             localStorage.removeItem(key);
  694.         }
  695.         ['keywords','filters'].forEach(function(key) {
  696.             if (localStorage.getItem(key) === null) return;
  697.             EHH[key] = JSON.parse(localStorage.getItem(key));
  698.             Utils.save(key,EHH[key]);
  699.            localStorage.removeItem(key);
  700.         });
  701.         localStorage.setItem('migrationDone','true');
  702.     },
  703.  
  704.     save: function(key,value) {
  705.         if (Utils.onFirefox()) GM_setValue(key,JSON.stringify(value));
  706.         else localStorage.setItem(key,JSON.stringify(value));
  707.     },
  708.  
  709.     load: function(key,def) {
  710.         var result = Utils.onFirefox() ? GM_getValue(key,null) : localStorage.getItem(key);
  711.         return result ? JSON.parse(result) : def;
  712.     },
  713.  
  714.     onClick: function(element,f) {
  715.         element.addEventListener('click',function(e) {
  716.             if (e.which != 1) return;
  717.             if (f) f.call(this);
  718.         },false);
  719.     },
  720.  
  721.     linkCheckbox: function(checkbox,object,property) {
  722.         if (object && object.hasOwnProperty(property))
  723.             checkbox.checked = object[property];
  724.         Utils.onClick(checkbox,function() { object[property] = checkbox.checked; });
  725.     },
  726.  
  727.     query: function(root,selector) {
  728.         if (!selector)
  729.             return Array.prototype.slice.call(document.querySelectorAll(root),0);
  730.         else
  731.             return Array.prototype.slice.call(root.querySelectorAll(selector),0);
  732.     }
  733.     
  734. };
  735.  
  736. EHH.init();