☰

Sleazy Fork is available in English.

E-Hentai Highlighter

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

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