feat: Add website Translation based on user browser language

static/i18n/i18n.js

@@ -0,0 +1,68 @@
+const linkRegexFull =
+  /\|% LINK='[.,#?=&a-zA-Z_:_\/]*' %\|[.,a-zA-Zа-яА-Я-!_ ]*\|% ENDLINK %\|/gim;
+const linkRegexFullNonGlobal =
+  /\|% LINK='[.,#?=&a-zA-Z_:_\/]*' %\|[.,a-zA-Zа-яА-Я-!_ ]*\|% ENDLINK %\|/im;
+function parseLink(string) {
+  const links = [...string.match(linkRegexFull)];
+  const linkRegexStart = /\|% LINK='[.,#?=&a-zA-Z_:_\/]*' %\|/;
+  for (let i = 0; i < links.length; i++) {
+    let tmp = links[i];
+    const href = tmp
+      .match(linkRegexStart)[0]
+      .replace("|%", "")
+      .replace("%|", "")
+      .split("=")[1]
+      .trim();
+    let lnk = "";
+    lnk = tmp.replace(
+      linkRegexStart,
+      `<a class="text-bg-pink hover:underline" href=${href} ${href.startsWith("http") ? "target='_blank' referrerpolicy='origin'" : ""}>`
+    );
+    lnk = lnk.replace("|% ENDLINK %|", `</a>`);
+    string = string.replace(linkRegexFullNonGlobal, lnk);
+  }
+  return string;
+}
+
+const i18nTags = document.querySelectorAll("[data-i18n]");
+const i18nStyles = document.querySelectorAll("[data-i18n-style]");
+function changeLanguage(lang) {
+  let strings = {};
+  let styles = {};
+  if (lang == "ru") {
+    strings = i18n_ru;
+    styles = i18n_ru_style;
+  }
+
+  for (let i = 0; i < i18nTags.length; i++) {
+    const element = i18nTags[i];
+    const id = element.getAttribute("data-i18n");
+    if (!strings[id]) {
+      continue;
+    }
+
+    if (linkRegexFull.test(strings[id])) {
+      element.innerHTML = parseLink(strings[id]);
+    } else {
+      element.innerHTML = strings[id];
+    }
+  }
+  for (let i = 0; i < i18nStyles.length; i++) {
+    const element = i18nStyles[i];
+    const id = element.getAttribute("data-i18n-style");
+    if (!styles[id]) {
+      continue;
+    }
+
+    element.style.cssText = styles[id];
+  }
+}
+
+function detectAndChangeLanguage() {
+  const userLang = window.navigator.language;
+  if (userLang.startsWith("ru")) {
+    changeLanguage("ru");
+  }
+}
+
+detectAndChangeLanguage();