@olenbetong/appframe-vite 4.0.3 → 4.1.0

package/lib/devServer.d.ts

@@ -3,6 +3,7 @@ export declare function getLoginInfo(): Promise<{
     hostname: any;
     username: string;
     password: string;
+    appframe: any;
 }>;
 export declare function getProxyRoutes(): string[];
 export declare function createDevMiddleware(vite: ViteDevServer): Connect.NextHandleFunction;

package/lib/devServer.js

@@ -4,6 +4,7 @@ import { exists } from "fs-extra";
 import { JSDOM } from "jsdom";
 import { resolve } from "node:path";
 import { importJson } from "./importJson.js";
+import { getStringCache } from "./localization.js";
 dotenv.config();
 let appPkg = await importJson("./package.json", true);
 let { appframe } = appPkg;
@@ -14,7 +15,7 @@ export async function getLoginInfo() {
     if (!username || !password) {
         throw new Error("Your Appframe credentials are not set in the environment variables. Username should be set in APPFRAME_LOGIN and password in APPFRAME_PWD.");
     }
-    return { hostname, username, password };
+    return { hostname, username, password, appframe };
 }
 export function getProxyRoutes() {
     const proxyRoutes = [
@@ -78,6 +79,12 @@ async function getArticleHtml() {
                 script.textContent?.includes("serviceWorker.register")) {
                 nodesToRemove.push(script);
             }
+            else if (script.textContent?.includes("af.article.i18n")) {
+                let cachedStrings = getStringCache();
+                let localizeScript = dom.window.document.createElement("script");
+                localizeScript.textContent = `Object.assign(af.article.i18n, ${JSON.stringify(cachedStrings)})`;
+                script.insertAdjacentElement("afterend", localizeScript);
+            }
         });
         dom.window.document.querySelectorAll("link").forEach((link) => {
             if (link.rel === "stylesheet" && link.href?.startsWith(`/file/article/style/${article}`)) {

package/lib/index.js

@@ -2,6 +2,8 @@ import bodyParser from "body-parser";
 import { watch } from "chokidar";
 import { addAppframeBuildConfig } from "./build.js";
 import { createDevMiddleware, getLoginInfo, getProxyRoutes } from "./devServer.js";
+import { importJson } from "./importJson.js";
+import { localizeMiddleware } from "./localization.js";
 import { getLastSession, login } from "./proxy.js";
 let interval;
 let server;
@@ -101,7 +103,10 @@ export default function appframe() {
             return config;
         },
         async configureServer(_server) {
+            let { appframe } = await importJson("./package.json", true);
             server = _server;
+            _server.middlewares.use(`/api/user/localize/new/${appframe.article.id}`, jsonParser);
+            _server.middlewares.use(`/api/user/localize/new/${appframe.article.id}`, localizeMiddleware);
             _server.middlewares.use("/data/Logger/LogError", jsonParser);
             _server.middlewares.use("/data/Logger/LogError", (req, res) => {
                 // @ts-ignore

package/lib/localization.d.ts

@@ -0,0 +1,7 @@
+import { Connect } from "vite";
+export declare function addStringToCache(text: string, translation: string): void;
+export declare function getStringFromCache(text: string): string | undefined;
+export declare const localizeMiddleware: Connect.NextHandleFunction;
+export declare function getStringCache(): {
+    [k: string]: string;
+};

package/lib/localization.js

@@ -0,0 +1,71 @@
+import { exists } from "fs-extra";
+import { mkdir, writeFile } from "node:fs/promises";
+import { resolve } from "node:path";
+import { getLoginInfo } from "./devServer.js";
+import { importJson } from "./importJson.js";
+import { getLastSession } from "./proxy.js";
+function debounce(callback, delay = 300) {
+    let timeout;
+    return (...args) => {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => callback(...args), delay);
+    };
+}
+const stringCache = new Map();
+const cachePath = resolve(process.cwd(), "./node_modules/.appframe");
+const cacheFile = resolve(cachePath, "./localizeCache.json");
+if (await exists(cacheFile)) {
+    let cache = await importJson(cacheFile, true);
+    for (let text in cache) {
+        stringCache.set(text, cache[text]);
+    }
+}
+async function saveCacheToFile() {
+    if (!(await exists(cacheFile))) {
+        await mkdir(cachePath, { recursive: true });
+    }
+    let data = JSON.stringify(Object.fromEntries(stringCache));
+    await writeFile(cacheFile, data, { encoding: "utf-8" });
+}
+const debouncedSaveCacheToFile = debounce(saveCacheToFile, 1000);
+export function addStringToCache(text, translation) {
+    stringCache.set(text, translation);
+    debouncedSaveCacheToFile();
+}
+export function getStringFromCache(text) {
+    return stringCache.get(text);
+}
+export const localizeMiddleware = async (req, res, next) => {
+    // @ts-ignore
+    let text = req.body.text;
+    let { hostname, appframe } = await getLoginInfo();
+    let authCookies = getLastSession(hostname)?.authCookies;
+    if (authCookies) {
+        let cookies = [];
+        cookies.push(`AppframeWebAuth=${authCookies["AppframeWebAuth"]}`);
+        cookies.push(`AppframeWebSession=${authCookies["AppframeWebSession"]}`);
+        let cookieHeader = cookies.join(";");
+        let uri = `https://${hostname}/api/user/localize/new/${appframe.article.id}`;
+        let result = await fetch(uri, {
+            body: JSON.stringify({ text }),
+            method: "POST",
+            headers: {
+                Accept: "application/json",
+                "Content-Type": "application/json",
+                Cookie: cookieHeader,
+                "X-Requested-With": "XMLHttpRequest",
+            },
+        });
+        let data = await result.json();
+        addStringToCache(text, data);
+        res.statusCode = 200;
+        res.end(JSON.stringify(data));
+    }
+    else {
+        res.statusCode = 200;
+        res.end(text);
+    }
+};
+export function getStringCache() {
+    return Object.fromEntries(stringCache);
+}

package/lib/proxy.js

@@ -43,6 +43,7 @@ export async function login(hostname, username, password) {
             },
         };
         process.stdout.clearLine?.(0);
+        process.stdout.cursorTo?.(0);
         write(`\r${chalk.bgBlueBright(hostname)}: Authenticating`);
         let start = performance.now();
         let interval = setInterval(() => {
@@ -64,6 +65,7 @@ export async function login(hostname, username, password) {
                     }
                 }
                 process.stdout.clearLine?.(0);
+                process.stdout.cursorTo?.(0);
                 write(`${chalk.bgBlueBright(hostname)}: Authenticated (${Math.floor(performance.now() - start)}ms)\n`);
                 lastLogin.set(hostname, {
                     timestamp: Date.now(),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@olenbetong/appframe-vite",
-	"version": "4.0.3",
+	"version": "4.1.0",
 	"description": "Tools to use and deploy Vite applications to Appframe",
 	"main": "./lib/index.js",
 	"type": "module",
@@ -43,5 +43,5 @@
 		"open": "^9.1.0",
 		"tcp-port-used": "^1.0.2"
 	},
-	"gitHead": "accf7556ca04e48921926b526fb712a7b7ae0e53"
+	"gitHead": "ba8b3dc19b519eee6a3732526f4d1c10d0e00649"
 }