Merge branch 'media.i18next' of https://github.com/Vishalk91-4/sugarizer

into pr/1465
llaske · Jan 10, 2024 · 5eb2fe9 · 5eb2fe9
2 parents 83f9be4 + 0522425
commit 5eb2fe9
Show file tree

Hide file tree

Showing 13 changed files with 75 additions and 1,051 deletions.
diff --git a/activities/MediaViewer.activity/index.html b/activities/MediaViewer.activity/index.html
@@ -6,7 +6,6 @@
     <title>Media Viewer Activity</title>
     <meta name="viewport"
           content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover"/>
-    <link rel="prefetch" type="application/l10n" href="locale.ini">
     <link rel="stylesheet" media="not screen and (device-width: 1200px) and (device-height: 900px)"
           href="lib/sugar-web/graphics/css/sugar-96dpi.css">
     <link rel="stylesheet" media="screen and (device-width: 1200px) and (device-height: 900px)"

diff --git a/activities/MediaViewer.activity/js/activity.js b/activities/MediaViewer.activity/js/activity.js
@@ -1,5 +1,5 @@
 /* Start of the app, we require everything that is needed */
-define(["sugar-web/activity/activity", "sugar-web/env", "webL10n"], function (activity, env, l10n) {
+define(["sugar-web/activity/activity", "sugar-web/env", "l10n"], function (activity, env, l10n) {
 
     requirejs(['domReady!', 'sugar-web/datastore'], function (doc, datastore) {
         activity.setup();
@@ -8,7 +8,7 @@ define(["sugar-web/activity/activity", "sugar-web/env", "webL10n"], function (ac
             // Set current language to Sugarizer
             var defaultLanguage = (typeof chrome != 'undefined' && chrome.app && chrome.app.runtime) ? chrome.i18n.getUILanguage() : navigator.language;
             var language = environment.user ? environment.user.language : defaultLanguage;
-            l10n.language.code = language;
+            l10n.init(language);
         });
 
         window.addEventListener("localized", function() {

diff --git a/activities/MediaViewer.activity/lib/axios.min.js b/activities/MediaViewer.activity/lib/axios.min.js
diff --git a/activities/MediaViewer.activity/lib/i18next.min.js b/activities/MediaViewer.activity/lib/i18next.min.js
diff --git a/activities/MediaViewer.activity/lib/l10n.js b/activities/MediaViewer.activity/lib/l10n.js
@@ -0,0 +1,58 @@
+define(['i18next.min', 'axios.min'], function (i18next, axios) {
+    const l10n = {};
+    let initialized = false;
+
+    l10n.init = async (lang) => {
+        await i18next.init({
+            lng: lang,
+            debug: true,
+            fallbackLng: "en",
+            resources: {}
+        }).then(() => {
+            l10n.switchTo(lang);
+        });
+    };
+
+    l10n.get = (key) => {
+        return i18next.t(key);
+    };
+
+    l10n.loadLanguageResource = (lang) => {
+        return new Promise((resolve, reject) => {
+            axios.get("./locales/" + lang + ".json").then((response) => {
+                resolve(response.data);
+            }).catch((error) => {
+                console.log("Failed to load " + lang + " language: " + error);
+                resolve(null); // Resolve with null to indicate failure
+            });
+        });
+    };
+
+    l10n.switchTo = (lang) => {
+        if (!i18next.hasResourceBundle(lang, "translation")) {
+            console.log("Loading " + lang + " language");
+            l10n.loadLanguageResource(lang).then((locales) => {
+                if (locales !== null) {
+                    i18next.addResourceBundle(lang, "translation", locales);
+                } else {
+                    l10n.init("en");
+                }
+                i18next.changeLanguage(lang);
+                initialized = true;
+                triggerLocalizedEvent();
+            });
+        } else {
+            i18next.changeLanguage(lang);
+            initialized = true;
+            triggerLocalizedEvent();
+        }
+    };
+
+
+    function triggerLocalizedEvent() {
+        const event = new Event("localized");
+        window.dispatchEvent(event);
+    };
+
+    return l10n;
+});
diff --git a/activities/MediaViewer.activity/lib/sugar-web/activity/activity.js b/activities/MediaViewer.activity/lib/sugar-web/activity/activity.js
@@ -1,12 +1,10 @@
-define(["webL10n",
-        "sugar-web/activity/shortcut",
+define(["sugar-web/activity/shortcut",
         "sugar-web/bus",
         "sugar-web/env",
         "sugar-web/datastore",
 		"sugar-web/presence",
         "sugar-web/graphics/icon",
-        "sugar-web/graphics/activitypalette"], function (
-    l10n, shortcut, bus, env, datastore, presence, icon, activitypalette) {
+        "sugar-web/graphics/activitypalette"], function (shortcut, bus, env, datastore, presence, icon, activitypalette) {
 
     'use strict';
 
@@ -22,8 +20,6 @@ define(["webL10n",
     activity.setup = function () {
         bus.listen();
 
-        l10n.start();
-
         function sendPauseEvent() {
 			var pauseEvent = document.createEvent("CustomEvent");
 			pauseEvent.initCustomEvent('activityPause', false, false, {

diff --git a/activities/MediaViewer.activity/lib/sugar-web/package.json b/activities/MediaViewer.activity/lib/sugar-web/package.json
@@ -2,7 +2,6 @@
   "volo": {
     "baseUrl": "lib",
     "dependencies": {
-      "webL10n": "github:sugarlabs/webL10n",
       "mustache": "github:janl/mustache.js/0.7.2",
       "text": "github:requirejs/text"
     }

diff --git a/activities/MediaViewer.activity/lib/sugar-web/test/loader.js b/activities/MediaViewer.activity/lib/sugar-web/test/loader.js
@@ -10,7 +10,6 @@ requirejs.config({
         "sugar-web": ".",
         "mustache": "lib/mustache",
         "text": "lib/text",
-        "webL10n": "lib/webL10n"
     },
 
     // ask Require.js to load these files (all our tests)