vdo.ninja/translations/translate.js

// Copy and paste this code into OBS.Ninja's developer's console to generate new Translation files

function downloadTranslation(filename, trans = {}) {  // downloads the current translation to a file

    const textDoc = JSON.stringify(trans, null, 2);

    const hiddenElement = document.createElement('a');

    hiddenElement.href = `data:text/html,${encodeURIComponent(textDoc)}`;
    hiddenElement.target = '_blank';
    hiddenElement.download = `${filename}.json`;
    hiddenElement.click();

    return trans;
}


function updateTranslation(filename) {  // updates the website with a specific translation
    const request = new XMLHttpRequest();
    request.open('GET', `./translations/${filename}.json?${(Math.random() * 100).toString()}`, false);  // `false` makes the request synchronous
    request.send(null);

    if (request.status !== 200) {
        return false, {};
    }
    try {
        var data = JSON.parse(request.responseText);
    } catch (e) {
        console.log(request.responseText);
        console.error(e);
        return false, {};
    }

    const oldTransItems = data.innerHTML;
    const allItems1 = document.querySelectorAll('[data-translate]');

    allItems1.forEach(function (ele) {
        if (ele.dataset.translate in oldTransItems) {
            ele.innerHTML = oldTransItems[ele.dataset.translate];
        }
    });

    const oldTransTitles = data.titles;
    const allTitles1 = document.querySelectorAll('[title]');
    allTitles1.forEach(function (ele) {
        const key = ele.title.replace(/[\W]+/g, "-").toLowerCase();
        if (key in oldTransTitles) {
            ele.title = oldTransTitles[key];
        }
    });

    const oldTransPlaceholders = data.placeholders;
    const allPlaceholders1 = document.querySelectorAll('[placeholder]');
    allPlaceholders1.forEach(function (ele) {
        const key = ele.placeholder.replace(/[\W]+/g, "-").toLowerCase();
        if (key in oldTransPlaceholders) {
            ele.placeholder = oldTransPlaceholders[key];
        }
    });

    return [true, data];
}

const updateList = ["cs", "de", "en", "es", "fr", "it", "ja", "nl", "pig", "pt", "ru", "tr", "blank"];  // list of languages to update. Update this if you add a new language.

const allItems = document.querySelectorAll('[data-translate]');
const defaultTrans = {};
allItems.forEach(function (ele) {
    const key = ele.dataset.translate.replace(/[\W]+/g, "-").toLowerCase();
    defaultTrans[key] = ele.innerHTML;
});

const defaultTransTitles = {};
const allTitles = document.querySelectorAll('[title]');
allTitles.forEach(function (ele) {
    defaultTransTitles[ele.title] = ele.title;
});

const defaultTransPlaceholders = {};
const allPlaceholders = document.querySelectorAll('[placeholder]');
allPlaceholders.forEach(function (ele) {
    defaultTransPlaceholders[ele.placeholder] = ele.placeholder;
});

const combinedTrans = {}
combinedTrans.titles = defaultTransTitles;
combinedTrans.innerHTML = defaultTrans;
combinedTrans.placeholders = defaultTransPlaceholders;
var counter = 0;
for (const i in updateList) {
    const lang = updateList[i];
    setTimeout(function (ln) {
        var suceess = updateTranslation(ln); // we don't need to worry about DATA.
        if (suceess[0] == true) {
            const newTrans = suceess[1].innerHTML;
            const allItems = document.querySelectorAll('[data-translate]');
            allItems.forEach(function (ele) {
                const key = ele.dataset.translate;
                newTrans[key] = ele.innerHTML;
            });

            const newTransTitles = suceess[1].titles;
            const allTitles = document.querySelectorAll('[title]');
            allTitles.forEach(function (ele) {
                const key = ele.title.replace(/[\W]+/g, "-").toLowerCase();
                newTransTitles[key] = ele.title;
            });

            const newPlaceholders = suceess[1].placeholders;
            const allPlaceholders = document.querySelectorAll('[placeholder]');
            allPlaceholders.forEach(function (ele) {
                const key = ele.placeholder.replace(/[\W]+/g, "-").toLowerCase();
                newPlaceholders[key] = ele.placeholder;
            });

            ////// DOWNLOAD UPDATED TRANSLATION
            const outputTrans = {}
            outputTrans.titles = newTransTitles;
            outputTrans.innerHTML = newTrans;
            outputTrans.placeholders = newPlaceholders;
            downloadTranslation(ln, outputTrans);
        }
        ////////// RESET THING BACK
        allItems.forEach(function (ele) {
            if (ele.dataset.translate in defaultTrans) {
                ele.innerHTML = defaultTrans[ele.dataset.translate];
            }
        });
        allTitles.forEach(function (ele) {
            const key = ele.title.replace(/[\W]+/g, "-").toLowerCase();
            if (key in defaultTransTitles) {
                ele.title = defaultTransTitles[key];
            }
        });
        allPlaceholders.forEach(function (ele) {
            const key = ele.placeholder.replace(/[\W]+/g, "-").toLowerCase();
            if (key in defaultTransPlaceholders) {
                ele.placeholder = defaultTransPlaceholders[key];
            }
        });
    }, counter, lang);
    counter += 300;
}