Create ci-generateTranslations.js

ci-generateTranslations.js

@@ -0,0 +1,167 @@
+var https = require("https");
+const jsdom = require("jsdom");
+const { JSDOM } = jsdom;
+const axios = require("axios").default;
+const fs = require("fs");
+
+const dom = new JSDOM(``, {
+  url: "https://obs.ninja",
+  contentType: "text/html",
+  includeNodeLocations: true,
+  storageQuota: 10000000,
+  pretendToBeVisual: true,
+});
+
+global.document = new JSDOM(``, {
+  url: "https://obs.ninja",
+  contentType: "text/html",
+  includeNodeLocations: true,
+  storageQuota: 10000000,
+  pretendToBeVisual: false,
+}).window.document;
+
+function downloadTranslation(filename, trans = {}) {
+  // downloads the current translation to a file
+  console.log("Saving translation:  " + filename);
+  const textDoc = JSON.stringify(trans, null, 2);
+
+  fs.writeFile(`translations\\${filename}.json`, textDoc, function (err) {
+    if (err) {
+      return console.log(err);
+    }
+    console.log("The file was saved!");
+  });
+
+  return trans;
+}
+
+async function updateTranslation(filename) {
+  // updates the website with a specific translation
+  let data = await axios({
+    method: "get",
+    url: `https://obs.ninja/translations/${filename}.json?${(
+      Math.random() * 100
+    ).toString()}`,
+  }).then(function (response) {
+    return response.data;
+  });
+
+  const oldTransItems = data["innerHTML"];
+
+  // const allItems1 = document.querySelectorAll('[data-translate]');
+
+  allItems.forEach((ele) => {
+    const key = ele.dataset.translate; //.replace(/[\W]+/g, "-").toLowerCase();
+    if (key in oldTransItems) {
+      ele.innerHTML = oldTransItems[key];
+    }
+  });
+
+  const oldTransTitles = data["titles"];
+  //const allTitles1 = document.querySelectorAll('[title]');
+  allTitles.forEach((ele) => {
+    const key = ele.dataset.key;
+    //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]');
+  allPlaceholders.forEach((ele) => {
+    const key = ele.dataset.key;
+    //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((ele) => {
+  const key = ele.dataset.translate; //.replace(/[\W]+/g, "-").toLowerCase();
+  defaultTrans[key] = ele.innerHTML;
+});
+
+const defaultTransTitles = {};
+const allTitles = document.querySelectorAll("[title]");
+allTitles.forEach((ele) => {
+  const key = ele.title.replace(/[\W]+/g, "-").toLowerCase();
+  ele.dataset.key = key;
+  defaultTransTitles[key] = ele.title;
+});
+
+const defaultTransPlaceholders = {};
+const allPlaceholders = document.querySelectorAll("[placeholder]");
+allPlaceholders.forEach((ele) => {
+  const key = ele.placeholder.replace(/[\W]+/g, "-").toLowerCase();
+  ele.dataset.key = key;
+  defaultTransPlaceholders[key] = 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(
+    (ln) => {
+      var suceess = updateTranslation(ln); // we don't need to worry about DATA.
+      updateTranslation(ln).then(function (suceess) {
+        const newTrans = suceess[1]["innerHTML"];
+        //const allItems = document.querySelectorAll('[data-translate]');
+        allItems.forEach((ele) => {
+          const key = ele.dataset.translate; //.replace(/[\W]+/g, "-").toLowerCase();
+          newTrans[key] = ele.innerHTML;
+        });
+
+        const newTransTitles = suceess[1]["titles"];
+        //const allTitles = document.querySelectorAll('[title]');
+        allTitles.forEach((ele) => {
+          const key = ele.dataset.key;
+          newTransTitles[key] = ele.title;
+        });
+
+        const newPlaceholders = suceess[1]["placeholders"];
+        // const allPlaceholders = document.querySelectorAll('[placeholder]');
+        allPlaceholders.forEach((ele) => {
+          const key = ele.dataset.key;
+          newPlaceholders[key] = ele.placeholder;
+        });
+
+        // //// DOWNLOAD UPDATED TRANSLATION
+        const outputTrans = {};
+        outputTrans["titles"] = newTransTitles;
+        outputTrans["innerHTML"] = newTrans;
+        outputTrans["placeholders"] = newPlaceholders;
+        downloadTranslation(ln, outputTrans);
+      });
+    },
+    counter,
+    lang
+  );
+  counter += 800;
+}