Localize record dropdown menu options and fix loader Japanese support

Author: Noaman-Akhtar

index.html

@@ -903,12 +903,12 @@
 
                     <ul id="recorddropdown" class="dropdown-content">
                         <li>
-                            <a id="record-with-menus" role="button" tabindex="0"
+                            <a id="record-with-menus" role="button" tabindex="0" data-i18n="Record canvas and toolbars"
                                 >Record canvas and toolbars</a
                             >
                         </li>
                         <li>
-                            <a id="record-canvas-only" role="button" tabindex="0"
+                            <a id="record-canvas-only" role="button" tabindex="0" data-i18n="Record canvas only"
                                 >Record canvas only</a
                             >
                         </li>

js/loader.js

@@ -295,10 +295,24 @@ requirejs(["i18next", "i18nextHttpBackend"], function (i18next, i18nextHttpBacke
 
     function updateContent() {
         if (!i18next.isInitialized) return;
+        const lang = i18next.language;
         const elements = document.querySelectorAll("[data-i18n]");
         elements.forEach(element => {
             const key = element.getAttribute("data-i18n");
-            element.textContent = i18next.t(key);
+            if (lang && lang.startsWith("ja")) {
+                const kanaPref =
+                    (window.localStorage && window.localStorage.getItem("kanaPreference")) ||
+                    "kanji";
+                const script = kanaPref === "kana" ? "kana" : "kanji";
+                const result = i18next.t(key, { returnObjects: true });
+                if (result && typeof result === "object") {
+                    element.textContent = result[script] || key;
+                } else {
+                    element.textContent = typeof result === "string" ? result : key;
+                }
+            } else {
+                element.textContent = i18next.t(key);
+            }
         });
     }