@adminforth/i18n 1.0.11 → 1.0.12

package/Changelog.md

@@ -5,9 +5,21 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.12]
+
+### Fixed
+
+- live mode frontend translations loading when tmp dir is nopt preserver  (e.g. docker cached /tmp pipeline)
+
+## [1.0.11]
+
+### Fixed
+
+- cache invalidations on delete
+
 ## [v1.0.10]
 
-## Fixed
+### Fixed
 
 - fix automatic translations for duplicate strings
 - improve slavik pluralization generations by splitting the requests

package/custom/LanguageInUserMenu.vue

@@ -43,7 +43,7 @@
 import 'flag-icon-css/css/flag-icons.min.css';
 import { IconCaretDownSolid } from '@iconify-prerendered/vue-flowbite';
 
-import { setLang, getCountryCodeFromLangCode, getLocalLang } from './langCommon';
+import { setLang, getCountryCodeFromLangCode, getLocalLang, setLocalLang } from './langCommon';
 
 import { computed, ref, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
@@ -56,7 +56,7 @@ const props = defineProps(['meta', 'resource']);
 const selectedLanguage = ref('');
 
 function doChangeLang(lang) {
-  setLang({ setLocaleMessage, locale }, props.meta.pluginInstanceId, lang);
+  setLocalLang(lang);
   // unfortunately, we need this to recall all APIs
   document.location.reload();
 

package/dist/custom/LanguageInUserMenu.vue

@@ -43,7 +43,7 @@
 import 'flag-icon-css/css/flag-icons.min.css';
 import { IconCaretDownSolid } from '@iconify-prerendered/vue-flowbite';
 
-import { setLang, getCountryCodeFromLangCode, getLocalLang } from './langCommon';
+import { setLang, getCountryCodeFromLangCode, getLocalLang, setLocalLang } from './langCommon';
 
 import { computed, ref, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
@@ -56,7 +56,7 @@ const props = defineProps(['meta', 'resource']);
 const selectedLanguage = ref('');
 
 function doChangeLang(lang) {
-  setLang({ setLocaleMessage, locale }, props.meta.pluginInstanceId, lang);
+  setLocalLang(lang);
   // unfortunately, we need this to recall all APIs
   document.location.reload();
 

package/dist/index.js

@@ -287,7 +287,7 @@ export default class I18N extends AdminForthPlugin {
                         this.updateUntranslatedMenuBadge();
                         return {
                             ok: true, error: undefined,
-                            successMessage: yield tr(`Translated {count} items`, 'frontend', { count: selectedIds.length }),
+                            successMessage: yield tr(`Translated {count} items`, 'backend', { count: selectedIds.length }),
                         };
                     })
                 });
@@ -469,9 +469,9 @@ ${JSON.stringify(strings.reduce((acc, s) => {
     }
     tryProcessAndWatch(adminforth) {
         return __awaiter(this, void 0, void 0, function* () {
-            const spaDir = adminforth.codeInjector.spaTmpPath();
+            const serveDir = adminforth.codeInjector.getServeDir();
             // messages file is in i18n-messages.json
-            const messagesFile = path.join(spaDir, '..', 'spa_tmp', 'i18n-messages.json');
+            const messagesFile = path.join(serveDir, 'i18n-messages.json');
             console.log('🪲messagesFile', messagesFile);
             this.processExtractedMessages(adminforth, messagesFile);
             // we use watcher because file can't be yet created when we start - bundleNow can be done in build time or can be done now
@@ -518,10 +518,15 @@ ${JSON.stringify(strings.reduce((acc, s) => {
             if (!msg) {
                 return msg;
             }
+            if (category === 'frontend') {
+                throw new Error(`Category 'frontend' is reserved for frontend messages, use any other category for backend messages`);
+            }
             // console.log('🪲tr', msg, category, lang);
             // if lang is not supported , throw
             if (!this.options.supportedLanguages.includes(lang)) {
-                throw new Error(`Language ${lang} is not entered to be supported by requested by browser in request headers accept-language`);
+                lang = 'en'; // for now simply fallback to english
+                // throwing like line below might be too strict, e.g. for custom apis made with fetch which don't pass accept-language
+                // throw new Error(`Language ${lang} is not entered to be supported by requested by browser in request headers accept-language`);
             }
             let result;
             // try to get translation from cache

package/index.ts

@@ -326,7 +326,7 @@ export default class I18N extends AdminForthPlugin {
             this.updateUntranslatedMenuBadge();
             return { 
               ok: true, error: undefined, 
-              successMessage: await tr(`Translated {count} items`, 'frontend', {count: selectedIds.length}),
+              successMessage: await tr(`Translated {count} items`, 'backend', {count: selectedIds.length}),
             };
           }
         }
@@ -560,15 +560,13 @@ ${
 
     // updateBadge
     this.updateUntranslatedMenuBadge()
-
-
   }
 
 
   async tryProcessAndWatch(adminforth: IAdminForth) {
-    const spaDir = adminforth.codeInjector.spaTmpPath();
+    const serveDir = adminforth.codeInjector.getServeDir();
     // messages file is in i18n-messages.json
-    const messagesFile = path.join(spaDir, '..', 'spa_tmp', 'i18n-messages.json');
+    const messagesFile = path.join(serveDir, 'i18n-messages.json');
     console.log('🪲messagesFile', messagesFile);
     this.processExtractedMessages(adminforth, messagesFile);
     // we use watcher because file can't be yet created when we start - bundleNow can be done in build time or can be done now
@@ -619,11 +617,18 @@ ${
       if (!msg) {
         return msg;
       }
+
+      if (category === 'frontend') {
+        throw new Error(`Category 'frontend' is reserved for frontend messages, use any other category for backend messages`);
+      }
       // console.log('🪲tr', msg, category, lang);
 
       // if lang is not supported , throw
       if (!this.options.supportedLanguages.includes(lang as LanguageCode)) {
-        throw new Error(`Language ${lang} is not entered to be supported by requested by browser in request headers accept-language`);
+        lang = 'en'; // for now simply fallback to english
+
+        // throwing like line below might be too strict, e.g. for custom apis made with fetch which don't pass accept-language
+        // throw new Error(`Language ${lang} is not entered to be supported by requested by browser in request headers accept-language`);
       }
 
       let result;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/i18n",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",