☰

Tencent Translator Enhancer

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

当前为 2020-01-02 提交的版本，查看 最新版本。

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