☰

片假名终结者

在网页中的日语外来语上方标注英文原词

目前为 2021-10-12 提交的版本。查看 最新版本。

// ==UserScript==
// @name        Katakana Terminator
// @description Convert gairaigo (Japanese loan words) back to English
// @author      Arnie97
// @license     MIT
// @copyright   2017-2021, Katakana Terminator Contributors (https://github.com/Arnie97/katakana-terminator/graphs/contributors)
// @namespace   https://github.com/Arnie97
// @homepageURL https://github.com/Arnie97/katakana-terminator
// @supportURL  https://gf.qytechs.cn/scripts/33268/feedback
// @icon        https://upload.wikimedia.org/wikipedia/commons/2/28/Ja-Ruby.png
// @match       *://*/*
// @exclude     *://*.bilibili.com/video/*
// @grant       GM.xmlHttpRequest
// @grant       GM_xmlhttpRequest
// @grant       GM_addStyle
// @connect     translate.google.com
// @connect     translate.google.cn
// @version     2021.10.12
// @name:ja-JP  カタカナターミネーター
// @name:zh-CN  片假名终结者
// @description:zh-CN 在网页中的日语外来语上方标注英文原词
// ==/UserScript==

// define some shorthands
var _ = document;

var queue = {};  // {"カタカナ": [rtNodeA, rtNodeB]}
var cachedTranslations = {};  // {"ターミネーター": "Terminator"}

// Inspired by https://www.the-art-of-web.com/javascript/search-highlight/
function scanTextNodes(node) {
    var excludeTags = {ruby: true, script: true, select: true, textarea: true};
    if (node.nodeName.toLowerCase() in excludeTags) {
        return;
    } else if (node.hasChildNodes()) {
        return Array.prototype.slice.call(node.childNodes).forEach(scanTextNodes);
    } else if (node.nodeType == 3) {
        while ((node = addRuby(node)));
    }
}

// Inspired by http://www.the-art-of-web.com/javascript/search-highlight/
function addRuby(node) {
    var katakana = /[\u30A1-\u30FA\u30FD-\u30FF][\u3099\u309A\u30A1-\u30FF]*[\u3099\u309A\u30A1-\u30FA\u30FC-\u30FF]|[\uFF66-\uFF6F\uFF71-\uFF9D][\uFF65-\uFF9F]*[\uFF66-\uFF9F]/, match;
    if (!node.nodeValue || !(match = katakana.exec(node.nodeValue))) {
        return false;
    }
    var ruby = _.createElement('ruby');
    ruby.appendChild(_.createTextNode(match[0]));
    var rt = _.createElement('rt');
    rt.classList.add('katakana-terminator-rt');
    queue[match[0]] = queue[match[0]] || [];
    queue[match[0]].push(rt);
    ruby.appendChild(rt);

    var after = node.splitText(match.index);
    node.parentNode.insertBefore(ruby, after);
    after.nodeValue = after.nodeValue.substring(match[0].length);
    return after;
}

// Forked from https://stackoverflow.com/a/34209399
function buildURL(base, params) {
    var query = Object.keys(params).map(function(k) {
        var esc = encodeURIComponent;
        // Support arrays in parameters, just like Python Requests
        // {keyA: 1, keyB: [2, 3]} => '?keyA=1&keyB=2&keyB=3'
        if (params[k] instanceof Array) {
            return params[k].map(function(v) {
                return esc(k) + '=' + esc(v);
            }).join('&');
        }
        return esc(k) + '=' + esc(params[k]);
    }).join('&');
    return base + '?' + query;
}

// Split word list into chunks to limit the length of API requests
function translateTextNodes() {
    var apiRequestCount = 0;
    var phraseCount = 0;
    var chunkSize = 200;
    var chunk = [];
    for (var phrase in queue) {
        if (!queue.hasOwnProperty(phrase)) {
            continue;
        }

        phraseCount++;
        if (phrase in cachedTranslations) {
            updateRubyByCachedTranslations(phrase);
            continue;
        }

        chunk.push(phrase);
        if (chunk.length >= chunkSize) {
            apiRequestCount++;
            googleTranslate('ja', 'en', chunk);
            chunk = [];
        }
    }

    if (chunk.length) {
        apiRequestCount++;
        googleTranslate('ja', 'en', chunk);
    }

    console.debug('Katakana Terminator:', phraseCount, 'phrases translated in', apiRequestCount, 'requests, frame', window.location.href);
}

