Tencent Translator Enhancer

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

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

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