npm - @wxn0brp/falcon-frame-lang - Versions diffs - 0.0.2 → 0.0.3 - Mend

@wxn0brp/falcon-frame-lang 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md CHANGED Viewed

@@ -17,7 +17,7 @@ This package provides easy-to-use internationalization (i18n) functionality for
 ## Installation
 ```bash
-yarn add github:wxn0brP/FalconFrame-lang#dist
+npm i @wxn0brp/falcon-frame-lang
 ```
 ## Usage

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { RouteHandler } from "@wxn0brp/falcon-frame";
+import { Config } from "./types.js";
+export declare function createLangRouter(config: Config): RouteHandler;

package/dist/index.js ADDED Viewed

@@ -0,0 +1,53 @@
+import { renderHTML } from "@wxn0brp/falcon-frame";
+import { getLang, getLangData } from "./lang.js";
+export function createLangRouter(config) {
+    config = {
+        dir: "public",
+        layout: "public/layout.html",
+        langDir: "public/lang",
+        ...config
+    };
+    if (!config.dir.endsWith("/"))
+        config.dir += "/";
+    if (!config.langDir.endsWith("/"))
+        config.langDir += "/";
+    return (req, res, next) => {
+        const name = req.params.name;
+        const meta = config.meta[name] || config.meta["*"];
+        if (!meta)
+            return next();
+        const lang = getLang(req);
+        const langData = getLangData(req, config, lang);
+        const mapLangData = Object.keys(langData).reduce((acc, key) => {
+            const _key = "t_" + key.replaceAll("-", "_").replaceAll(".", "_").replaceAll(" ", "_");
+            acc[_key] = langData[key];
+            return acc;
+        }, {});
+        const dataObj = {
+            title: meta.title || name,
+            lang,
+            name,
+            ...(mapLangData || {}),
+            ...(config.getSpecific?.(name) || {})
+        };
+        const main = renderHTML(config.dir + name + ".html", dataObj);
+        let html = renderHTML(config.layout, { body: main, ...dataObj });
+        html = translateHtml(html, langData, lang);
+        res.ct("text/html; charset=utf-8");
+        res.end(html);
+    };
+}
+function translateHtml(html, langData, lang = "en") {
+    html = html.replace(/<([^>]*?)\s+translate\s*=\s*["']([^"']+)["']([^>]*?)>(.*?)<\/[^>]*?>/gs, (fullMatch, beforeTranslate, translateValue, afterTranslate) => {
+        let translatedText = langData[translateValue] || translateValue;
+        return `<${beforeTranslate} translate="${translateValue}" ${afterTranslate}>${translatedText}</${fullMatch.match(/<\/(\w+)/)[1]}>`;
+    });
+    html = html.replace(/(<[^>]*?)\s+translate-([a-z-]+)=["']([^"']+)["']([^>]*>)/gi, (_, beforeTag, attrName, attrValue, afterTag) => {
+        const translatedValue = langData[attrValue] || attrValue;
+        return `${beforeTag} translate-${attrName}="${attrValue}" ${attrName}="${translatedValue}"${afterTag}`;
+    });
+    html = html.replace(/<html\s+lang=["']([^"']+)["']>/gi, () => {
+        return `<html lang="${lang}">`;
+    });
+    return html;
+}

package/dist/lang.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { AnotherCache } from "@wxn0brp/ac";
+import { FFRequest } from "@wxn0brp/falcon-frame";
+import { Config } from "./types.js";
+export declare const cache: AnotherCache<any, string>;
+export declare function getLang(req: FFRequest): string;
+export declare function getLangData(req: FFRequest, config: Config, lang?: string): Record<string, string>;

package/dist/lang.js ADDED Viewed

@@ -0,0 +1,24 @@
+import { AnotherCache } from "@wxn0brp/ac";
+import { existsSync, readFileSync } from "fs";
+export const cache = new AnotherCache();
+export function getLang(req) {
+    let lang = req.query.lang || req.cookies.lang || req.headers["accept-language"];
+    if (!lang)
+        return "en";
+    lang = lang.split(",")[0].split(";")[0].split("-")[0];
+    return lang;
+}
+export function getLangData(req, config, lang = getLang(req)) {
+    if (cache.has(lang))
+        return cache.get(lang);
+    const path = config.langDir + lang + ".json";
+    if (existsSync(path)) {
+        try {
+            const data = JSON.parse(readFileSync(path, "utf-8"));
+            cache.set(lang, data);
+            return data;
+        }
+        catch { }
+    }
+    return {};
+}

package/dist/types.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export interface Config {
+    meta: Record<string, {
+        title: string;
+        [key: string]: any;
+    }>;
+    dir?: string;
+    layout?: string;
+    langDir?: string;
+    getSpecific?: (name: string) => Record<string, any>;
+}

package/dist/types.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/package.json CHANGED Viewed

@@ -1,51 +1,49 @@
 {
-    "name": "@wxn0brp/falcon-frame-lang",
-    "version": "0.0.2",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "description": "FalconFrame language middleware for multi-language support",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/wxn0brP/FalconFrame-lang.git"
+  "name": "@wxn0brp/falcon-frame-lang",
+  "version": "0.0.3",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "description": "FalconFrame language middleware for multi-language support",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wxn0brP/FalconFrame-lang.git"
+  },
+  "homepage": "https://github.com/wxn0brP/FalconFrame",
+  "author": "wxn0brP",
+  "license": "MIT",
+  "type": "module",
+  "keywords": [
+    "falcon-frame",
+    "i18n",
+    "localization",
+    "translation",
+    "lang",
+    "language"
+  ],
+  "devDependencies": {
+    "@types/node": "*",
+    "@wxn0brp/ac": "^0.0.3",
+    "@wxn0brp/falcon-frame": "^0.5.3",
+    "tsc-alias": "*",
+    "typescript": "*"
+  },
+  "peerDependencies": {
+    "@wxn0brp/ac": ">=0.0.3",
+    "@wxn0brp/falcon-frame": ">=0.5.3"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
-    "homepage": "https://github.com/wxn0brP/FalconFrame",
-    "author": "wxn0brP",
-    "license": "MIT",
-    "type": "module",
-    "scripts": {
-        "build": "tsc && tsc-alias"
-    },
-    "keywords": [
-        "falcon-frame",
-        "i18n",
-        "localization",
-        "translation",
-        "lang",
-        "language"
-    ],
-    "devDependencies": {
-        "@types/node": "*",
-        "@wxn0brp/ac": "^0.0.2",
-        "@wxn0brp/falcon-frame": "^0.4.0",
-        "typescript": "*"
-    },
-    "peerDependencies": {
-        "@wxn0brp/ac": ">=0.0.2",
-        "@wxn0brp/falcon-frame": ">=0.4.0"
-    },
-    "files": [
-        "dist"
-    ],
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.js",
-            "default": "./dist/index.js"
-        },
-        "./*": {
-            "types": "./dist/*.d.ts",
-            "import": "./dist/*.js",
-            "default": "./dist/*.js"
-        }
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js",
+      "default": "./dist/*.js"
     }
-}
+  }
+}