@co0ontty/wand 1.41.3 → 1.42.0

package/dist/web-ui/index.d.ts

@@ -1 +1,3 @@
+import { type EmbeddedVendorAssetPath } from "./embedded-assets.js";
+export declare function vendorAssetUrl(relPath: EmbeddedVendorAssetPath): string;
 export declare function renderApp(configPath: string): string;

package/dist/web-ui/index.js

@@ -1,36 +1,13 @@
 // Main entry point for web-ui module
 // Combines CSS and JavaScript into a single HTML document
-import { readFileSync, existsSync } from "node:fs";
-import { createHash } from "node:crypto";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
+import { EMBEDDED_WEB_ASSETS } from "./embedded-assets.js";
 import { getCSSStyles } from "./styles.js";
 import { getScriptContent } from "./scripts.js";
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
 // Use String.fromCharCode to avoid template literal interpretation of </script>
 const scriptClose = String.fromCharCode(60, 47) + "script>";
 const scriptOpen = "<" + "script";
-// Vendor assets are served with immutable cache headers, so the URL must
-// change whenever the file content changes — otherwise the browser keeps the
-// stale copy across upgrades. We append ?v=<sha-prefix> derived from the
-// on-disk bundle so each new build busts the cache automatically.
-const vendorHashCache = new Map();
-function vendorAssetUrl(relPath) {
-    if (!vendorHashCache.has(relPath)) {
-        const fullPath = path.join(__dirname, "content", relPath);
-        let hash = "0";
-        try {
-            if (existsSync(fullPath)) {
-                const buf = readFileSync(fullPath);
-                hash = createHash("md5").update(buf).digest("hex").slice(0, 8);
-            }
-        }
-        catch {
-            hash = String(Date.now()).slice(-8);
-        }
-        vendorHashCache.set(relPath, hash);
-    }
-    return `${relPath}?v=${vendorHashCache.get(relPath)}`;
+export function vendorAssetUrl(relPath) {
+    return `${relPath}?v=${EMBEDDED_WEB_ASSETS.vendor[relPath].hash}`;
 }
 export function renderApp(configPath) {
     const cssStyles = getCSSStyles();

package/dist/web-ui/scripts.js

@@ -1,6 +1,7 @@
 import * as fs from "node:fs";
 import * as path from "node:path";
 import { fileURLToPath } from "node:url";
+import { EMBEDDED_WEB_ASSETS } from "./embedded-assets.js";
 function escapeHtml(value) {
     return String(value)
         .replace(/&/g, "&")
@@ -10,7 +11,7 @@ function escapeHtml(value) {
         .replace(/'/g, "'");
 }
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
-let _scriptCache = null;
+let _scriptCache = EMBEDDED_WEB_ASSETS.scriptsJs;
 let _scriptCacheMtimeMs = 0;
 export function getScriptContent(configPath) {
     const scriptPath = path.join(__dirname, "content", "scripts.js");
@@ -22,11 +23,9 @@ export function getScriptContent(configPath) {
         }
     }
     catch {
-        // During self-update npm can briefly replace the global package directory.
-        // Keep serving the already-loaded UI until /api/restart switches process.
-        if (_scriptCache === null) {
-            _scriptCache = fs.readFileSync(scriptPath, "utf-8");
-        }
+        // During self-update npm can replace the global package directory while the
+        // old process is still serving requests. The embedded build asset keeps the
+        // app shell renderable even when dist/web-ui/content has disappeared.
     }
     // Inject the config path
     return _scriptCache.replace("${escapeHtml(configPath)}", escapeHtml(configPath));

package/dist/web-ui/styles.js

@@ -1,12 +1,13 @@
 import * as fs from "node:fs";
 import * as path from "node:path";
 import { fileURLToPath } from "node:url";
+import { EMBEDDED_WEB_ASSETS } from "./embedded-assets.js";
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 // 用 mtime 做缓存键，磁盘上 CSS 一变（npm run build / 手工 edit dist/）下次请求
 // 就会自动 re-read。否则进程启动时缓存的 CSS 会粘住整个生命周期，UI 改动看不到效果，
 // 必须重启 wand 才能生效——开发 / 修 UI 的时候这点尤其难受。
 // 同步 stat 的成本：本地 fs，~几十微秒，相对一次 HTML 渲染可忽略。
-let _cssCache = null;
+let _cssCache = EMBEDDED_WEB_ASSETS.stylesCss;
 let _cssCacheMtimeMs = 0;
 export function getCSSStyles() {
     const cssPath = path.join(__dirname, "content", "styles.css");
@@ -18,10 +19,8 @@ export function getCSSStyles() {
         }
     }
     catch {
-        // 文件丢了就退化到旧缓存（如果有），还没缓存过就抛出原错误让 server 知道。
-        if (_cssCache === null) {
-            _cssCache = fs.readFileSync(cssPath, "utf-8");
-        }
+        // Self-update can remove the package directory before the old process exits.
+        // Keep serving the embedded build CSS until the process restarts.
     }
     return _cssCache;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@co0ontty/wand",
-  "version": "1.41.3",
+  "version": "1.42.0",
   "description": "A web terminal for local CLI tools like Claude.",
   "type": "module",
   "bin": {
@@ -16,10 +16,11 @@
   ],
   "preferGlobal": true,
   "scripts": {
-    "build": "node scripts/bundle-wterm.js && node scripts/bundle-qrcode.js && tsc -p tsconfig.json && npm run build:copy-content && node scripts/stamp-build-info.js && node scripts/fix-dist-permissions.js",
+    "generate:web-assets": "node scripts/generate-web-assets.js",
+    "build": "node scripts/bundle-wterm.js && node scripts/bundle-qrcode.js && npm run generate:web-assets && tsc -p tsconfig.json && npm run build:copy-content && node scripts/stamp-build-info.js && node scripts/fix-dist-permissions.js",
     "build:copy-content": "cp -r src/web-ui/content dist/web-ui/",
-    "dev": "tsx src/cli.ts web",
-    "check": "tsc --noEmit -p tsconfig.json",
+    "dev": "npm run generate:web-assets && tsx src/cli.ts web",
+    "check": "npm run generate:web-assets && tsc --noEmit -p tsconfig.json",
     "prepublishOnly": "TAG=$(git tag --sort=-v:refname --list 'v*' | head -1) && VER=${TAG#v} && npm version $VER --no-git-tag-version --allow-same-version && npm run build"
   },
   "keywords": [