☰

Tencent Translator Enhancer

在腾讯翻译君中添加往返翻译等功能。

当前为 2019-12-27 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        Tencent Translator Enhancer
  3. // @name:ja     Tencent Translator Enhancer
  4. // @name:zh-CN  Tencent Translator Enhancer
  5. // @namespace   knoa.jp
  6. // @description It brings back-and-forth translation to Tencent Translator (腾讯翻译君).
  7. // @description:ja 騰訊翻訳君(腾讯翻译君)に往復翻訳などの機能を追加します。
  8. // @description:zh-CN 在腾讯翻译君中添加往返翻译等功能。
  9. // @include     https://fanyi.qq.com/
  10. // @version     1.1.0
  11. // @grant       none
  12. // ==/UserScript==
  13.  
  14. (function(){
  15.   const SCRIPTID = 'TencentTranslatorEnhancer';
  16.   const SCRIPTNAME = 'Tencent Translator Enhancer';
  17.   const DEBUG = false;/*
  18. [update] 1.1.0
  19. Added language labels for non-Chinese users. Fixed a bug.
  20.  
  21. [bug]
  22.  
  23. [todo]
  24.  
  25. [possible]
  26.  
  27. [memo]
  28.   */
  29.   if(window === top && console.time) console.time(SCRIPTID);
  30.   const LANGUAGES = [/^en/, /^zh/, /^ja/];/* [0] がデフォルト */
  31.   const LABELS = {
  32.     '自动识别':         ['Auto-Detect',          '自动识别',         '自動認識',           ],
  33.     '自动检测':         ['Auto-Detect',          '自动检测',         '自動認識',           ],
  34.     '检测到中文':       ['Chinese detected',     '检测到中文',       '中国語 検出',        ],
  35.     '检测到英语':       ['English detected',     '检测到英语',       '英語 検出',          ],
  36.     '检测到日语':       ['Japanese detected',    '检测到日语',       '日本語 検出',        ],
  37.     '检测到韩语':       ['Korean detected',      '检测到韩语',       '韓国語 検出',        ],
  38.     '检测到法语':       ['French detected',      '检测到法语',       'フランス語 検出',    ],
  39.     '检测到西班牙语':   ['Spanish detected',     '检测到西班牙语',   'スペイン語 検出',    ],
  40.     '检测到意大利语':   ['Italian detected',     '检测到意大利语',   'イタリア語 検出',    ],
  41.     '检测到德语':       ['German detected',      '检测到德语',       'ドイツ語 検出',      ],
  42.     '检测到土耳其语':   ['Turkish detected',     '检测到土耳其语',   'トルコ語 検出',      ],
  43.     '检测到俄语':       ['Russian detected',     '检测到俄语',       'ロシア語 検出',      ],
  44.     '检测到葡萄牙语':   ['Portuguese detected',  '检测到葡萄牙语',   'ポルトガル語 検出',  ],
  45.     '检测到越南语':     ['Vietnamese detected',  '检测到越南语',     'ベトナム語 検出',    ],
  46.     '检测到印尼语':     ['Indonesian detected',  '检测到印尼语',     'インドネシア語 検出',],
  47.     '检测到泰语':       ['Thai detected',        '检测到泰语',       'タイ語 検出',        ],
  48.     '检测到马来西亚语': ['Malaysian detected',   '检测到马来西亚语', 'マレーシア語 検出',  ],
  49.     '检测到阿拉伯语':   ['Arabic detected',      '检测到阿拉伯语',   'アラビア語 検出',    ],
  50.     '检测到印地语':     ['Hindi detected',       '检测到印地语',     'ヒンディー語 検出',  ],
  51.     '检测到中文':       ['Chinese detected',     '检测到中文',       '中国語 検出',        ],
  52.     '中文':       ['Chinese',     '中文',       '中国語',        ],
  53.     '英语':       ['English',     '英语',       '英語',          ],
  54.     '日语':       ['Japanese',    '日语',       '日本語',        ],
  55.     '韩语':       ['Korean',      '韩语',       '韓国語',        ],
  56.     '法语':       ['French',      '法语',       'フランス語',    ],
  57.     '西班牙语':   ['Spanish',     '西班牙语',   'スペイン語',    ],
  58.     '意大利语':   ['Italian',     '意大利语',   'イタリア語',    ],
  59.     '德语':       ['German',      '德语',       'ドイツ語',      ],
  60.     '土耳其语':   ['Turkish',     '土耳其语',   'トルコ語',      ],
  61.     '俄语':       ['Russian',     '俄语',       'ロシア語',      ],
  62.     '葡萄牙语':   ['Portuguese',  '葡萄牙语',   'ポルトガル語',  ],
  63.     '越南语':     ['Vietnamese',  '越南语',     'ベトナム語',    ],
  64.     '印尼语':     ['Indonesian',  '印尼语',     'インドネシア語',],
  65.     '泰语':       ['Thai',        '泰语',       'タイ語',        ],
  66.     '马来西亚语': ['Malaysian',   '马来西亚语', 'マレーシア語',  ],
  67.     '阿拉伯语':   ['Arabic',      '阿拉伯语',   'アラビア語',    ],
  68.     '印地语':     ['Hindi',       '印地语',     'ヒンディー語',  ],
  69.     '翻译':       ['Translate',   '翻译',       '翻訳',          ],
  70.     '人工翻译':   ['by Human',    '人工翻译',   '翻訳家に依頼',  ],
  71.   };
  72.   const CORRECTIONS = [
  73.     (s) => s.replace(/h?tt?p(s?)[:：]\/\/([^\s。]+)([。. ]*)/ig, 'http$1://$2'),
  74.     (s) => s.replace(/([0-9]+)：([0-9]+)/g, '$1:$2'),
  75.     (s) => s.replace(/\.。/g, '。'),
  76.   ];
  77.   const SEPARATORS = ['\n:\n', '\n：\n', '：'];/*翻訳元, 翻訳先, 翻訳先span.textContent */
  78.   const RETRY = 10;
  79.   let site = {
  80.     targets: {
  81.       textpanelSource: () => $('.textpanel-source'),
  82.       sourceTextarea: () => $('[node-type="source-textarea"]'),
  83.       textpanelTargetTextblock: () => $('[node-type="textpanel-target-textblock"]'),
  84.       sourceLanguageButton: () => $('[node-type="source_language_button"]'),
  85.       exchangeLanguageButton: () => $('[node-type="exchange_language_button"]'),
  86.       targetLanguageButton: () => $('[node-type="target_language_button"]'),
  87.       sourceLanguageList: () => $('[node-type="source_language_list"]'),
  88.       targetLanguageList: () => $('[node-type="target_language_list"]'),
  89.       translateButton: () => $('[node-type="translate_button"]'),
  90.       humanTranslation: () => $('[node-type="human-translation"]'),
  91.     },
  92.     get: {
  93.       labels: () => {
  94.         let index = LANGUAGES.findIndex(regexp => regexp.test(window.navigator.language)) || 0;
  95.         let labels = LABELS;
  96.         Object.keys(labels).forEach(key => labels[key] = labels[key][index]);
  97.         return labels;
  98.       },
  99.       textSrcs: (textpanelTargetTextblock) => textpanelTargetTextblock.querySelectorAll('.text-src'),
  100.       textDsts: (textpanelTargetTextblock) => textpanelTargetTextblock.querySelectorAll('.text-dst'),
  101.       textMatrix: (textpanelTargetTextblock) => {
  102.         return {
  103.           srcs: Array.from(site.get.textSrcs(textpanelTargetTextblock)).map(e => e.textContent),
  104.           dsts: Array.from(site.get.textDsts(textpanelTargetTextblock)).map(e => e.textContent),
  105.         };
  106.       },
  107.     },
  108.     set: {
  109.       languageLabel: (node, labels) => {
  110.         let span = node.querySelector('span'), label = span.textContent.replace(/\s/g, '');
  111.         let replaced = createElement(core.html.languageLabel(labels[label] || span.textContent))
  112.         span.parentNode.insertBefore(replaced, span);
  113.       },
  114.       languageButtonLabel: (button, labels) => {
  115.         let label = button.textContent.replace(/\s/g, '');
  116.         let buttonTextSpan = button.querySelector('.language-button-text');
  117.         if(buttonTextSpan) buttonTextSpan.textContent = labels[label] || buttonTextSpan.textContent;
  118.         else button.firstChild.data = labels[label] || button.firstChild.data;
  119.       },
  120.       translateButtonLabel: (button, labels) => {
  121.         let label = button.textContent.replace(/\s/g, '');
  122.         button.textContent = labels[label] || button.textContent;
  123.       },
  124.       humanTranslationLabel: (button, labels) => {
  125.         let label = button.textContent.replace(/\s/g, '');
  126.         button.lastChild.data = labels[label] || button.lastChild.data;
  127.       },
  128.     },
  129.   };
  130.   let html, elements = {}, timers = {}, sizes = {};
  131.   let core = {
  132.     initialize: function(){
  133.       html = document.documentElement;
  134.       html.classList.add(SCRIPTID);
  135.       core.ready();
  136.       core.addStyle();
  137.     },
  138.     ready: function(){
  139.       core.getTargets(site.targets, RETRY).then(() => {
  140.         log("I'm ready.");
  141.         core.listenUserActions();
  142.         core.replaceLabels();
  143.         core.expandClickableArea();
  144.       });
  145.     },
  146.     listenUserActions: function(){
  147.       window.addEventListener('keypress', function(e){
  148.         switch(true){
  149.           case(e.key === 'Enter' && e.shiftKey === true):
  150.             core.translateSwitch();
  151.             return e.preventDefault();
  152.           case(e.key === 'Enter' && e.ctrlKey === true):
  153.             core.translateBackSwitch();
  154.             return e.preventDefault();
  155.         }
  156.       });
  157.     },
  158.     translateSwitch: function(){
  159.       /* 翻訳言語の向きを入れ替える */
  160.       let exchangeLanguageButton = elements.exchangeLanguageButton, sourceTextarea = elements.sourceTextarea;
  161.       exchangeLanguageButton.click();
  162.       sourceTextarea.focus();
  163.     },
  164.     translateBackSwitch: function(){
  165.       /* 往復翻訳の有効無効を切り替える */
  166.       let exchangeLanguageButton = elements.exchangeLanguageButton;
  167.       if(exchangeLanguageButton.dataset.translateBack === 'true'){
  168.         exchangeLanguageButton.dataset.translateBack = 'false';
  169.       }else{
  170.         exchangeLanguageButton.dataset.translateBack = 'true';
  171.         core.translateBack();
  172.       }
  173.     },
  174.     translateBack: function(){
  175.       /* 往復翻訳する */
  176.       let exchangeLanguageButton = elements.exchangeLanguageButton;
  177.       let sourceTextarea = elements.sourceTextarea, textpanelTargetTextblock = elements.textpanelTargetTextblock;
  178.       let sourceText = sourceTextarea.value, targetText = textpanelTargetTextblock.innerText, result = '';
  179.       /* まだ往復翻訳してなければ */
  180.       let selectionStart = sourceTextarea.selectionStart, selectionEnd = sourceTextarea.selectionEnd;/*カーソル位置を記憶*/
  181.       if(sourceTextarea.value.includes(SEPARATORS[0]) === false){
  182.         result = sourceText + SEPARATORS[0] + targetText;
  183.       /* すでに往復翻訳済みなら */
  184.       }else{
  185.         sourceText = sourceText.slice(0, sourceText.indexOf(SEPARATORS[0]));
  186.         targetText = targetText.slice(0, targetText.indexOf(SEPARATORS[1]));
  187.         result = sourceText + SEPARATORS[0] + targetText;
  188.       }
  189.       /* 左辺の表示を完成させる */
  190.       CORRECTIONS.forEach(c => result = c(result));
  191.       sourceTextarea.value = result;
  192.       sourceTextarea.dispatchEvent(new Event('input'));
  193.       sourceTextarea.setSelectionRange(selectionStart, selectionEnd);
  194.       /* 右辺の表示を追従させる */
  195.       core.translateSwitch();
  196.       if(textpanelTargetTextblock.dataset.status !== undefined) return;
  197.       let compositing = false;
  198.       let observer = observe(textpanelTargetTextblock, function(records){
  199.         log(textpanelTargetTextblock.dataset.status, compositing, sourceTextarea.value.replace(/\n/g, ' '), textpanelTargetTextblock.innerText.replace(/\n/g, ' '));
  200.         /* セパレータが消されたら往復翻訳モードを終了する */
  201.         if(sourceTextarea.value.includes(SEPARATORS[0]) === false){
  202.           exchangeLanguageButton.dataset.translateBack = 'false';
  203.           delete(textpanelTargetTextblock.dataset.status);
  204.           observer.disconnect();
  205.           return;
  206.         }
  207.         /* 原文も訳文も変化していなければ何も処理しない */
  208.         if(sourceTextarea.value === sourceText && textpanelTargetTextblock.innerText === targetText) return;
  209.         sourceText = sourceTextarea.value, targetText = textpanelTargetTextblock.innerText;
  210.         switch(textpanelTargetTextblock.dataset.status){
  211.           /* 往復を終えた最終翻訳が取得できたタイミング */
  212.           case(undefined):
  213.           case('back'):
  214.             textpanelTargetTextblock.textMatrix = site.get.textMatrix(textpanelTargetTextblock);
  215.             core.translateSwitch();
  216.             textpanelTargetTextblock.dataset.status = 'go';
  217.             break;
  218.           /* 往路スタンバイに戻ったタイミング */
  219.           case('go'):
  220.             setTimeout(function(){
  221.               let textDsts = site.get.textDsts(textpanelTargetTextblock);
  222.               for(let i = Array.from(textDsts).findIndex(t => t.textContent === SEPARATORS[2]) + 1; textDsts[i]; i++){
  223.                 textDsts[i].textContent = textpanelTargetTextblock.textMatrix.dsts[i];
  224.               }
  225.               textpanelTargetTextblock.dataset.status = 'done';
  226.             }, 1000);/*再度更新される場合があるので*/
  227.             break;
  228.           /* テキスト変更を検知して自動翻訳されたタイミング */
  229.           case('done'):
  230.             if(compositing === true) return;
  231.             core.translateBack();
  232.             textpanelTargetTextblock.dataset.status = 'back';
  233.             break;
  234.         }
  235.       });
  236.       sourceTextarea.addEventListener('compositionstart', function(e){
  237.         compositing = true;
  238.       });
  239.       sourceTextarea.addEventListener('compositionend', function(e){
  240.         compositing = false;
  241.       });
  242.     },
  243.     replaceLabels: function(){
  244.       let labels = site.get.labels();
  245.       /* 翻訳言語リスト */
  246.       let sourceLanguageList = elements.sourceLanguageList, targetLanguageList = elements.targetLanguageList;
  247.       [sourceLanguageList, targetLanguageList].forEach(list => {
  248.         Array.from(list.children).forEach(li => site.set.languageLabel(li, labels));
  249.       });
  250.       observe(targetLanguageList, function(records){
  251.         Array.from(targetLanguageList.children).forEach(li => site.set.languageLabel(li, labels));
  252.       });
  253.       /* 翻訳言語 */
  254.       let sourceLanguageButton = elements.sourceLanguageButton, targetLanguageButton = elements.targetLanguageButton;
  255.       [sourceLanguageButton, targetLanguageButton].forEach(button => {
  256.         site.set.languageButtonLabel(button, labels);
  257.         observe(button, function(records){
  258.           site.set.languageButtonLabel(button, labels);
  259.         });
  260.       });
  261.       /* 翻訳ボタン */
  262.       site.set.translateButtonLabel(elements.translateButton, labels);
  263.       site.set.humanTranslationLabel(elements.humanTranslation, labels);
  264.     },
  265.     expandClickableArea: function(){
  266.       let textpanelSource = elements.textpanelSource, sourceTextarea = elements.sourceTextarea;
  267.       textpanelSource.addEventListener('click', function(e){
  268.         sourceTextarea.focus();
  269.       }, true);
  270.     },
  271.     getTargets: function(targets, retry = 0){
  272.       const get = function(resolve, reject, retry){
  273.         for(let i = 0, keys = Object.keys(targets), key; key = keys[i]; i++){
  274.           let selected = targets[key]();
  275.           if(selected){
  276.             if(selected.length) selected.forEach((s) => s.dataset.selector = key);
  277.             else selected.dataset.selector = key;
  278.             elements[key] = selected;
  279.           }else{
  280.             if(--retry < 0) return reject(log(`Not found: ${key}, I give up.`));
  281.             log(`Not found: ${key}, retrying... (left ${retry})`);
  282.             return setTimeout(get, 1000, resolve, reject, retry);
  283.           }
  284.         }
  285.         resolve();
  286.       };
  287.       return new Promise(function(resolve, reject){
  288.         get(resolve, reject, retry);
  289.       });
  290.     },
  291.     addStyle: function(name = 'style'){
  292.       if(core.html[name] === undefined) return;
  293.       let style = createElement(core.html[name]());
  294.       document.head.appendChild(style);
  295.       if(elements[name] && elements[name].isConnected) document.head.removeChild(elements[name]);
  296.       elements[name] = style;
  297.     },
  298.     html: {
  299.       languageLabel: (label) => `<span class="replaced">${label}</span>`,
  300.       style: () => `
  301.         <style type="text/css">
  302.           /* 翻訳方向スイッチボタン */
  303.           [data-selector="exchangeLanguageButton"]{
  304.             border: 1px solid transparent;
  305.             border-radius: 100%;
  306.             width: 36px;
  307.             height: 36px;
  308.           }
  309.           [data-selector="exchangeLanguageButton"][data-translate-back="true"]{
  310.             border: 1px solid rgb(160, 76, 247);
  311.           }
  312.           /* クリッカブル領域を広げる */
  313.           [data-selector="textpanelSource"]{
  314.             cursor: text;
  315.           }
  316.           dummy [data-selector="sourceTextarea"]{
  317.             height: 100% !important;
  318.           }
  319.           /* 往復翻訳処理中 */
  320.           [data-selector="textpanelTargetTextblock"]{
  321.             transition: opacity 125ms;
  322.           }
  323.           [data-selector="textpanelTargetTextblock"][data-status="back"],
  324.           [data-selector="textpanelTargetTextblock"][data-status="go"]{
  325.             animation: ${SCRIPTID}-blink 500ms ease infinite;
  326.           }
  327.           @keyframes ${SCRIPTID}-blink{
  328.               0%{opacity: .250}
  329.             100%{opacity: .125}
  330.           }
  331.           /* 翻訳言語リスト */
  332.           [data-selector="sourceLanguageList"] > li > span.replaced,
  333.           [data-selector="targetLanguageList"] > li > span.replaced{
  334.             display: block;
  335.             padding: 0 !important;
  336.             margin: 0 1px !important;
  337.           }
  338.           [data-selector="sourceLanguageList"] > li > span.replaced + span,
  339.           [data-selector="targetLanguageList"] > li > span.replaced + span{
  340.             display: none;
  341.           }
  342.           /* 翻訳ボタン */
  343.           [data-selector="humanTranslation"]{
  344.             text-align: center;
  345.           }
  346.           [data-selector="humanTranslation"] .human-translation{
  347.             display: inline-block;
  348.             margin-left: auto;
  349.             float: none;
  350.           }
  351.         </style>
  352.       `,
  353.     },
  354.   };
  355.   const setTimeout = window.setTimeout, clearTimeout = window.clearTimeout, setInterval = window.setInterval, clearInterval = window.clearInterval, requestAnimationFrame = window.requestAnimationFrame;
  356.   const alert = window.alert, confirm = window.confirm, getComputedStyle = window.getComputedStyle, fetch = window.fetch;
  357.   if(!('isConnected' in Node.prototype)) Object.defineProperty(Node.prototype, 'isConnected', {get: function(){return document.contains(this)}});
  358.   class Storage{
  359.     static key(key){
  360.       return (SCRIPTID) ? (SCRIPTID + '-' + key) : key;
  361.     }
  362.     static save(key, value, expire = null){
  363.       key = Storage.key(key);
  364.       localStorage[key] = JSON.stringify({
  365.         value: value,
  366.         saved: Date.now(),
  367.         expire: expire,
  368.       });
  369.     }
  370.     static read(key){
  371.       key = Storage.key(key);
  372.       if(localStorage[key] === undefined) return undefined;
  373.       let data = JSON.parse(localStorage[key]);
  374.       if(data.value === undefined) return data;
  375.       if(data.expire === undefined) return data;
  376.       if(data.expire === null) return data.value;
  377.       if(data.expire < Date.now()) return localStorage.removeItem(key);
  378.       return data.value;
  379.     }
  380.     static delete(key){
  381.       key = Storage.key(key);
  382.       delete localStorage.removeItem(key);
  383.     }
  384.     static saved(key){
  385.       key = Storage.key(key);
  386.       if(localStorage[key] === undefined) return undefined;
  387.       let data = JSON.parse(localStorage[key]);
  388.       if(data.saved) return data.saved;
  389.       else return undefined;
  390.     }
  391.   }
  392.   const $ = function(s, f){
  393.     let target = document.querySelector(s);
  394.     if(target === null) return null;
  395.     return f ? f(target) : target;
  396.   };
  397.   const $$ = function(s){return document.querySelectorAll(s)};
  398.   const animate = function(callback, ...params){requestAnimationFrame(() => requestAnimationFrame(() => callback(...params)))};
  399.   const wait = function(ms){return new Promise((resolve) => setTimeout(resolve, ms))};
  400.   const createElement = function(html = '<span></span>'){
  401.     let outer = document.createElement('div');
  402.     outer.innerHTML = html;
  403.     return outer.firstElementChild;
  404.   };
  405.   const observe = function(element, callback, options = {childList: true, attributes: false, characterData: false, subtree: false}){
  406.     let observer = new MutationObserver(callback.bind(element));
  407.     observer.observe(element, options);
  408.     return observer;
  409.   };
  410.   const normalize = function(string){
  411.     return string.replace(/[！-～]/g, function(s){
  412.       return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
  413.     }).replace(normalize.RE, function(s){
  414.       return normalize.KANA[s];
  415.     }).replace(/　/g, ' ').replace(/～/g, '〜');
  416.   };
  417.   normalize.KANA = {
  418.     ｶﾞ:'ガ', ｷﾞ:'ギ', ｸﾞ:'グ', ｹﾞ:'ゲ', ｺﾞ: 'ゴ',
  419.     ｻﾞ:'ザ', ｼﾞ:'ジ', ｽﾞ:'ズ', ｾﾞ:'ゼ', ｿﾞ: 'ゾ',
  420.     ﾀﾞ:'ダ', ﾁﾞ:'ヂ', ﾂﾞ:'ヅ', ﾃﾞ:'デ', ﾄﾞ: 'ド',
  421.     ﾊﾞ:'バ', ﾋﾞ:'ビ', ﾌﾞ:'ブ', ﾍﾞ:'ベ', ﾎﾞ: 'ボ',
  422.     ﾊﾟ:'パ', ﾋﾟ:'ピ', ﾌﾟ:'プ', ﾍﾟ:'ペ', ﾎﾟ: 'ポ',
  423.     ﾜﾞ:'ヷ', ｦﾞ:'ヺ', ｳﾞ:'ヴ',
  424.     ｱ:'ア', ｲ:'イ', ｳ:'ウ', ｴ:'エ', ｵ:'オ',
  425.     ｶ:'カ', ｷ:'キ', ｸ:'ク', ｹ:'ケ', ｺ:'コ',
  426.     ｻ:'サ', ｼ:'シ', ｽ:'ス', ｾ:'セ', ｿ:'ソ',
  427.     ﾀ:'タ', ﾁ:'チ', ﾂ:'ツ', ﾃ:'テ', ﾄ:'ト',
  428.     ﾅ:'ナ', ﾆ:'ニ', ﾇ:'ヌ', ﾈ:'ネ', ﾉ:'ノ',
  429.     ﾊ:'ハ', ﾋ:'ヒ', ﾌ:'フ', ﾍ:'ヘ', ﾎ:'ホ',
  430.     ﾏ:'マ', ﾐ:'ミ', ﾑ:'ム', ﾒ:'メ', ﾓ:'モ',
  431.     ﾔ:'ヤ', ﾕ:'ユ', ﾖ:'ヨ',
  432.     ﾗ:'ラ', ﾘ:'リ', ﾙ:'ル', ﾚ:'レ', ﾛ:'ロ',
  433.     ﾜ:'ワ', ｦ:'ヲ', ﾝ:'ン',
  434.     ｧ:'ァ', ｨ:'ィ', ｩ:'ゥ', ｪ:'ェ', ｫ:'ォ',
  435.     ｯ:'ッ', ｬ:'ャ', ｭ:'ュ', ｮ:'ョ',
  436.     "｡":'。', "､":'、', "ｰ":'ー', "｢":'「', "｣":'」', "･":'・',
  437.   };
  438.   normalize.RE = new RegExp('(' + Object.keys(normalize.KANA).join('|') + ')', 'g');
  439.   const log = function(){
  440.     if(!DEBUG) return;
  441.     let l = log.last = log.now || new Date(), n = log.now = new Date();
  442.     let error = new Error(), line = log.format.getLine(error), callers = log.format.getCallers(error);
  443.     //console.log(error.stack);
  444.     console.log(
  445.       (SCRIPTID || '') + ':',
  446.       /* 00:00:00.000  */ n.toLocaleTimeString() + '.' + n.getTime().toString().slice(-3),
  447.       /* +0.000s       */ '+' + ((n-l)/1000).toFixed(3) + 's',
  448.       /* :00           */ ':' + line,
  449.       /* caller.caller */ (callers[2] ? callers[2] + '() => ' : '') +
  450.       /* caller        */ (callers[1] || '') + '()',
  451.       ...arguments
  452.     );
  453.   };
  454.   log.formats = [{
  455.       name: 'Firefox Scratchpad',
  456.       detector: /MARKER@Scratchpad/,
  457.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  458.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  459.     }, {
  460.       name: 'Firefox Console',
  461.       detector: /MARKER@debugger/,
  462.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  463.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  464.     }, {
  465.       name: 'Firefox Greasemonkey 3',
  466.       detector: /\/gm_scripts\//,
  467.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  468.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  469.     }, {
  470.       name: 'Firefox Greasemonkey 4+',
  471.       detector: /MARKER@user-script:/,
  472.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1] - 500,
  473.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  474.     }, {
  475.       name: 'Firefox Tampermonkey',
  476.       detector: /MARKER@moz-extension:/,
  477.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1] - 6,
  478.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  479.     }, {
  480.       name: 'Chrome Console',
  481.       detector: /at MARKER \(<anonymous>/,
  482.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1],
  483.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(<anonymous>)/gm),
  484.     }, {
  485.       name: 'Chrome Tampermonkey',
  486.       detector: /at MARKER \(chrome-extension:.*?\/userscript.html\?id=/,
  487.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1] - 6,
  488.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(chrome-extension:)/gm),
  489.     }, {
  490.       name: 'Chrome Extension',
  491.       detector: /at MARKER \(chrome-extension:/,
  492.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1],
  493.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(chrome-extension:)/gm),
  494.     }, {
  495.       name: 'Edge Console',
  496.       detector: /at MARKER \(eval/,
  497.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)$/)[1],
  498.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(eval)/gm),
  499.     }, {
  500.       name: 'Edge Tampermonkey',
  501.       detector: /at MARKER \(Function/,
  502.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)$/)[1] - 4,
  503.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(Function)/gm),
  504.     }, {
  505.       name: 'Safari',
  506.       detector: /^MARKER$/m,
  507.       getLine: (e) => 0,/*e.lineが用意されているが最終呼び出し位置のみ*/
  508.       getCallers: (e) => e.stack.split('\n'),
  509.     }, {
  510.       name: 'Default',
  511.       detector: /./,
  512.       getLine: (e) => 0,
  513.       getCallers: (e) => [],
  514.     }];
  515.   log.format = log.formats.find(function MARKER(f){
  516.     if(!f.detector.test(new Error().stack)) return false;
  517.     //console.log('////', f.name, 'wants', 0/*line*/, '\n' + new Error().stack);
  518.     return true;
  519.   });
  520.   const time = function(label){
  521.     if(!DEBUG) return;
  522.     const BAR = '|', TOTAL = 100;
  523.     switch(true){
  524.       case(label === undefined):/* time() to output total */
  525.         let total = 0;
  526.         Object.keys(time.records).forEach((label) => total += time.records[label].total);
  527.         Object.keys(time.records).forEach((label) => {
  528.           console.log(
  529.             BAR.repeat((time.records[label].total / total) * TOTAL),
  530.             label + ':',
  531.             (time.records[label].total).toFixed(3) + 'ms',
  532.             '(' + time.records[label].count + ')',
  533.           );
  534.         });
  535.         time.records = {};
  536.         break;
  537.       case(!time.records[label]):/* time('label') to create and start the record */
  538.         time.records[label] = {count: 0, from: performance.now(), total: 0};
  539.         break;
  540.       case(time.records[label].from === null):/* time('label') to re-start the lap */
  541.         time.records[label].from = performance.now();
  542.         break;
  543.       case(0 < time.records[label].from):/* time('label') to add lap time to the record */
  544.         time.records[label].total += performance.now() - time.records[label].from;
  545.         time.records[label].from = null;
  546.         time.records[label].count += 1;
  547.         break;
  548.     }
  549.   };
  550.   time.records = {};
  551.   core.initialize();
  552.   if(window === top && console.timeEnd) console.timeEnd(SCRIPTID);
  553. })();