@bobfrankston/rmfmail 1.2.276 → 1.2.277

package/client/app.js

@@ -6048,6 +6048,71 @@ document.getElementById("opt-compose-font-size")?.addEventListener("change", (e)
         saveSettings(settings);
     }).catch(() => { });
 });
+// TinyMCE UI-language picker. The options are whatever language packs
+// build-tinymce.js actually copied next to the script (langs/index.json), so
+// the menu can never offer a pack that would 404 at editor init — TinyMCE
+// raises a visible error notification for a missing langs/<code>.js.
+//
+// These translate the editor CHROME only. Content, the spellcheck dictionary
+// and Harper are untouched and stay English, which is why the control sits
+// under Editor rather than anywhere that reads as a global language setting.
+//
+// TinyMCE itself has no detection — "Auto" is ours, resolving the browser's
+// ordered language list against the shipped packs. The Auto row names what it
+// currently resolves to so the choice is not a guess. (Claude Code 2026-08-23)
+const optEditorLanguage = document.getElementById("opt-editor-language");
+if (optEditorLanguage) {
+    (async () => {
+        const scriptUrl = localStorage.getItem("mailx-tinymce-cdn") || "lib/tinymce/tinymce.min.js";
+        const { availableLanguages, resolveLanguage, languageLabel, LANGUAGE_AUTO, LANGUAGE_ENGLISH } = await import("./lib/tinymce-langs.js");
+        const available = await availableLanguages(scriptUrl);
+        const autoPick = resolveLanguage(LANGUAGE_AUTO, available);
+        const add = (value, text) => {
+            const o = document.createElement("option");
+            o.value = value;
+            o.textContent = text;
+            optEditorLanguage.appendChild(o);
+        };
+        add(LANGUAGE_AUTO, `Auto — ${languageLabel(autoPick)}`);
+        add(LANGUAGE_ENGLISH, languageLabel(LANGUAGE_ENGLISH));
+        for (const code of [...available].sort((a, b) => languageLabel(a).localeCompare(languageLabel(b)))) {
+            add(code, `${languageLabel(code)} (${code})`);
+        }
+        if (!available.length) {
+            optEditorLanguage.disabled = true;
+            optEditorLanguage.title = "No language packs found next to tinymce.min.js — English only";
+        }
+        let current = LANGUAGE_AUTO;
+        try {
+            current = localStorage.getItem("mailx-editor-language") || LANGUAGE_AUTO;
+        }
+        catch { /* */ }
+        try {
+            const settings = await getSettings();
+            if (typeof settings?.ui?.editorLanguage === "string" && settings.ui.editorLanguage)
+                current = settings.ui.editorLanguage;
+        }
+        catch { /* cache value stands */ }
+        optEditorLanguage.value = current;
+        // A pinned pack that is no longer shipped would leave the select on
+        // nothing at all; say so rather than showing a blank control.
+        if (!optEditorLanguage.value)
+            optEditorLanguage.value = LANGUAGE_AUTO;
+    })().catch((e) => console.error("[settings] editor-language menu failed:", e?.message || e));
+    optEditorLanguage.addEventListener("change", () => {
+        const value = optEditorLanguage.value;
+        // Synchronous cache write for the same reason as saveEditorSetting:
+        // compose reads it at module load, so the next compose-open is right.
+        try {
+            localStorage.setItem("mailx-editor-language", value);
+        }
+        catch { /* private mode */ }
+        getSettings().then((settings) => {
+            settings.ui = { ...settings.ui, editorLanguage: value };
+            saveSettings(settings);
+        }).catch((e) => console.error("[settings] editor language save failed:", e?.message || e));
+    });
+}
 // Save editor choice to server settings
 function saveEditorSetting(editor) {
     // Update the localStorage cache SYNCHRONOUSLY. compose.ts reads