☰

Google Search English Filter

Add "Search English pages" option to the language filter on Google search Tools.

  1. // ==UserScript==
  2. // @name        Google Search English Filter
  3. // @name:ja     Google Search English Filter
  4. // @name:zh-CN  Google Search English Filter
  5. // @description Add "Search English pages" option to the language filter on Google search Tools.
  6. // @description:ja Google検索のツールで選べる絞り込み言語として、英語を追加します。
  7. // @description:zh-CN 作为可以通过Google搜索工具选择的缩小语言，追加英语。
  8. // @namespace   knoa.jp
  9. // @include     https://www.google.*/search?*
  10. // @version     1.1.2
  11. // @grant       none
  12. // ==/UserScript==
  13.  
  14. (function(){
  15.   const SCRIPTID = 'GoogleSearchEnglishFilter';
  16.   const SCRIPTNAME = 'Google Search English Filter';
  17.   const DEBUG = false;/*
  18. [update] 1.1.2
  19. Minor fix.
  20.  
  21. [bug]
  22.  
  23. [todo]
  24. 言語設定で複数選んでいると「日本語のページを検索」が「英語と日本語のページを検索」になるので、日本語だけが選べない
  25.   langコードを取得して、ラベルは取得できないけどうまいことやるしかないか
  26.  
  27. [possible]
  28.  
  29. [memo]
  30. https://www.google.com/search?q=google&client=firefox-b&sxsrf=ACYBGNTaF1aCsCLcgnQOwwDAo3nGoELowQ:1577943675296&source=lnt&tbs=lr:lang_1ja&lr=lang_ja&sa=X&ved=2ahUKEwif0PahmuTmAhWhGaYKHRCLDE0QpwV6BAgKEBk
  31. https://www.google.com/search?q=test&hl=zh-CN&sxsrf=ACYBGNQ3oa8YIfHamy9rqBV9t5530dg6Nw:1577946432840&source=lnt&tbs=lr:lang_1zh-CN%7Clang_1zh-TW&lr=lang_zh-CN%7Clang_zh-TW&sa=X&ved=2ahUKEwiIhOrEpOTmAhVME6YKHWwjBeoQpwV6BAgLEBk
  32. fetchしてもロケール言語による選択肢は取得できない。
  33.   */
  34.   if(window === top && console.time) console.time(SCRIPTID);
  35.   const MS = 1, SECOND = 1000*MS, MINUTE = 60*SECOND, HOUR = 60*MINUTE, DAY = 24*HOUR, WEEK = 7*DAY, MONTH = 30*DAY, YEAR = 365*DAY;
  36.   const RESET = 'GoogleSearchEnglishFilter_RESET';
  37.   const LANGUAGES = [
  38.     /* If you edited LANGUAGES, you should search "GoogleSearchEnglishFilter_RESET" on Google to apply your update */
  39.     /* https://www.google.com/search?q=GoogleSearchEnglishFilter_RESET */
  40.     {code: 'en', label: 'Search English pages',  value: 'lang_en'},
  41.     //{code: 'ja', label: 'Search Japanese pages', value: 'lang_ja'},
  42.     //{code: 'fr', label: 'Search French pages',   value: 'lang_fr'},
  43.     //{code: 'ru', label: 'Search Russian pages',  value: 'lang_ru'},
  44.     //{code: 'es', label: 'Search Spanish pages',  value: 'lang_es'},
  45.     //{code: 'ar', label: 'Search Arabic pages',   value: 'lang_ar'},
  46.     //{code: 'zh-CN_zh-TW', label: 'Search Chinese (Simplified) and Chinese (Traditional) pages', value: 'lang_zh-CN%7Clang_zh-TW'},
  47.     //{code: 'zh-CN', label: 'Search Chinese (Simplified) pages',  value: 'lang_zh-CN'},
  48.     //{code: 'zh-TW', label: 'Search Chinese (Traditional) pages', value: 'lang_zh-TW'},
  49.   ];
  50.   const LANGUAGEQUERY = /(\?|&)(lr)=([^&]+)/;
  51.   const RETRY = 10;
  52.   let site = {
  53.     targets: {
  54.       as: () => $$('#hdtbMenus a[href^="/"]'),/* possible anchors for language selector links */
  55.     },
  56.     get: {
  57.       languageList: () => {/* list parent including any language, Japanese,... */
  58.         if(LANGUAGEQUERY.test(location.href) === false){/* not filtered yet */
  59.           const option = Array.from(elements.as).find(a => a.href.includes('&lr='));/* such as "Japanese" link */
  60.           if(option === undefined) return error('Not found: language option');
  61.           const languageList = option.parentNode.parentNode.parentNode;
  62.           const anyLanguageText = languageList.firstElementChild.textContent.trim();/* must be "any language" */
  63.           Storage.save('anyLanguageText', anyLanguageText);
  64.           return languageList;
  65.         }
  66.         else{
  67.           const anyLanguageText = Storage.read('anyLanguageText');
  68.           if(!anyLanguageText) return error('Not saved yet: anyLanguageText');
  69.           const option = Array.from(elements.as).find(a => a.textContent.includes(anyLanguageText));
  70.           const languageList = option.parentNode.parentNode.parentNode;
  71.           return languageList;
  72.         }
  73.       },
  74.       languageData: (li) => {
  75.         let a = li.querySelector('a[href]'), url = a ? a.href : location.href;
  76.         let match = url.match(LANGUAGEQUERY);
  77.         if(match === null) return log('LANGUAGEQUERY doesn\'t match.', url);
  78.         return {
  79.           code:  match[3].replace(/lang_/g, '').replace(/%7C/g, '_'),
  80.           label: li.textContent,
  81.           value: match[3],
  82.         };
  83.       },
  84.       listItem: (languageList, languageData) => {
  85.         let a = languageList.querySelector('a[href]');
  86.         if(a === null) return log('a[href] doesn\'t exist.');
  87.         let url = [a.href, location.href].find(href => LANGUAGEQUERY.test(href));
  88.         if(url === undefined) return log('URL doesn\'t match.');
  89.         let li = a.parentNode.parentNode.cloneNode(true), lia = li.querySelector('a[href]');
  90.         li.id = SCRIPTID + '-' + languageData.code;
  91.         li.dataset.value = languageData.value;
  92.         lia.href = url.replace(LANGUAGEQUERY, `$1$2=${languageData.value}`);
  93.         lia.textContent = li.dataset.label = languageData.label;
  94.         return li;
  95.       }
  96.     },
  97.     is: {
  98.       reset: () => location.href.includes(RESET),
  99.     },
  100.   };
  101.   let html, elements = {}, timers = {}, sizes = {};
  102.   let languagesData = [];
  103.   let core = {
  104.     initialize: function(){
  105.       html = document.documentElement;
  106.       html.classList.add(SCRIPTID);
  107.       core.ready();
  108.       core.addStyle();
  109.     },
  110.     ready: function(){
  111.       core.getTargets(site.targets, RETRY).then(() => {
  112.         log("I'm ready.");
  113.         core.readLanguages();
  114.         core.getLanguages();
  115.         core.addLanguages();
  116.       });
  117.     },
  118.     readLanguages: function(){
  119.       /* read the saved preferences */
  120.       if(site.is.reset()){
  121.         languagesData = LANGUAGES;
  122.         alert(`${SCRIPTNAME} has reset.`);
  123.       }else{
  124.         languagesData = Storage.read('languagesData') || LANGUAGES;
  125.       }
  126.     },
  127.     getLanguages: function(){
  128.       let languageList = elements.languageList = site.get.languageList();
  129.       /* add dataset for each list items */
  130.       Array.from(languageList.children).forEach((li, i) => {
  131.         if(i === 0) return;/*any language*/
  132.         let languageData = site.get.languageData(li);
  133.         li.dataset.code  = languageData.code;
  134.         li.dataset.label = languageData.label;
  135.         li.dataset.value = languageData.value;
  136.         /* get default languages */
  137.         if(languagesData.find(l => l.code === languageData.code)) return;
  138.         languagesData.splice(i - 1, 0, languageData);/*keep the order of the languages*/
  139.       });
  140.       /* get and update localized labels */
  141.       languagesData.forEach(languageData => {
  142.         let li = Array.from(languageList.children).find(li => li.dataset.code === languageData.code);
  143.         if(li) languageData.label = li.dataset.label;
  144.       });
  145.       Storage.save('languagesData', languagesData);
  146.     },
  147.     addLanguages: function(){
  148.       let languageList = elements.languageList;
  149.       languagesData.forEach((languageData, i) => {
  150.         if(Array.from(languageList.children).some(li => li.dataset.code === languageData.code)) return;
  151.         let li = site.get.listItem(languageList, languageData);
  152.         languageList.insertBefore(li, languageList.children[i + 1]);
  153.       });
  154.     },
  155.     getTarget: function(selector, retry = 10, interval = 1*SECOND){
  156.       const key = selector.name;
  157.       const get = function(resolve, reject){
  158.         let selected = selector();
  159.         if(selected === null || selected.length === 0){
  160.           if(--retry) return log(`Not found: ${key}, retrying... (${retry})`), setTimeout(get, interval, resolve, reject);
  161.           else return reject(new Error(`Not found: ${selector.name}, I give up.`));
  162.         }else{
  163.           if(selected.nodeType === Node.ELEMENT_NODE) selected.dataset.selector = key;/* element */
  164.           else selected.forEach((s) => s.dataset.selector = key);/* elements */
  165.           elements[key] = selected;
  166.           resolve(selected);
  167.         }
  168.       };
  169.       return new Promise(function(resolve, reject){
  170.         get(resolve, reject);
  171.       });
  172.     },
  173.     getTargets: function(selectors, retry = 10, interval = 1*SECOND){
  174.       return Promise.all(Object.values(selectors).map(selector => core.getTarget(selector, retry, interval)));
  175.     },
  176.     addStyle: function(name = 'style'){
  177.       if(core.html[name] === undefined) return;
  178.       let style = createElement(core.html[name]());
  179.       document.head.appendChild(style);
  180.       if(elements[name] && elements[name].isConnected) document.head.removeChild(elements[name]);
  181.       elements[name] = style;
  182.     },
  183.     html: {
  184.       style: () => `
  185.         <style type="text/css">
  186.           [id^="${SCRIPTID}"]:active,
  187.           [id^="${SCRIPTID}"]:hover{
  188.             background-color: rgba(0,0,0,.1);
  189.           }
  190.           [id^="${SCRIPTID}"] a{
  191.             color: #0c0c0d;
  192.           }
  193.           g-menu-item:not(:hover){
  194.             background-color: white !important;
  195.           }
  196.         </style>
  197.       `,
  198.     },
  199.   };
  200.   const setTimeout = window.setTimeout.bind(window), clearTimeout = window.clearTimeout.bind(window), setInterval = window.setInterval.bind(window), clearInterval = window.clearInterval.bind(window), requestAnimationFrame = window.requestAnimationFrame.bind(window), requestIdleCallback = window.requestIdleCallback.bind(window);
  201.   const alert = window.alert.bind(window), confirm = window.confirm.bind(window), prompt = window.prompt.bind(window), getComputedStyle = window.getComputedStyle.bind(window), fetch = window.fetch.bind(window);
  202.   if(!('isConnected' in Node.prototype)) Object.defineProperty(Node.prototype, 'isConnected', {get: function(){return document.contains(this)}});
  203.   class Storage{
  204.     static key(key){
  205.       return (SCRIPTID) ? (SCRIPTID + '-' + key) : key;
  206.     }
  207.     static save(key, value, expire = null){
  208.       key = Storage.key(key);
  209.       localStorage[key] = JSON.stringify({
  210.         value: value,
  211.         saved: Date.now(),
  212.         expire: expire,
  213.       });
  214.     }
  215.     static read(key){
  216.       key = Storage.key(key);
  217.       if(localStorage[key] === undefined) return undefined;
  218.       let data = JSON.parse(localStorage[key]);
  219.       if(data.value === undefined) return data;
  220.       if(data.expire === undefined) return data;
  221.       if(data.expire === null) return data.value;
  222.       if(data.expire < Date.now()) return localStorage.removeItem(key);
  223.       return data.value;
  224.     }
  225.     static delete(key){
  226.       key = Storage.key(key);
  227.       delete localStorage.removeItem(key);
  228.     }
  229.     static saved(key){
  230.       key = Storage.key(key);
  231.       if(localStorage[key] === undefined) return undefined;
  232.       let data = JSON.parse(localStorage[key]);
  233.       if(data.saved) return data.saved;
  234.       else return undefined;
  235.     }
  236.   }
  237.   const $ = function(s, f){
  238.     let target = document.querySelector(s);
  239.     if(target === null) return null;
  240.     return f ? f(target) : target;
  241.   };
  242.   const $$ = function(s){return document.querySelectorAll(s)};
  243.   const createElement = function(html = '<span></span>'){
  244.     let outer = document.createElement('div');
  245.     outer.innerHTML = html;
  246.     return outer.firstElementChild;
  247.   };
  248.   const observe = function(element, callback, options = {childList: true, attributes: false, characterData: false, subtree: false}){
  249.     let observer = new MutationObserver(callback.bind(element));
  250.     observer.observe(element, options);
  251.     return observer;
  252.   };
  253.   const log = function(){
  254.     if(typeof DEBUG === 'undefined') return;
  255.     console.log(...log.build(new Error(), ...arguments));
  256.   };
  257.   log.build = function(error, ...args){
  258.     let l = log.last = log.now || new Date(), n = log.now = new Date();
  259.     let line = log.format.getLine(error), callers = log.format.getCallers(error);
  260.     //console.log(error.stack);
  261.     return [SCRIPTID + ':',
  262.       /* 00:00:00.000  */ n.toLocaleTimeString() + '.' + n.getTime().toString().slice(-3),
  263.       /* +0.000s       */ '+' + ((n-l)/1000).toFixed(3) + 's',
  264.       /* :00           */ ':' + line,
  265.       /* caller.caller */ (callers[2] ? callers[2] + '() => ' : '') +
  266.       /* caller        */ (callers[1] || '') + '()',
  267.       ...args
  268.     ];
  269.   };
  270.   log.formats = [{
  271.       name: 'Firefox Scratchpad',
  272.       detector: /MARKER@Scratchpad/,
  273.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  274.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  275.     }, {
  276.       name: 'Firefox Console',
  277.       detector: /MARKER@debugger/,
  278.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  279.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  280.     }, {
  281.       name: 'Firefox Greasemonkey 3',
  282.       detector: /\/gm_scripts\//,
  283.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  284.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  285.     }, {
  286.       name: 'Firefox Greasemonkey 4+',
  287.       detector: /MARKER@user-script:/,
  288.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1] - 500,
  289.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  290.     }, {
  291.       name: 'Firefox Tampermonkey',
  292.       detector: /MARKER@moz-extension:/,
  293.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1] - 2,
  294.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  295.     }, {
  296.       name: 'Chrome Console',
  297.       detector: /at MARKER \(<anonymous>/,
  298.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1],
  299.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(<anonymous>)/gm),
  300.     }, {
  301.       name: 'Chrome Tampermonkey',
  302.       detector: /at MARKER \(chrome-extension:.*?\/userscript.html\?name=/,
  303.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1] - 1,
  304.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(chrome-extension:)/gm),
  305.     }, {
  306.       name: 'Chrome Extension',
  307.       detector: /at MARKER \(chrome-extension:/,
  308.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1],
  309.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(chrome-extension:)/gm),
  310.     }, {
  311.       name: 'Edge Console',
  312.       detector: /at MARKER \(eval/,
  313.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)$/)[1],
  314.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(eval)/gm),
  315.     }, {
  316.       name: 'Edge Tampermonkey',
  317.       detector: /at MARKER \(Function/,
  318.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)$/)[1] - 4,
  319.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(Function)/gm),
  320.     }, {
  321.       name: 'Safari',
  322.       detector: /^MARKER$/m,
  323.       getLine: (e) => 0,/*e.lineが用意されているが最終呼び出し位置のみ*/
  324.       getCallers: (e) => e.stack.split('\n'),
  325.     }, {
  326.       name: 'Default',
  327.       detector: /./,
  328.       getLine: (e) => 0,
  329.       getCallers: (e) => [],
  330.   }];
  331.   log.format = log.formats.find(function MARKER(f){
  332.     if(!f.detector.test(new Error().stack)) return false;
  333.     //console.log('////', f.name, 'wants', 0/*the exact line number here*/, '\n' + new Error().stack);
  334.     return true;
  335.   });
  336.   const error = function(){
  337.     if(typeof DEBUG === 'undefined') return;
  338.     let body = Array.from(arguments).join(' ');
  339.     if(error.notifications[body]) return;
  340.     Notification.requestPermission();
  341.     error.notifications[body] = new Notification(SCRIPTNAME, {body: body});
  342.     error.notifications[body].addEventListener('click', function(e){
  343.       Object.values(error.notifications).forEach(n => n.close());
  344.       error.notifications = {};
  345.     });
  346.     console.error(...log.build(new Error(), ...arguments));
  347.   };
  348.   error.notifications = {};
  349.   core.initialize();
  350.   if(window === top && console.timeEnd) console.timeEnd(SCRIPTID);
  351. })();