Tencent Translator Enhancer

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

当前为 2020-07-05 提交的版本,查看 最新版本

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