Add i18n, save validation, and tolerant import handling.

Prepare the UI for English (default/fallback) and German with auto or manual locale selection, and report import issues with client-translated warnings instead of failing on minor save format changes. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-19 15:59:57 +02:00
parent 4b8b921e02
commit fbc2deec45
11 changed files with 1430 additions and 270 deletions
@@ -0,0 +1,69 @@
+/* Idle Fantasy Viewer – i18n (English default / fallback) */
+
+const I18n = (() => {
+  const STORAGE_KEY = "locale";
+  const SUPPORTED = ["en", "de"];
+  let locale = "en";
+  let preference = "auto";
+  let messages = {};
+  let fallback = {};
+
+  function getNested(obj, path) {
+    return path.split(".").reduce((o, k) => (o && o[k] !== undefined ? o[k] : undefined), obj);
+  }
+
+  async function loadMessages(code) {
+    const res = await fetch(`/static/locales/${code}.json`);
+    if (!res.ok) throw new Error(`Locale not found: ${code}`);
+    return res.json();
+  }
+
+  function resolveLocale(pref) {
+    if (pref === "en" || pref === "de") return pref;
+    const browser = (navigator.language || "en").split("-")[0].toLowerCase();
+    return SUPPORTED.includes(browser) ? browser : "en";
+  }
+
+  async function init() {
+    preference = localStorage.getItem(STORAGE_KEY) || "auto";
+    locale = resolveLocale(preference);
+    fallback = await loadMessages("en");
+    messages = locale === "en" ? fallback : await loadMessages(locale);
+    document.documentElement.lang = locale;
+    return locale;
+  }
+
+  async function setPreference(pref) {
+    preference = pref;
+    localStorage.setItem(STORAGE_KEY, pref);
+    locale = resolveLocale(pref);
+    messages = locale === "en" ? fallback : await loadMessages(locale);
+    document.documentElement.lang = locale;
+    return locale;
+  }
+
+  function t(key, params = {}) {
+    let str = getNested(messages, key) ?? getNested(fallback, key) ?? key;
+    if (typeof str !== "string") return key;
+    return str.replace(/\{(\w+)\}/g, (_, k) => (params[k] !== undefined ? String(params[k]) : `{${k}}`));
+  }
+
+  function translateIssue(item) {
+    const params = { ...(item.params || {}), field: item.field || "" };
+    const translated = t(`import.${item.code}`, params);
+    if (translated !== `import.${item.code}`) return translated;
+    return item.message || translated;
+  }
+
+  function localeTag() {
+    return locale === "de" ? "de-DE" : "en-US";
+  }
+
+  function getLocale() { return locale; }
+  function getPreference() { return preference; }
+
+  return { init, setPreference, t, translateIssue, localeTag, getLocale, getPreference, SUPPORTED };
+})();
+
+window.I18n = I18n;
+window.t = (...args) => I18n.t(...args);