shikiyoku / Pornolab Enhancer

// ==UserScript==
// @name        Pornolab Enhancer
// @description Improves User Experience
// @namespace   https://github.com/shikiyoku
// @version     1.12.2
// @author      shikiyoku
// @license     MIT
// @icon        https://raw.githubusercontent.com/shikiyoku/user-scripts/master/pornolab-enhancer/resources/icon.png
// @homepageURL https://github.com/shikiyoku/user-scripts
// @supportURL  https://github.com/shikiyoku/user-scripts/issues
// @include     *//pornolab.*
// @connect     www.imagebam.com
// @connect     imagevenue.com
// @connect     www.turboimagehost.com
// @connect     imgbox.com
// @run-at      document-start
// @compatible  chrome
// @compatible  firefox
// @grant       GM_addStyle
// @grant       GM_xmlhttpRequest
// @grant       GM.xmlHttpRequest
// @grant       GM_setValue
// @grant       GM.setValue
// @grant       GM_getValue
// @grant       GM.getValue
// ==/UserScript==
;(function () {
  'use strict'

  function hasOwnProperty(object, property) {
    return Object.prototype.hasOwnProperty.call(object, property)
  }

  const gmPolyfill = (function () {
    const gmMethodMap = {
      getValue: 'GM_getValue',
      setValue: 'GM_setValue',
      openInTab: 'GM_openInTab',
    }

    return function polyfill(methodName) {
      if (hasOwnProperty(gmMethodMap, methodName)) {
        return typeof GM !== 'undefined' && methodName in GM
          ? GM[methodName]
          : function (...args) {
              return new Promise((resolve, reject) => {
                try {
                  resolve(window[gmMethodMap[methodName]](...args))
                } catch (e) {
                  reject(e)
                }
              })
            }
      }

      return null
    }
  })()

  const addStyle =
    'GM_addStyle' in window
      ? GM_addStyle // eslint-disable-line camelcase
      : (css) => {
          const head = document.getElementsByTagName('head')[0]

          if (head) {
            const style = document.createElement('style')

            style.type = 'text/css'
            style.innerHTML = css
            head.appendChild(style)

            return css
          }
        }

  let store

  const getStore = () => {
    if (!store) {
      store = {
        get: gmPolyfill('getValue'),
        set: gmPolyfill('setValue'),
      }
    }

    return store
  }

  /* global Bliss */
  // eslint-disable-next-line
  !(function(){function t(e,n,i){return n=void 0===n?1:n,i=i||n+1,i-n<=1?function(){if(arguments.length<=n||"string"===r.type(arguments[n]))return e.apply(this,arguments);var t,i=arguments[n];for(var o in i){var s=Array.prototype.slice.call(arguments);s.splice(n,1,o,i[o]),t=e.apply(this,s);}return t}:t(t(e,n+1,i),n,i-1)}function e(t,r,i){var o=n(i);if("string"===o){var s=Object.getOwnPropertyDescriptor(r,i);!s||s.writable&&s.configurable&&s.enumerable&&!s.get&&!s.set?t[i]=r[i]:(delete t[i],Object.defineProperty(t,i,s));}else if("array"===o)i.forEach(function(n){n in r&&e(t,r,n);});else for(var a in r)i&&("regexp"===o&&!i.test(a)||"function"===o&&!i.call(r,a))||e(t,r,a);return t}function n(t){if(null===t)return "null";if(void 0===t)return "undefined";var e=(Object.prototype.toString.call(t).match(/^\[object\s+(.*?)\]$/)[1]||"").toLowerCase();return "number"==e&&isNaN(t)?"nan":e}var r=self.Bliss=e(function(t,e){return 2==arguments.length&&!e||!t?null:"string"===r.type(t)?(e||document).querySelector(t):t||null},self.Bliss);e(r,{extend:e,overload:t,type:n,property:r.property||"_",listeners:self.WeakMap?new WeakMap:new Map,original:{addEventListener:(self.EventTarget||Node).prototype.addEventListener,removeEventListener:(self.EventTarget||Node).prototype.removeEventListener},sources:{},noop:function(){},$:function(t,e){return t instanceof Node||t instanceof Window?[t]:2!=arguments.length||e?Array.prototype.slice.call("string"==typeof t?(e||document).querySelectorAll(t):t||[]):[]},defined:function(){for(var t=0;t<arguments.length;t++)if(void 0!==arguments[t])return arguments[t]},create:function(t,e){return t instanceof Node?r.set(t,e):(1===arguments.length&&("string"===r.type(t)?e={}:(e=t,t=e.tag,e=r.extend({},e,function(t){return "tag"!==t}))),r.set(document.createElement(t||"div"),e))},each:function(t,e,n){n=n||{};for(var r in t)n[r]=e.call(t,r,t[r]);return n},ready:function(t,e,n){if("function"!=typeof t||e||(e=t,t=void 0),t=t||document,e&&("loading"!==t.readyState?e():r.once(t,"DOMContentLoaded",function(){e();})),!n)return new Promise(function(e){r.ready(t,e,!0);})},Class:function(t){var e,n=["constructor","extends","abstract","static"].concat(Object.keys(r.classProps)),i=t.hasOwnProperty("constructor")?t.constructor:r.noop;2==arguments.length?(e=arguments[0],t=arguments[1]):(e=function(){if(this.constructor.__abstract&&this.constructor===e)throw new Error("Abstract classes cannot be directly instantiated.");e["super"]&&e["super"].apply(this,arguments),i.apply(this,arguments);},e["super"]=t["extends"]||null,e.prototype=r.extend(Object.create(e["super"]?e["super"].prototype:Object),{constructor:e}),e.prototype["super"]=e["super"]?e["super"].prototype:null,e.__abstract=!!t["abstract"]);var o=function(t){return this.hasOwnProperty(t)&&n.indexOf(t)===-1};if(t["static"]){r.extend(e,t["static"],o);for(var s in r.classProps)s in t["static"]&&r.classProps[s](e,t["static"][s]);}r.extend(e.prototype,t,o);for(var s in r.classProps)s in t&&r.classProps[s](e.prototype,t[s]);return e},classProps:{lazy:t(function(t,e,n){return Object.defineProperty(t,e,{get:function(){var t=n.call(this);return Object.defineProperty(this,e,{value:t,configurable:!0,enumerable:!0,writable:!0}),t},set:function(t){Object.defineProperty(this,e,{value:t,configurable:!0,enumerable:!0,writable:!0});},configurable:!0,enumerable:!0}),t}),live:t(function(t,e,n){return "function"===r.type(n)&&(n={set:n}),Object.defineProperty(t,e,{get:function(){var t=this["_"+e],r=n.get&&n.get.call(this,t);return void 0!==r?r:t},set:function(t){var r=this["_"+e],i=n.set&&n.set.call(this,t,r);this["_"+e]=void 0!==i?i:t;},configurable:n.configurable,enumerable:n.enumerable}),t})},include:function(){var t=arguments[arguments.length-1],e=2===arguments.length&&arguments[0],n=document.createElement("script");return e?Promise.resolve():new Promise(function(e,i){r.set(n,{async:!0,onload:function(){e(),n.parentNode&&n.parentNode.removeChild(n);},onerror:function(){i();},src:t,inside:document.head});})},fetch:function(t,n){if(!t)throw new TypeError("URL parameter is mandatory and cannot be "+t);var i=e({url:new URL(t,location),data:"",method:"GET",headers:{},xhr:new XMLHttpRequest},n);i.method=i.method.toUpperCase(),r.hooks.run("fetch-args",i),"GET"===i.method&&i.data&&(i.url.search+=i.data),document.body.setAttribute("data-loading",i.url),i.xhr.open(i.method,i.url.href,i.async!==!1,i.user,i.password);for(var o in n)if("upload"===o)i.xhr.upload&&"object"==typeof n[o]&&r.extend(i.xhr.upload,n[o]);else if(o in i.xhr)try{i.xhr[o]=n[o];}catch(s){self.console&&console.error(s);}var a=Object.keys(i.headers).map(function(t){return t.toLowerCase()});"GET"!==i.method&&a.indexOf("content-type")===-1&&i.xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");for(var c in i.headers)void 0!==i.headers[c]&&i.xhr.setRequestHeader(c,i.headers[c]);var u=new Promise(function(t,e){i.xhr.onload=function(){document.body.removeAttribute("data-loading"),0===i.xhr.status||i.xhr.status>=200&&i.xhr.status<300||304===i.xhr.status?t(i.xhr):e(r.extend(Error(i.xhr.statusText),{xhr:i.xhr,get status(){return this.xhr.status}}));},i.xhr.onerror=function(){document.body.removeAttribute("data-loading"),e(r.extend(Error("Network Error"),{xhr:i.xhr}));},i.xhr.ontimeout=function(){document.body.removeAttribute("data-loading"),e(r.extend(Error("Network Timeout"),{xhr:i.xhr}));},i.xhr.send("GET"===i.method?null:i.data);});return u.xhr=i.xhr,u},value:function(t){var e="string"!==r.type(t);return r.$(arguments).slice(+e).reduce(function(t,e){return t&&t[e]},e?t:self)}}),r.Hooks=new r.Class({add:function(t,e,n){if("string"==typeof arguments[0])(Array.isArray(t)?t:[t]).forEach(function(t){this[t]=this[t]||[],e&&this[t][n?"unshift":"push"](e);},this);else for(var t in arguments[0])this.add(t,arguments[0][t],arguments[1]);},run:function(t,e){this[t]=this[t]||[],this[t].forEach(function(t){t.call(e&&e.context?e.context:e,e);});}}),r.hooks=new r.Hooks;r.property;r.Element=function(t){this.subject=t,this.data={},this.bliss={};},r.Element.prototype={set:t(function(t,e){t in r.setProps?r.setProps[t].call(this,e):t in this?this[t]=e:this.setAttribute(t,e);},0),transition:function(t,e){return e=+e||400,new Promise(function(n,i){if("transition"in this.style){var o=r.extend({},this.style,/^transition(Duration|Property)$/);r.style(this,{transitionDuration:(e||400)+"ms",transitionProperty:Object.keys(t).join(", ")}),r.once(this,"transitionend",function(){clearTimeout(s),r.style(this,o),n(this);});var s=setTimeout(n,e+50,this);r.style(this,t);}else r.style(this,t),n(this);}.bind(this))},fire:function(t,e){var n=document.createEvent("HTMLEvents");return n.initEvent(t,!0,!0),this.dispatchEvent(r.extend(n,e))},bind:t(function(t,e){if(arguments.length>1&&("function"===r.type(e)||e.handleEvent)){var n=e;e="object"===r.type(arguments[2])?arguments[2]:{capture:!!arguments[2]},e.callback=n;}var i=r.listeners.get(this)||{};t.trim().split(/\s+/).forEach(function(t){if(t.indexOf(".")>-1){t=t.split(".");var n=t[1];t=t[0];}i[t]=i[t]||[],0===i[t].filter(function(t){return t.callback===e.callback&&t.capture==e.capture}).length&&i[t].push(r.extend({className:n},e)),r.original.addEventListener.call(this,t,e.callback,e);},this),r.listeners.set(this,i);},0),unbind:t(function(t,e){if(e&&("function"===r.type(e)||e.handleEvent)){var n=e;e=arguments[2];}"boolean"==r.type(e)&&(e={capture:e}),e=e||{},e.callback=e.callback||n;var i=r.listeners.get(this);(t||"").trim().split(/\s+/).forEach(function(t){if(t.indexOf(".")>-1){t=t.split(".");var n=t[1];t=t[0];}if(t&&e.callback)return r.original.removeEventListener.call(this,t,e.callback,e.capture);if(i)for(var o in i)if(!t||o===t)for(var s,a=0;s=i[o][a];a++)n&&n!==s.className||e.callback&&e.callback!==s.callback||!!e.capture!=!!s.capture||(i[o].splice(a,1),r.original.removeEventListener.call(this,o,s.callback,s.capture),a--);},this);},0)},r.setProps={style:function(t){for(var e in t)e in this.style?this.style[e]=t[e]:this.style.setProperty(e,t[e]);},attributes:function(t){for(var e in t)this.setAttribute(e,t[e]);},properties:function(t){r.extend(this,t);},events:function(t){if(1!=arguments.length||!t||!t.addEventListener)return r.bind.apply(this,[this].concat(r.$(arguments)));var e=this;if(r.listeners){var n=r.listeners.get(t);for(var i in n)n[i].forEach(function(t){r.bind(e,i,t.callback,t.capture);});}for(var o in t)0===o.indexOf("on")&&(this[o]=t[o]);},once:t(function(t,e){var n=this,i=function(){return r.unbind(n,t,i),e.apply(n,arguments)};r.bind(this,t,i,{once:!0});},0),delegate:t(function(t,e,n){r.bind(this,t,function(t){t.target.closest(e)&&n.call(this,t);});},0,2),contents:function(t){(t||0===t)&&(Array.isArray(t)?t:[t]).forEach(function(t){var e=r.type(t);/^(string|number)$/.test(e)?t=document.createTextNode(t+""):"object"===e&&(t=r.create(t)),t instanceof Node&&this.appendChild(t);},this);},inside:function(t){t&&t.appendChild(this);},before:function(t){t&&t.parentNode.insertBefore(this,t);},after:function(t){t&&t.parentNode.insertBefore(this,t.nextSibling);},start:function(t){t&&t.insertBefore(this,t.firstChild);},around:function(t){t&&t.parentNode&&r.before(this,t),this.appendChild(t);}},r.Array=function(t){this.subject=t;},r.Array.prototype={all:function(t){var e=r.$(arguments).slice(1);return this[t].apply(this,e)}},r.add=t(function(t,e,n,i){n=r.extend({$:!0,element:!0,array:!0},n),"function"==r.type(e)&&(!n.element||t in r.Element.prototype&&i||(r.Element.prototype[t]=function(){return this.subject&&r.defined(e.apply(this.subject,arguments),this.subject)}),!n.array||t in r.Array.prototype&&i||(r.Array.prototype[t]=function(){var t=arguments;return this.subject.map(function(n){return n&&r.defined(e.apply(n,t),n)})}),n.$&&(r.sources[t]=r[t]=e,(n.array||n.element)&&(r[t]=function(){var e=[].slice.apply(arguments),i=e.shift(),o=n.array&&Array.isArray(i)?"Array":"Element";return r[o].prototype[t].apply({subject:i},e)})));},0),r.add(r.Array.prototype,{element:!1}),r.add(r.Element.prototype),r.add(r.setProps),r.add(r.classProps,{element:!1,array:!1});var i=document.createElement("_");r.add(r.extend({},HTMLElement.prototype,function(t){return "function"===r.type(i[t])}),null,!0);}());

  // eslint-disable-next-line
  const $ = Bliss;
  // eslint-disable-next-line
  const $$ = Bliss.$;

  const css_248z =
    '.config-menu-link{padding-right:12px;background:url(//static.pornolab.lib/templates/default/images/menu_open_1.gif) no-repeat 100%;font-weight:700}.config-form{display:none;position:absolute;z-index:1000;padding:1px;border:1px solid #92a3a4;background-color:#fff}.config-form__footer{padding:5px 0;background-color:#b5bec3;text-align:center}.config-form__label{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:7px;transition:all .3s ease;background-color:#e7e7e7}.config-form__label:hover{background-color:#d1d7dc;color:#930}.config-form__checkbox{margin:0 7px 0 0}'

  /* global Menu jQuery */

  const config = (function () {
    const store = getStore()

    const KEYS = {
      tags: 'tags',
      similar: 'similar',
      pager: 'pager',
      download: 'download',
    }

    function getRow(label, storeKey, checked) {
      return $.create('label', {
        className: 'config-form__label',
        contents: [
          {
            tag: 'input',
            type: 'checkbox',
            className: 'config-form__checkbox js-config-checkbox',
            checked,
            value: storeKey,
          },
          label,
        ],
      })
    }

    function createConfigForm(params) {
      const button = {
        tag: 'input',
        type: 'button',
        value: 'Apply',
        events: {
          click: (e) => {
            document.location.reload()
            Menu.hide(e)
          },
        },
      }

      return $.create('div', {
        id: 'config-form',
        className: 'config-form',
        contents: [
          getRow('Tags', KEYS.tags, params[KEYS.tags]),
          getRow('Find similar', KEYS.similar, params[KEYS.similar]),
          getRow('Pager', KEYS.pager, params[KEYS.pager]),
          getRow('Download', KEYS.download, params[KEYS.download]),
          {
            tag: 'div',
            className: 'config-form__label',
            contents: {
              tag: 'a',
              target: '_blank',
              href: 'https://github.com/shikiyoku/user-scripts#image-viewer',
              contents: 'Try Image Viewer',
            },
          },
          {
            tag: 'div',
            className: 'config-form__footer',
            contents: button,
          },
        ],
        delegate: {
          change: {
            '.js-config-checkbox': (e) =>
              store.set(e.target.value, e.target.checked),
          },
        },
        events: {
          mousedown: (e) => e.stopPropagation(),
        },
      })
    }

    function createMenuLink(params) {
      document.body.appendChild(createConfigForm(params))

      const container = $('#main-nav td')

      const menuLink = $.create('a', {
        className: 'config-menu-link',
        textContent: 'PLE',
        href: '#config-form',
      })

      $.contents(container, ['· ', menuLink])

      const $menuLink = jQuery(menuLink)
      $menuLink
        .click((e) => {
          e.preventDefault()
          Menu.clicked(jQuery(menuLink))
        })
        .hover(
          () => Menu.hovered($menuLink),
          () => Menu.unhovered($menuLink)
        )
    }

    function getParams() {
      return Promise.all(
        Object.values(KEYS).map((key) => store.get(key, true))
      ).then((values) => {
        return Object.keys(KEYS).reduce((result, key, index) => {
          result[key] = values[index]
          return result
        }, {})
      })
    }

    return {
      KEYS,
      async init() {
        const params = await getParams()

        $.ready().then(() => {
          addStyle(css_248z)
          createMenuLink(params)
        })

        return params
      },
    }
  })()

  const regex = {
    getMatchGroups(regEx, str) {
      const matches = []
      let match

      while ((match = regEx.exec(str)) !== null) {
        if (match.index === regEx.lastIndex) {
          regEx.lastIndex++
        }

        const groups = match.slice(1)
        if (groups.some((group) => group)) {
          matches.push(groups)
        }
      }

      return matches
    },

    getFirstMatchGroup(regEx, str) {
      const match = regEx.exec(str)

      return match ? match[1] : null
    },
  }

  const css_248z$1 =
    ".tags-row{padding:3px 0 0}.tags-row-tag{display:inline-block;position:relative;margin:2px 5px;padding:5px;border:1px solid #cacaca;border-radius:5px;background-color:#efefef;text-decoration:none}.tags-row-tag:hover{border-color:#345da4;color:#345da4;text-decoration:none!important}.tags-row-tag:nth-child{margin-left:0}.tag-with-icon{padding-left:25px}.tag-with-icon:before{content:\"\";position:absolute;top:50%;left:5px;box-sizing:border-box;width:16px;height:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:1px solid #cacaca;border-radius:100%;background-repeat:no-repeat;background-position:50%;background-size:contain}.icon-en:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23F0F0F0'/%3E%3Cpath d='M52.92 100.142c-20.11 26.163-35.272 56.318-44.1 89.077h133.177L52.92 100.14zm450.26 89.078c-8.828-32.76-23.992-62.914-44.1-89.077l-89.075 89.076H503.18zM8.82 322.784c8.83 32.758 23.992 62.913 44.1 89.075l89.074-89.076H8.82zM411.858 52.92c-26.163-20.108-56.317-35.27-89.076-44.1v133.176l89.076-89.075zM100.142 459.08c26.163 20.108 56.318 35.27 89.076 44.1V370.006l-89.076 89.074zM189.217 8.82c-32.758 8.83-62.913 23.992-89.075 44.1l89.075 89.075V8.82zm133.566 494.36c32.758-8.83 62.913-23.992 89.075-44.1l-89.075-89.075V503.18zm47.222-180.396l89.075 89.076c20.108-26.162 35.272-56.318 44.1-89.076H370.006z' fill='%230052B4'/%3E%3Cg fill='%23D80027'%3E%3Cpath d='M509.833 222.61h-220.44V2.166a258.478 258.478 0 00-66.783.001v220.44H2.166a258.478 258.478 0 00.001 66.783h220.44v220.443a258.335 258.335 0 0066.783 0v-220.44h220.443A258.583 258.583 0 00512 256c0-11.317-.744-22.46-2.167-33.39z'/%3E%3Cpath d='M322.783 322.784L437.02 437.02a256.914 256.914 0 0015.047-16.435l-97.802-97.802h-31.482zm-133.566 0h-.002L74.98 437.02a256.914 256.914 0 0016.435 15.047l97.802-97.804v-31.48zm0-133.564v-.003L74.98 74.98a256.914 256.914 0 00-15.047 16.435l97.803 97.803h31.48zm133.566 0L437.02 74.98a256.605 256.605 0 00-16.435-15.046l-97.802 97.803v31.482z'/%3E%3C/g%3E%3C/svg%3E\")}.icon-ja:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23F0F0F0'/%3E%3Ccircle cx='256' cy='256' r='111.304' fill='%23D80027'/%3E%3C/svg%3E\")}.icon-ru:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23F0F0F0'/%3E%3Cpath d='M496.077 345.043C506.367 317.31 512 287.313 512 256s-5.632-61.31-15.923-89.043H15.923C5.633 194.69 0 224.687 0 256s5.633 61.31 15.923 89.043L256 367.303l240.077-22.26z' fill='%230052B4'/%3E%3Cpath d='M256 512c110.07 0 203.906-69.472 240.077-166.957H15.923C52.093 442.528 145.93 512 256 512z' fill='%23D80027'/%3E%3C/svg%3E\")}.icon-zh:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-49 141 512 512'%3E%3Ccircle cx='207' cy='397' r='256' fill='%23d80027'/%3E%3Cpath d='M91.1 296.8l22.1 68h71.5l-57.8 42.1 22.1 68-57.9-42-57.9 42 22.2-68-57.9-42.1H69zm163.4 240.7l-16.9-20.8-25 9.7 14.5-22.5-16.9-20.9 25.9 6.9 14.6-22.5 1.4 26.8 26 6.9-25.1 9.6zm33.6-61l8-25.6-21.9-15.5 26.8-.4 7.9-25.6 8.7 25.4 26.8-.3-21.5 16 8.6 25.4-21.9-15.5zm45.3-147.6L321.6 353l19.2 18.7-26.5-3.8-11.8 24-4.6-26.4-26.6-3.8 23.8-12.5-4.6-26.5 19.2 18.7zm-78.2-73l-2 26.7 24.9 10.1-26.1 6.4-1.9 26.8-14.1-22.8-26.1 6.4 17.3-20.5-14.2-22.7 24.9 10.1z' fill='%23ffda44'/%3E%3C/svg%3E\")}.icon-es:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 256c0 31.314 5.633 61.31 15.923 89.043L256 367.303l240.077-22.26C506.367 317.31 512 287.313 512 256s-5.633-61.31-15.923-89.043L256 144.697l-240.077 22.26C5.633 194.69 0 224.687 0 256z' fill='%23FFDA44'/%3E%3Cpath d='M496.077 166.957C459.907 69.473 366.07 0 256 0S52.094 69.473 15.923 166.957h480.154zM15.923 345.043C52.093 442.527 145.93 512 256 512s203.906-69.473 240.077-166.957H15.923z' fill='%23D80027'/%3E%3C/svg%3E\")}.icon-pt:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 256c0 110.07 69.472 203.905 166.955 240.076L189.217 256 166.955 15.922C69.472 52.095 0 145.93 0 256z' fill='%236DA544'/%3E%3Cpath d='M512 256C512 114.616 397.384 0 256 0c-31.314 0-61.31 5.633-89.045 15.923v480.154C194.69 506.367 224.685 512 256 512c141.384 0 256-114.616 256-256z' fill='%23D80027'/%3E%3Ccircle cx='166.957' cy='256' r='89.043' fill='%23FFDA44'/%3E%3Cpath d='M116.87 211.478v55.652c0 27.662 22.424 50.087 50.087 50.087s50.087-22.424 50.087-50.087v-55.652H116.87z' fill='%23D80027'/%3E%3Cpath d='M166.957 283.826c-9.206 0-16.696-7.49-16.696-16.696v-22.26h33.392v22.26c0 9.206-7.49 16.696-16.695 16.696z' fill='%23F0F0F0'/%3E%3C/svg%3E\")}.icon-de:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M15.923 345.043C52.093 442.527 145.93 512 256 512s203.906-69.473 240.077-166.957L256 322.783l-240.077 22.26z' fill='%23FFDA44'/%3E%3Cpath d='M256 0C145.93 0 52.094 69.472 15.923 166.957L256 189.217l240.077-22.26C459.907 69.47 366.07 0 256 0z'/%3E%3Cpath d='M15.923 166.957C5.633 194.69 0 224.687 0 256s5.633 61.31 15.923 89.043h480.155C506.368 317.31 512 287.313 512 256s-5.632-61.31-15.923-89.043H15.923z' fill='%23D80027'/%3E%3C/svg%3E\")}.icon-fr:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23f0f0f0'/%3E%3Cpath d='M512 256c0-110.071-69.472-203.906-166.957-240.077v480.155C442.528 459.906 512 366.071 512 256z' fill='%23d80027'/%3E%3Cpath d='M0 256c0 110.071 69.473 203.906 166.957 240.077V15.923C69.473 52.094 0 145.929 0 256z' fill='%230052b4'/%3E%3C/svg%3E\")}.icon-ko:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23f0f0f0'/%3E%3Cpath d='M345.043 256c0 22.261-39.866 77.913-89.043 77.913S166.957 278.261 166.957 256c0-49.178 39.866-89.043 89.043-89.043s89.043 39.865 89.043 89.043z' fill='%23d80027'/%3E%3Cpath d='M345.043 256c0 49.178-39.866 89.043-89.043 89.043S166.957 305.178 166.957 256' fill='%230052b4'/%3E%3Cpath d='M350.442 334.705l23.61-23.61 15.741 15.74-23.61 23.61zm-39.357 39.355l23.61-23.612 15.741 15.741-23.61 23.611zm86.585 7.857l23.611-23.61 15.74 15.74-23.61 23.61zm-39.356 39.361l23.61-23.61 15.741 15.74-23.61 23.611zm15.741-62.965l23.61-23.61 15.741 15.74-23.61 23.61zm-39.346 39.354l23.61-23.61 15.741 15.74-23.61 23.611zm62.969-220.377l-62.963-62.963 15.741-15.74 62.962 62.962zm-62.965-15.732l-23.61-23.61 15.74-15.74 23.61 23.61zm39.347 39.349l-23.61-23.611 15.74-15.74 23.61 23.61zm7.855-86.571l-23.61-23.611 15.74-15.741 23.61 23.61zm39.368 39.352l-23.611-23.61 15.74-15.741 23.612 23.61zm-330.56 204.63l62.962 62.962-15.74 15.74-62.963-62.961zm62.957 15.732l23.611 23.611-15.74 15.74-23.61-23.61zm-39.35-39.347l23.611 23.611-15.74 15.741-23.611-23.61zm23.613-23.612l62.962 62.963-15.74 15.74-62.963-62.962zM153.684 90.72L90.72 153.683l-15.74-15.741 62.962-62.963zm23.603 23.605l-62.963 62.963-15.74-15.741 62.962-62.962zm23.625 23.622l-62.962 62.962-15.74-15.74 62.962-62.962z'/%3E%3C/svg%3E\")}.icon-in-progress:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cdefs%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='a'%3E%3Cpath fill='%23262425' d='M0 100h500v100H0z'/%3E%3C/clipPath%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='b'%3E%3Cpath fill='%23262425' d='M0 300h500v100H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle cy='353.553' r='250' transform='rotate(-45)' fill='%23ebb531'/%3E%3Ccircle cx='250' cy='250' r='250' clip-path='url(%23a)' transform='rotate(-45 250 250)' fill='%23262425'/%3E%3Ccircle cx='250' cy='250' r='250' clip-path='url(%23b)' transform='rotate(-45 250 250)' fill='%23262425'/%3E%3C/svg%3E\")}.icon-dimension:before{border-width:0;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E\")}.icon-cen:before{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAA9AAAAPQAUrNa1AAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAAAT0lEQVQ4T2P4fW6uAzJ+Mav6CD6Mrn44GPDr3JzDyPjLvLr/KHguKkZXPxwN+NBX/h8F96JidPXDwQD0hPF9RfcxFLy0CwWjqx/yBsx1AAAIrOl/m8CdZwAAAABJRU5ErkJggg==\")}.icon-uncen:before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58'%3E%3Ccircle cx='29' cy='29' r='29' fill='%23fbce9d'/%3E%3Cpath d='M43.993 37.703c.004-.135.006-.271.007-.405.005-1.052-.495-2.022-1.239-2.765-1.245-1.243-1.678-3.17-1.298-4.89.194-.879-.007-1.794-.452-2.577-2.198-3.868-5.215-7.903-7.674-10.962a5.55 5.55 0 00-8.659-.003c-2.485 3.088-5.539 7.176-7.741 11.095-.437.777-.533 1.673-.387 2.552.279 1.681-.2 3.51-1.438 4.68a3.545 3.545 0 00-1.089 2.508l-.002.179c-.008 1.28.582 2.542 1.647 3.251 1.682 1.121 2.345 3.278 1.992 5.219a3.703 3.703 0 00.784 3.025C20.8 51.443 24.219 54.267 29.01 57c5.142-2.933 8.708-5.97 11.071-9.012.639-.823.985-1.868.856-2.902-.208-1.666.319-3.439 1.581-4.552.835-.736 1.442-1.718 1.475-2.831z' fill='%23f98d85'/%3E%3Cpath d='M24.679 16.101c2.228-2.769 6.432-2.767 8.658.003 1.515 1.884 3.24 4.14 4.856 6.498C38.912 10.427 29.011 1 29.011 1s-9.896 9.422-9.183 21.593a106.439 106.439 0 014.851-6.492z' fill='%23ea6248'/%3E%3Cpath d='M31.853 14.812A4 4 0 1025.011 12c0 1.095.442 2.086 1.155 2.808a5.564 5.564 0 015.687.004z' fill='%23c64646'/%3E%3Cpath d='M29.011 18s-20.75 19.75 0 39c20.75-19.25 0-39 0-39z' fill='%23ea6248'/%3E%3Cpath d='M31.171 48.395l-.956 1.148a1.58 1.58 0 01-2.429 0l-.956-1.148A12.203 12.203 0 0124 40.581V35.16A3.16 3.16 0 0127.16 32h3.681a3.16 3.16 0 013.16 3.16v5.421a12.214 12.214 0 01-2.83 7.814z' fill='%23bf5a45'/%3E%3Cpath d='M29 40c-2.109 0-3.91 1.438-4.644 3.471a12.195 12.195 0 002.473 4.924l.956 1.148a1.58 1.58 0 002.429 0l.956-1.148a12.195 12.195 0 002.473-4.924C32.91 41.438 31.109 40 29 40z' fill='%23f98d85'/%3E%3C/svg%3E\")}.icon-ptcen:before{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAA9AAAAPQAUrNa1AAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABqElEQVQ4T5WTSy8DURTHx0fpxjeRImHBxmOBikeipSvxqBShlWqpjUbTJiRlw05YeWzEhpadxIaFdKFCVDLTubP4u+eYmc5UJbX4Tf5zXvfec89VALio3KebjXx20bjLHmun6yWCNNnIVxvv/GkS+WzQKGRVCcR1Cm9TXQxpspGPYijWyrOTjULmxAxiPpN+PHR7GdJOH8VaRbgAVfV4PPgP5k4UPnO9gEagXIWaU8/ZCLK5YYU77DqfbOB+AlpkHq/DbQxpkUu4YhiZq0hRdBkvUtATq/iY6serr5UhTTZxbt+GRfFXAXGUhEqry8SXoR9Iq5E56dtyJhOyQM0R9O01fIUCeBr04rKvhSH9NT8BPR1zJptHoKmzDDcZ6FsRlGfH8ThQLUC6PDMGfTPCMY4C4Z/RNaePEIdJuZofz752lJamGdK0A3GwUU2WOXyN1iDZjqsdaNEFlEY6oMaWGdJaNARxVm2iPUj0kbhGWezG8T7Zi2JwgHkP9EDsxWHcWtuvGWWriLkTVfYFldwaSqOdDGmz+J+PyYZ7Yj5nNbdSJvim6j5nKN+A2Me46jRxowAAAABJRU5ErkJggg==\")}"

  const tags = (function () {
    const TOPIC_PATH = '/forum/viewtopic.php'

    const TITLE_REGEX = /(?:\[([^[\]]+)\]+)?([^[]*)?/g
    const TAGS_SEPARATOR_REGEX = /(?:,\s?|;|•|\/|\+)/
    const TAGS_GROUP_SEPARATOR = ' | '

    const DIMENSIONS = [
      '240p',
      '360p',
      '480p',
      '540p',
      '544p',
      '576p',
      '640p',
      '720p',
      '1080p',
      '1080i',
      '1440p',
      '2160p',
    ]
    const DIMENSION_ICON_NAME = 'dimension'

    const TAG_ICON_MAP = {
      eng: 'en',
      jap: 'ja',
      rus: 'ru',
      ru: 'ru',
      chi: 'zh',
      cn: 'zh',
      spa: 'es',
      es: 'es',
      por: 'pt',
      ger: 'de',
      de: 'de',
      fr: 'fr',
      korean: 'ko',
      cen: 'cen',
      uncen: 'uncen',
      ptcen: 'ptcen',
      inprogress: 'in-progress',
    }

    DIMENSIONS.forEach((dim) => {
      TAG_ICON_MAP[dim] = DIMENSION_ICON_NAME
    })

    function tokenizeTitle(titleRaw) {
      const tagGroupsBefore = []
      const titleParts = []
      const tagGroupsAfter = []

      regex.getMatchGroups(TITLE_REGEX, titleRaw).forEach((groups) => {
        let tags = []

        if (groups[0]) {
          tags = groups[0].split(TAGS_SEPARATOR_REGEX)
        }

        if (tags.length) {
          ;(titleParts.length ? tagGroupsAfter : tagGroupsBefore).push(tags)
        }

        if (groups[1]) {
          titleParts.push(groups[1])
        }
      })

      return {
        tagGroupsBefore,
        title: titleParts.join('').trim(),
        tagGroupsAfter,
      }
    }

    function createTagsRow(tagGroups) {
      const tags = tagGroups.reduce((tags, tagsGroup, index) => {
        tags.push(...createTagLinks(tagsGroup))

        if (index + 1 !== tagGroups.length) {
          tags.push(TAGS_GROUP_SEPARATOR)
        }

        return tags
      }, [])

      return $.create('div', {
        className: 'tags-row',
        contents: tags,
      })
    }

    function createTagLinks(tags) {
      return tags
        .filter((tag) => tag.length)
        .map((tag) => {
          let className = 'tags-row-tag'
          tag = tag.trim()

          const tagkey = tag.toLowerCase()
          if (hasOwnProperty(TAG_ICON_MAP, tagkey)) {
            className = `${className} tag-with-icon icon-${TAG_ICON_MAP[tagkey]}`
          }

          return $.create('a', {
            className,
            textContent: tag,
            href: `/forum/tracker.php?nm=${tag}`,
            target: '_blank',
          })
        })
    }

    function createPostTags() {
      const titleElement = $('.maintitle')
      const titleLink = titleElement.children[0]
      const title = titleLink.textContent

      const titleParts = tokenizeTitle(title)
      const hasTagBefore = titleParts.tagGroupsBefore.length > 0
      const hasTagsAfter = titleParts.tagGroupsAfter.length > 0

      if (!hasTagBefore && !hasTagsAfter) {
        return
      }

      addStyle(css_248z$1)

      $.set(titleLink, {
        textContent: titleParts.title,
        title: title,
      })

      if (hasTagBefore) {
        $.before(createTagsRow(titleParts.tagGroupsBefore), titleElement)
      }

      if (hasTagsAfter) {
        $.after(createTagsRow(titleParts.tagGroupsAfter), titleElement)
      }
    }

    return function () {
      $.ready().then(() => {
        if (location.pathname === TOPIC_PATH) {
          createPostTags()
        }
      })
    }
  })()

  const css_248z$2 =
    '.nav .menu-root,.small>b>.menu-root,a.pg{display:inline-block;padding:.5em .7em;border:1px solid #cacaca;background-color:#efefef;text-decoration:none}a.pg{margin-right:.1em}.nav .menu-root,.small>b>.menu-root{padding-right:20px;background-repeat:no-repeat;background-position:95% 50%}.nav .menu-root:hover,.small>b>.menu-root:hover,a.pg:hover{border-color:#345da4;color:#345da4;text-decoration:none!important}.menu-root~b{display:inline-block;margin-right:.1em;padding:.5em .7em;border:1px solid transparent}'

  const css_248z$3 =
    ".quick-download{position:fixed;top:0;right:25%;width:65px;height:65px;overflow:hidden;-webkit-transform:translateY(-90%);transform:translateY(-90%);transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid #cacaca;border-radius:0 0 10px 10px;background-color:#efefef;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#000!important;text-align:center;text-decoration:none}.quick-download:hover{-webkit-transform:translateY(0);transform:translateY(0);border-color:#345da4;color:#000!important;text-decoration:none!important}.quick-download:after{content:\"\";position:absolute;top:0;right:0;left:0;width:100%;height:5px;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border-radius:100%;opacity:0;background:rgba(52,93,164,.25)}.quick-download:focus:not(:active):after{-webkit-animation:ripple 1s ease-out;animation:ripple 1s ease-out}.quick-download__icon{display:block;height:45px;background:url(\"data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%23345da4'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E\") no-repeat 50%;background-size:contain}@-webkit-keyframes ripple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}20%{-webkit-transform:scale(25);transform:scale(25);opacity:1}to{-webkit-transform:scale(40);transform:scale(40);opacity:0}}@keyframes ripple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}20%{-webkit-transform:scale(25);transform:scale(25);opacity:1}to{-webkit-transform:scale(40);transform:scale(40);opacity:0}}"

  const download = (function () {
    const ENABLE_ON_PATH = '/forum/viewtopic.php'

    function triggerEvent(element, eventName) {
      const event = document.createEvent('MouseEvents')
      event.initEvent(eventName, true, true)

      jQuery(element).trigger('mousedown')

      element.dispatchEvent(event)
    }

    function createDownloadLink(downloadLink) {
      const link = $.create('a', {
        className: 'quick-download',
        href: '#',

        events: {
          click: (e) => {
            e.preventDefault()

            triggerEvent(
              downloadLink,
              jQuery.browser.opera ? 'mouseover' : 'mousedown'
            )
            triggerEvent(downloadLink, 'click')
          },
        },

        contents: [
          {
            tag: 'span',
            className: 'quick-download__icon',
          },
          {
            tag: 'span',
            textContent: document
              .querySelector('.attach')
              .querySelector('.row1:nth-child(5) td:nth-child(2)').textContent,
          },
        ],
      })

      document.body.appendChild(link)
    }

    return function () {
      $.ready().then(() => {
        if (location.pathname !== ENABLE_ON_PATH) {
          return
        }

        const downloadLink = $('.dl-link')
        if (!downloadLink) {
          return
        }

        addStyle(css_248z$3)

        createDownloadLink(downloadLink)
      })
    }
  })()

  const css_248z$4 =
    ".find-similar-link{display:inline-block;position:relative;width:25px;height:25px;margin-left:10px;border:1px solid transparent;vertical-align:middle}.find-similar-link:before{content:\"\";position:absolute;top:50%;left:50%;box-sizing:border-box;width:17px;height:17px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(\"data:image/svg+xml;charset=utf-8,%3Csvg fill='%23345da4' height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z'/%3E%3C/svg%3E\") no-repeat 50%;background-size:contain}.find-similar-link:hover{border-color:#345da4;background-color:#efefef}"

  const findSimilar = (function () {
    const TOPIC_PATH = '/forum/viewtopic.php'
    const TAGS_REGEX = /\[[^\]]+\]/g
    const WORDS_REGEX = /([\w\u0400-\u04FF-']+)/g
    const REMOVE_CHARS_REGEX = /^[\d-.]+$/
    const SEARCH_TERM_MAX_LENGTH = 61

    function createFindSimilarLink() {
      const titleElement = $('.maintitle')
      const titleLink = titleElement.children[0]
      const rawTitle = titleLink.textContent.replace(TAGS_REGEX, '').trim()
      const words = regex.getMatchGroups(WORDS_REGEX, rawTitle)
      let searchTerm = words
        .filter((word) => !REMOVE_CHARS_REGEX.test(word))
        .join(' ')

      if (searchTerm.length > SEARCH_TERM_MAX_LENGTH) {
        searchTerm = searchTerm.slice(0, SEARCH_TERM_MAX_LENGTH - 1)
        searchTerm = searchTerm.substring(0, searchTerm.lastIndexOf(' '))
      }

      $.create('a', {
        className: 'find-similar-link',
        href: `/forum/tracker.php?nm=${searchTerm}#search_opt`,
        target: '_blank',
        title: 'Find similar',
        after: titleLink,
      })
    }

    return function () {
      $.ready().then(() => {
        if (location.pathname === TOPIC_PATH) {
          addStyle(css_248z$4)
          createFindSimilarLink()
        }
      })
    }
  })()

  config.init().then((params) => {
    const KEYS = config.KEYS

    if (params[KEYS.tags]) {
      tags()
    }

    if (params[KEYS.pager]) {
      addStyle(css_248z$2)
    }

    if (params[KEYS.download]) {
      download()
    }

    if (params[KEYS.similar]) {
      findSimilar()
    }
  })
})()