refactor codeinjector to include i18n messages in serve dir, not tmp dir (makes compatible with any build even if tmp gets destroyed - e.g. cached Docker pipeline), fix doc

Author: ivictbor

adminforth/documentation/docs/tutorial/05-Plugins/10-i18n.md

@@ -109,6 +109,7 @@ export default {
     {
       name: "en_string",
       type: AdminForthDataTypes.STRING,
+      title: 'English',
     },
     {
       name: "created_at",
@@ -117,14 +118,17 @@ export default {
     {
       name: "uk_string",
       type: AdminForthDataTypes.STRING,
+      title: 'Ukrainian',
     },
     {
       name: "ja_string",
       type: AdminForthDataTypes.STRING,
+      title: 'Japanese',
     },
     {
       name: "fr_string",
       type: AdminForthDataTypes.STRING,
+      title: 'French',
     },
     {
       name: "completedLangs",

adminforth/modules/codeInjector.ts

@@ -749,23 +749,24 @@ class CodeInjector implements ICodeInjector {
 
     await this.runNpmShell({command: 'run i18n:extract', cwd});
 
-    if (!hotReload) {
-      // probably add option to build with tsh check (plain 'build')
-      const serveDir = this.getServeDir();
-
-      
+    // probably add option to build with tsh check (plain 'build')
+    const serveDir = this.getServeDir();
+    // remove serveDir if exists
+    try {
+      await fs.promises.rm(serveDir, { recursive: true });
+    } catch (e) {
+      // ignore
+    }
+    await fs.promises.mkdir(serveDir, { recursive: true });
+  
+    // copy i18n messages to serve dir
+    await fsExtra.copy(path.join(cwd, 'i18n-messages.json'), path.join(serveDir, 'i18n-messages.json'));
 
+    if (!hotReload) {
       await this.runNpmShell({command: 'run build-only', cwd});
-      // remove serveDir if exists
-      try {
-        await fs.promises.rm(serveDir, { recursive: true });
-      } catch (e) {
-        // ignore
-      }
-      await fs.promises.mkdir(serveDir, { recursive: true });
+
       // coy dist to serveDir
       await fsExtra.copy(path.join(cwd, 'dist'), serveDir, { recursive: true });
-
     } else {
 
       const command = 'run dev';

adminforth/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "1.5.8-next.13",
+  "version": "1.5.8-next.14",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "module": "dist/index.js",

adminforth/package.json

@@ -5,6 +5,12 @@ 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

adminforth/plugins/i18n/Changelog.md

@@ -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

adminforth/plugins/i18n/index.ts

@@ -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",