// ==UserScript==
// @name        Google Search Various Ranges
// @name:ja     Google Search Various Ranges
// @name:zh-CN  Google Search Various Ranges
// @description Add more time ranges on Google search.
// @description:ja Google検索の期間指定の選択肢を増やします。
// @description:zh-CN 增加Google搜索中指定期间的选项。
// @namespace   knoa.jp
// @include     https://www.google.*/search?*
// @version     3.0.0
// @grant       none
// @downloadURL none
// ==/UserScript==

(function(){
  const SCRIPTID = 'GoogleSearchVariousRanges';
  const SCRIPTNAME = 'Google Search Various Ranges';
  const DEBUG = false;/*
[update] 3.0.0
fix for google's update and some internal changes.

[to do]
画像検索その他でも効くようにしたい
  */
  if(window === top && console.time) console.time(SCRIPTID);
  const MS = 1, SECOND = 1000*MS, MINUTE = 60*SECOND, HOUR = 60*MINUTE, DAY = 24*HOUR, WEEK = 7*DAY, MONTH = 30*DAY, YEAR = 365*DAY;
  const LANGS = ['en', 'ja', 'fr', 'ru', 'zh', 'es', 'ar'];
  const RANGES = {
    qdr_h: {
      h:  ["Past hour",     "1 時間以内",  "Moins d'une heure",   "За час",      "过去 1 小时内",  "Última hora",       "آخر ساعة"],
      h2: ["Past 2 hours",  "2 時間以内",  "Moins de 2 heures",   "За 2 часа",   "过去 2 小时内",  "Últimas 2 horas",   "آخر ساعتين"],
      h12:["Past 12 hours", "12 時間以内", "Moins de 12 heures",  "За 12 часов", "过去 12 小时内", "Últimas 12 horas",  "آخر ١٢ ساعة"],
    },
    qdr_d: {
      d:  ["Past day",      "1 日以内",    "Moins d'un jour",     "За 1 дня",    "过去 1 天内",    "Último 1 día",      "آخر 24 ساعة"],
      d2: ["Past 2 days",   "2 日以内",    "Moins de 2 jours",    "За 2 дня",    "过去 2 天内",    "Últimos 2 días",    "آخر يومين"],
      d3: ["Past 3 days",   "3 日以内",    "Moins de 3 jours",    "За 3 дня",    "过去 3 天内",    "Últimos 3 días",    "آخر ٣ أيام"],
    },
    qdr_w: {
      w:  ["Past week",     "1 週間以内",  "Moins d'une semaine", "За неделю",   "过去 1 周内",    "Última semana",     "آخر أسبوع"],
      w2: ["Past 2 weeks",  "2 週間以内",  "Moins de 2 semaines", "За 2 недели", "过去 2 周内",    "Últimas 2 semanas", "آخر أسبوعين"],
    },
    qdr_m: {
      m:  ["Past month",    "1 か月以内",  "Moins d'un mois",     "За месяц",    "过去 1 个月内",  "Último mes",        "آخر شهر"],
      m2: ["Past 2 months", "2 か月以内",  "Moins de 2 mois",     "За 2 месяца", "过去 2 个月内",  "Últimos 2 meses",   "آخر شهرين"],
      m6: ["Past 6 months", "6 か月以内",  "Moins de 6 mois",     "За 6 месяца", "过去 6 个月内",  "Últimos 6 meses",   "آخر ٦ شهور"],
    },
    qdr_y: {
      y:  ["Past year",     "1 年以内",    "Moins d'une an",      "За год",      "过去 1 年内",    "Último año",        "آخر سنة"],
      y2: ["Past 2 years",  "2 年以内",    "Moins de 2 ans",      "За 2 года",   "过去 2 年内",    "Últimos 2 años",    "آخر سنتين"],
      y5: ["Past 5 years",  "5 年以内",    "Moins de 5 ans",      "За 5 года",   "过去 5 年内",    "Últimos 5 años",    "آخر ٥ سنوات"],
    },
  };
  const PERIODS = [
    // You can edit or add below.
    //{
    //  "in '90s": ['1/1/1990', '12/31/1999'],
    //  "in '00s": ['1/1/2000', '12/31/2009'],
    //  "in '10s": ['1/1/2010', '12/31/2019'],
    //},
    //{
    //  "Before 2000": ['', '12/31/1999'],
    //  "After 2000" : ['1/1/2000', ''],
    //},
  ];
  const site = {
    targets: {
      list: () => $('#qdr_', e => e.parentNode),/*time range list*/
      firstRange: () => $('li[id^="qdr_"] a[href*="qdr:"]'),/*first range for cloning*/
    },
    get: {
      hiddens: {/*dropdown parent displaying none*/
        dropdown: () => $('#hdtbMenus'),
        listParent: () => elements.list.parentNode,
      },
      ranges: (list) => $$('li[id^="qdr_"]'),
      rangeAnchors: (list) => $$('li[id^="qdr_"] a[href*="qdr:"]'),
      customRange: (list) => $('#cdrlnk'),
      rangeHref: (href, range) => href.replace(/(qdr:)[a-z][0-9]*/, '$1' + range),
      customRangeHref: (href, from, to) => href.replace(/(qdr:)[a-z][0-9]*/, `cdr:1,cd_min:${from},cd_max:${to}`),
      selected: (list) => $('li[id*="dr_"].hdtbSel'),
    },
  };
  const PADDING = 30 + 44;/*default left+right padding size of each range items*/
  let elements = {}, sizes = {};
  let core = {
    initialize: function(){
      elements.html = document.documentElement;
      elements.html.classList.add(SCRIPTID);
      core.ready();
    },
    ready: function(){
      core.getTargets(site.targets, 100, 250).then(() => {
        log("I'm ready.");
        /* DOM operations */
        core.rebuildRanges();
        core.addCustomPeriods();
        core.replaceSelectedCheckmark();
        core.calculateWidth();
      }).catch(e => {
        console.error(`${SCRIPTID}:`, e);
      });
    },
    rebuildRanges: function(){
      let lang = document.documentElement.lang.split('-')[0];
      let lindex = (LANGS.includes(lang)) ? LANGS.indexOf(lang) : 0;
      let lis = site.get.ranges(elements.list);
      for(let i = 1; lis[i]; i++){
        if(RANGES[lis[i].id]){
          for(let range in RANGES[lis[i].id]){
            let a = elements.firstRange.cloneNode(true);
            a.href = site.get.rangeHref(a.href, range);
            a.textContent = RANGES[lis[i].id][range][lindex];
            lis[i].appendChild(a);
          }
          lis[i].removeChild(lis[i].firstChild);
        }else{
          lis[i].style.display = 'none';
        }
      }
    },
    addCustomPeriods: function(){
      let customRange = site.get.customRange(elements.list);
      for(let i = 0; PERIODS[i]; i++){
        let line = document.createElement('div');
        for(let key in PERIODS[i]){
          let a = elements.firstRange.cloneNode(true);
          a.href = site.get.customRangeHref(a.href, PERIODS[i][key][0], PERIODS[i][key][1]);
          a.textContent = key;
          line.appendChild(a);
        }
        customRange.parentNode.appendChild(line);
      }
    },
    replaceSelectedCheckmark: function(){
      let sel = site.get.selected(elements.list);
      if(sel && sel.id !== 'qdr_'/*Any time*/){
        let a, cdruri = location.href.match(/cdr:1,cd_min:[0-9\/]*,cd_max:[0-9\/]*/);
        if(cdruri){/*has period*/
          a = elements.list.querySelector(`li[id^="cdr_"] a[href*="${cdruri[0]}"]`);
        }else{
          let qdr = sel.id.split('_')[1];
          a = elements.list.querySelector(`li[id^="qdr_"] a[href*="qdr:${qdr}&"]`);
        }
        if(a){
          a.classList.add('hdtbSel');
          sel.classList.remove('hdtbSel');
        }
      }
    },
    calculateWidth: function(){
      /* for calculating width */
      core.getTargets(site.get.hiddens).then(() => {
        elements.dropdown.style.visibility = 'hidden';
        elements.dropdown.style.display = 'block';
        elements.listParent.style.visibility = 'hidden';
        elements.listParent.style.display = 'block';
        sizes.maxwidth = 0;
        /* calculate */
        let as = site.get.rangeAnchors(elements.list);
        for(let i = 0, a; a = as[i]; i++){
          if(sizes.maxwidth < a.offsetWidth) sizes.maxwidth = a.offsetWidth;
        }
        if(sizes.maxwidth === 0) return setTimeout(core.calculateWidth, 250);
        /* restore */
        elements.dropdown.style.visibility = '';
        elements.dropdown.style.display = '';
        elements.listParent.style.visibility = '';
        elements.listParent.style.display = 'none';
        core.addStyle();
      });
    },
    getTarget: function(selector, retry = 10, interval = 1*SECOND){
      const key = selector.name;
      const get = function(resolve, reject){
        let selected = selector();
        if(selected === null || selected.length === 0){
          if(--retry) return log(`Not found: ${key}, retrying... (${retry})`), setTimeout(get, interval, resolve, reject);
          else return reject(new Error(`Not found: ${selector.name}, I give up.`));
        }else{
          if(selected.nodeType === Node.ELEMENT_NODE) selected.dataset.selector = key;/* element */
          else selected.forEach((s) => s.dataset.selector = key);/* elements */
          elements[key] = selected;
          resolve(selected);
        }
      };
      return new Promise(function(resolve, reject){
        get(resolve, reject);
      });
    },
    getTargets: function(selectors, retry = 10, interval = 1*SECOND){
      return Promise.all(Object.values(selectors).map(selector => core.getTarget(selector, retry, interval)));
    },
    addStyle: function(name = 'style', d = document){
      if(html[name] === undefined) return;
      if(d.head){
        let style = createElement(html[name]()), id = SCRIPTID + '-' + name, old = d.getElementById(id);
        style.id = id;
        d.head.appendChild(style);
        if(old) old.remove();
      }
      else{
        let observer = observe(d.documentElement, function(){
          if(!d.head) return;
          observer.disconnect();
          core.addStyle(name);
        });
      }
    },
  };
  const html = {
    style: () => `
      <style type="text/css">
        [data-selector="list"] li[id^="qdr_"].hdtbItm a,
        [data-selector="list"] li[id^="cdr_"].hdtbItm a{
          display: inline-block !important;
          width: ${sizes.maxwidth - PADDING}px !important;
          padding-right: 20px !important;
        }
      </style>
    `,
  };
  const $ = function(s, f = undefined){
    let target = document.querySelector(s);
    if(target === null) return null;
    return f ? f(target) : target;
  };
  const $$ = function(s, f = undefined){
    let targets = document.querySelectorAll(s);
    return f ? f(targets) : targets;
  };
  const createElement = function(html = '<div></div>'){
    let outer = document.createElement('div');
    outer.insertAdjacentHTML('afterbegin', html);
    return outer.firstElementChild;
  };
  const log = function(){
    if(typeof DEBUG === 'undefined') return;
    let l = log.last = log.now || new Date(), n = log.now = new Date();
    let error = new Error(), line = log.format.getLine(error), callers = log.format.getCallers(error);
    //console.log(error.stack);
    console.log(
      SCRIPTID + ':',
      /* 00:00:00.000  */ n.toLocaleTimeString() + '.' + n.getTime().toString().slice(-3),
      /* +0.000s       */ '+' + ((n-l)/1000).toFixed(3) + 's',
      /* :00           */ ':' + line,
      /* caller.caller */ (callers[2] ? callers[2] + '() => ' : '') +
      /* caller        */ (callers[1] || '') + '()',
      ...arguments
    );
  };
  log.formats = [{
      name: 'Firefox Scratchpad',
      detector: /MARKER@Scratchpad/,
      getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
      getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
    }, {
      name: 'Firefox Console',
      detector: /MARKER@debugger/,
      getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
      getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
    }, {
      name: 'Firefox Greasemonkey 3',
      detector: /\/gm_scripts\//,
      getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
      getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
    }, {
      name: 'Firefox Greasemonkey 4+',
      detector: /MARKER@user-script:/,
      getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1] - 500,
      getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
    }, {
      name: 'Firefox Tampermonkey',
      detector: /MARKER@moz-extension:/,
      getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1] - 2,
      getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
    }, {
      name: 'Chrome Console',
      detector: /at MARKER \(<anonymous>/,
      getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1],
      getCallers: (e) => e.stack.match(/[^ ]+(?= \(<anonymous>)/gm),
    }, {
      name: 'Chrome Tampermonkey',
      detector: /at MARKER \(chrome-extension:.*?\/userscript.html\?name=/,
      getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1] - 1,
      getCallers: (e) => e.stack.match(/[^ ]+(?= \(chrome-extension:)/gm),
    }, {
      name: 'Chrome Extension',
      detector: /at MARKER \(chrome-extension:/,
      getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1],
      getCallers: (e) => e.stack.match(/[^ ]+(?= \(chrome-extension:)/gm),
    }, {
      name: 'Edge Console',
      detector: /at MARKER \(eval/,
      getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)$/)[1],
      getCallers: (e) => e.stack.match(/[^ ]+(?= \(eval)/gm),
    }, {
      name: 'Edge Tampermonkey',
      detector: /at MARKER \(Function/,
      getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)$/)[1] - 4,
      getCallers: (e) => e.stack.match(/[^ ]+(?= \(Function)/gm),
    }, {
      name: 'Safari',
      detector: /^MARKER$/m,
      getLine: (e) => 0,/*e.lineが用意されているが最終呼び出し位置のみ*/
      getCallers: (e) => e.stack.split('\n'),
    }, {
      name: 'Default',
      detector: /./,
      getLine: (e) => 0,
      getCallers: (e) => [],
  }];
  log.format = log.formats.find(function MARKER(f){
    if(!f.detector.test(new Error().stack)) return false;
    //console.log('////', f.name, 'wants', 0/*line*/, '\n' + new Error().stack);
    return true;
  });
  core.initialize();
  if(window === top) console.timeEnd(SCRIPTNAME);
})();