Improve localization

Author: rgantzos

api/feature.js

@@ -8,11 +8,7 @@ class Feature {
     });
     this.data = finalFeature;
     this.msg = function (string) {
-      if (this.data.translations) {
-        return this.data.localesData[string];
-      } else {
-        throw new Error("Feature does not have locales set up.");
-      }
+      return this.data.localesData[`${this.data.id}/`+string] || `ScratchTools.${this.data.id}.${string}`;
     };
     this.getActiveUserstyles = function () {
       var styles = document.head.querySelectorAll(

extras/background.js

@@ -445,25 +445,30 @@ chrome.tabs.onUpdated.addListener(async function (tabId, info) {
             ).json();
             featureData.id = feature.id;
             featureData.version = feature.version;
-            if (featureData.translations) {
-              if (chrome.i18n.getUILanguage().includes("-")) {
-                var language = chrome.i18n.getUILanguage().split("-")[0];
-              } else {
-                var language = chrome.i18n.getUILanguage();
-              }
-              if (featureData.translations.includes(language)) {
-                var localesData = await (
-                  await fetch(
-                    `/features/${featureData.id}/locales/${language}.json`
-                  )
-                ).json();
-              } else {
-                var localesData = await (
-                  await fetch(`/features/${featureData.id}/locales/en.json`)
+            if (chrome.i18n.getUILanguage().includes("-")) {
+              var language = chrome.i18n.getUILanguage().split("-")[0];
+            } else {
+              var language = chrome.i18n.getUILanguage();
+            }
+            let localesData = {};
+            try {
+              localesData = await (
+                await fetch(
+                  `/feature-locales/${featureData.id}/${language}.json`
+                )
+              ).json();
+            } catch (err) {
+              try {
+                localesData = await (
+                  await fetch(`/feature-locales/${featureData.id}/en.json`)
                 ).json();
-              }
-              featureData.localesData = localesData;
+              } catch (err) {}
             }
+            let locales = {};
+            Object.keys(localesData).forEach(function (el) {
+              locales[`${featureData.id}/${el}`] = localesData[el];
+            });
+            featureData.localesData = locales;
             newFullData.push(featureData);
           } else {
             newFullData.push(feature);

features/isonline/locales/en.json feature-locales/isonline/en.jsonfeatures/isonline/locales/en.json renamed to feature-locales/isonline/en.json

@@ -0,0 +1,5 @@
+{
+    "save": "Save",
+    "unsave": "Unsave",
+    "watch-later": "Watch Later"
+}

feature-locales/watch-later/en.json

@@ -10,7 +10,6 @@
     "styles": [{ "file": "style.css", "runOn": "/users/*" }],
     "scripts": [{ "file": "script.js", "runOn": "/users/*", "module": true }],
     "additionalAgreements": "By enabling this feature, you understand that other users will be able to see if you are online or not.",
-    "translations": ["en", "tr", "de", "es", "fr", "ru"],
     "similar": ["display-name", "emoji-status"]
   }