☰

Greasy Fork is available in English.

[SNOLAB] [Mulango] Alt Speak Translator

[SNOLAB] [Mulango] Press Alt to Speak currently Selection.

// ==UserScript==
// @name            [SNOLAB] [Mulango] Alt Speak Translator
// @description     [SNOLAB] [Mulango] Press Alt to Speak currently Selection.
// @namespace       https://userscript.snomiao.com/
// @version         0.1.3
// @author          [email protected]
// @match           *://*/*
// @grant           none
// ==/UserScript==

(async function () {
    const transcriptCache = await transcriptCacheCreate();
    window.addEventListener("keyup", async (e) => {
        if (
            !(
                e.key === "Alt" &&
                !e.altKey &&
                !e.ctrlKey &&
                !e.metaKey &&
                !e.shiftKey
            )
        )
            return;
        e.preventDefault(), e.stopPropagation();

        const translate = (
            await import(
                "https://cdn.skypack.dev/@snomiao/google-translate-api-browser"
            )
        ).setCORS("https://google-translate-cors.vercel.app/api?url=", {
            encode: true,
        });

        const text = window.getSelection().toString();
        if (!text) return; // no selection
        console.log("selection", text);
        for await (const lang of navigator.languages.slice(0, 2)) {
            const transcript =
                (await transcriptCache.getItem(
                    JSON.stringify({ text, lang })
                )) ||
                (await translate(text, {
                    to: lang.replace(/-.*/g, ""),
                })
                    .then((e) => e.text)
                    .catch(() => ""));
            await transcriptCache.setItem(
                JSON.stringify({ text, lang }),
                transcript
            );
            console.log("speak translated", text, transcript, lang);
            await speak(transcript, lang);
        }
    });
})();

async function speak(text, lang) {
    if (!text) return; // noting to speak
    globalThis.speechSynthesis?.cancel();
    await new Promise((resolve, reject) =>
        globalThis.speechSynthesis?.speak(
            Object.assign(new SpeechSynthesisUtterance(text), {
                lang,
                onend: resolve,
                onerror: reject,
            })
        )
    );
}
async function transcriptCacheCreate() {
    const { default: cache } = await import(
        "https://cdn.skypack.dev/@luudjanssen/localforage-cache"
    );
    const transcriptCache = cache.createInstance({
        name: "transcript",
        defaultExpiration: 600e3,
    });
    return transcriptCache;
}