function googleTranslate(srcLang, destLang, phrases) {
    // Prevent duplicate HTTP requests before the request completes
    phrases.forEach(function(phrase) {
        cachedTranslations[phrase] = null;
    });

    var joinedText = phrases.join('\n').trim(),
        api = 'https://translate.google.cn/translate_a/single',
        params = {
            client: 't',
            sl: srcLang,
            tl: destLang,
            dt: ['rm', 't'],
            tk: googleToken(joinedText),
            q: joinedText,
        };
    GM_xmlhttpRequest({
        method: "GET",
        url: buildURL(api, params),
        onload: function(dom) {
            var escapedResult = dom.responseText.replace("'", '\u2019'),
                translations = JSON.parse(escapedResult)[0];
            phrases.forEach(function(phrase, i) {
                cachedTranslations[phrase] = translations[i][0].trim();
                updateRubyByCachedTranslations(phrase);
            });
        },
        onerror: function() {
            phrases.forEach(function(phrase) {
                if (cachedTranslations[phrase]) {
                    delete cachedTranslations[phrase];
                }
            });
        },
    });
}

function updateRubyByCachedTranslations(phrase) {
    if (!cachedTranslations[phrase]) {
        return;
    }
    (queue[phrase] || []).forEach(function(node) {
        node.dataset.rt = cachedTranslations[phrase];
    });
    delete queue[phrase];
}

// Based on https://github.com/ssut/py-googletrans/blob/master/googletrans/gtoken.py
function googleToken(text) {
    var tkk = "436443.3778881810".split('.').map(Number),
        byteArray = utf16ToUTF8(text);
    for (var n = tkk[0], i = 0; i < byteArray.length; i++) {
        n = xorShift(n + byteArray[i], "+-a^+6");
    }
    n = xorShift(n, "+-3^+b+-f") ^ tkk[1];
    if (n < 0) {
        n = (n & 0x7FFFFFFF) + 0x80000000;
    }
    n %= 1E6;
    return n.toString() + "." + (n ^ tkk[0]);
}

function xorShift(n, instructions) {
    for (var i = 0; i < instructions.length - 2; i += 3) {
        var base32 = instructions[i + 2],
            bit = base32 >= "a" ? base32.charCodeAt(0) - 87 : Number(base32),
            shift = instructions[i + 1] === "+" ? (n >>> bit) : (n << bit);
        n = instructions[i] === "+" ? (n + shift & 0xFFFFFFFF) : (n ^ shift);
    }
    return n;
}

function utf16ToUTF8(text) {
    var results = [];
    for (var i = 0; i < text.length; i++) {
        var c = text.charCodeAt(i);

        if (c < 0x80) {
            // 1 byte
            results.push(c);
        } else if (c < 0x0800) {
            // 2 bytes
            results.push(0xC0 | c >> 06);
            results.push(0x80 | c >> 00 & 0x3F);
        } else if ((c & 0xFC00) === 0xD800 && i + 1 < text.length && (text.charCodeAt(i + 1) & 0xFC00) == 0xDC00) {
            // 4 bytes
            // convert surrogate pair to UCS-4 codepoint
            c = 0x10000 + ((c & 0x03FF) << 10) + (text.charCodeAt(++i) & 0x03FF);
            results.push(0xF0 | c >> 18);
            results.push(0x80 | c >> 12 & 0x3F);
            results.push(0x80 | c >> 06 & 0x3F);
            results.push(0x80 | c >> 00 & 0x3F);
        } else {
            // 3 bytes
            results.push(0xE0 | c >> 12);
            results.push(0x80 | c >> 06 & 0x3F);
            results.push(0x80 | c >> 00 & 0x3F);
        }
    }
    return results;
}

function main() {
    GM_addStyle("rt.katakana-terminator-rt::before { content: attr(data-rt); }");

    var domChangedSinceLastScan = true;
    var observer = new MutationObserver(function() {
        domChangedSinceLastScan = true;
    });
    observer.observe(_.body, {childList: true, subtree: true});

    function rescanTextNodes() {
        if (!domChangedSinceLastScan) {
            return;
        }

        // Deplete buffered mutations
        observer.takeRecords();
        domChangedSinceLastScan = false;

        scanTextNodes(_.body);
        translateTextNodes();
    }

    // Limit the frequency of API requests
    rescanTextNodes();
    setInterval(rescanTextNodes, 500);
}

// Polyfill for Greasemonkey 4
if (typeof GM_xmlhttpRequest === 'undefined' &&
    typeof GM === 'object' && typeof GM.xmlHttpRequest === 'function') {
    GM_xmlhttpRequest = GM.xmlHttpRequest;
}

if (typeof GM_addStyle === 'undefined') {
    GM_addStyle = function(css) {
        var head = _.getElementsByTagName('head')[0];
        if (!head) {
            return null;
        }

        var style = _.createElement('style');
        style.setAttribute('type', 'text/css');
        style.textContent = css;
        head.appendChild(style);
        return style;
    };
}

main();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址