Tencent Translator Enhancer

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

当前为 2020-06-22 提交的版本,查看 最新版本

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