Auto translation of English and German to Japanese(I developed a script)

[lamrongol]

I developed a script which translate English and German to Japanese automatically.
However, I can't know it is appropriate to publish for 3rd party client and it may be more desirable to be embedded in the client.
I developed a translation script for Bluesky official app: https://github.com/lamrongol/BlueskyAutoTranslator

And following is for TOKIMEKI. Do you think about above.

// ==UserScript==
// @name         Blueskyの英語とドイツ語を自動的に翻訳(unofficial for TOKIMEKI)
// @namespace    @lamrongol
// @version      0.0.1
// @description  Blueskyの日本語文字が含まれてないポストを自動で翻訳。ただし英語とドイツ語以外は翻訳できない。
// @author       Loran🍞
// @match        https://tokimekibluesky.vercel.app/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=vercel.app
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js
// @license MIT
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    // setting
    //const sourceLang = "en";
    const targetLang = "ja";

    const jaRe = /[\p{Script_Extensions=Hiragana}\p{Script_Extensions=Katakana}\p{Script_Extensions=Han}]/u
    const geRe = /[äöüÄÖÜß]/u

    const postTextCSS = "p.timeline__text, p.timeline-external__description";
    //const quotePostTextCSS;
    const marker = "translated";

    const observeTarget = "div.timeline";
    const observeOption = {
        childList: true,
        subtree: true,
    }

    async function sleep(ms) {
        return new Promise(resolve => setTimeout(resolve, ms));
    }

    let translateObserver = new MutationObserver(function (MutationRecords, MutationObserver) {
        translateObserver.disconnect();
        const elms = $(postTextCSS).not(`.${marker}`);
        for (let i = elms.length - 1; i > -1; i--) {
            const elem = elms[i];
            $(elem).addClass(marker);
            const originalText = elem.textContent;
            if (jaRe.test(originalText)) continue;

            const sourceLang = geRe.test(originalText) ? "de" : "en";
            const base_url = `https://translate.googleapis.com/translate_a/single?client=gtx&sl=${sourceLang}&tl=${targetLang}&dt=t&q=`;

            const encodeText = encodeURIComponent(originalText);
            const url = base_url + encodeText;
            $.ajaxSetup({ async: false });
            $.getJSON(url, function (data) {
                let text = "";
                data[0].forEach(function (element) {
                    text += `<p>${escapeHtml(element[0])}</p>`;
                });
                //const parent = $(elem).parent();
                const translatedDiv = document.createElement("div");
                translatedDiv.classList.add("translatedText");
                $(elem).after(translatedDiv);

                translatedDiv.innerHTML = "<hr>" + text;
            });
            $.ajaxSetup({ async: true });
            sleep(2000);//awaitを付けるとエラー これだとsleepできてないが問題なく使える？
        }

        translateObserver.observe($(observeTarget).get(0), observeOption);
    });

    function addObserverIfDesiredNodeAvailable() {
        const timeline = $(observeTarget).get(0);
        if(!timeline) {
            //The node we need does not exist yet.
            //Wait 500ms and try again
            window.setTimeout(addObserverIfDesiredNodeAvailable, 500);
            return;
        }
        translateObserver.observe(timeline, observeOption);
        //window.setTimeout(checkRootExists, 500);
    }

    addObserverIfDesiredNodeAvailable();

    function escapeHtml(str) {
        var patterns = {
            '<': '&lt;',
            '>': '&gt;',
            '&': '&amp;',
            '"': '&quot;',
            '\'': '&#x27;',
            '`': '&#x60;'
        };
        return str.replace(/[<>&"'`]/g, function (match) {
            return patterns[match];
        });
    };
})();