@zhin.js/console 1.0.21 → 1.0.22

package/lib/bin.js

@@ -46,7 +46,7 @@ async function build2(root, config = {}) {
           "react/jsx-runtime",
           "react/jsx-dev-runtime",
           "radix-ui",
-          "@radix-ui/themes",
+          "class-variance-authority",
           "lucide-react",
           "@zhin.js/client"
         ],
@@ -57,7 +57,7 @@ async function build2(root, config = {}) {
             "react": root + "/react.js",
             "react-dom": root + "/react-dom.js",
             "radix-ui": root + "/radix-ui.js",
-            "@radix-ui/themes": root + "/radix-ui-themes.js"
+            "class-variance-authority": root + "/cva.js"
           }
         },
         output: {

package/lib/build.js

@@ -46,7 +46,7 @@ async function build2(root, config = {}) {
           "react/jsx-runtime",
           "react/jsx-dev-runtime",
           "radix-ui",
-          "@radix-ui/themes",
+          "class-variance-authority",
           "lucide-react",
           "@zhin.js/client"
         ],
@@ -57,7 +57,7 @@ async function build2(root, config = {}) {
             "react": root + "/react.js",
             "react-dom": root + "/react-dom.js",
             "radix-ui": root + "/radix-ui.js",
-            "@radix-ui/themes": root + "/radix-ui-themes.js"
+            "class-variance-authority": root + "/cva.js"
           }
         },
         output: {

package/lib/index.d.ts

@@ -1,11 +1,9 @@
 import * as _zhin_js_http from '@zhin.js/http';
 import { WebSocketServer } from 'ws';
-import { ViteDevServer } from 'vite';
 
 interface ConsoleConfig {
     /** 是否启用控制台插件，默认 true */
     enabled?: boolean;
-    /** 是否延迟加载 Vite（开发模式），默认 true */
     /** 端口号（继承自 http 配置） */
     port?: number;
 }
@@ -14,7 +12,6 @@ type WebEntry = string | {
     development: string;
 };
 interface WebServer {
-    vite?: ViteDevServer;
     addEntry(entry: WebEntry): () => void;
     entries: Record<string, string>;
     ws: WebSocketServer;

package/lib/index.js

@@ -1,111 +1,11 @@
-import * as path2 from 'path';
-import path2__default from 'path';
-import * as fs2 from 'fs';
-import fs2__default from 'fs';
 import { usePlugin } from '@zhin.js/core';
 import mime from 'mime';
+import * as fs2 from 'fs';
+import * as path2 from 'path';
 import WebSocket from 'ws';
+import { transform } from 'esbuild';
 
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/dev.ts
-var dev_exports = {};
-__export(dev_exports, {
-  createViteDevServer: () => createViteDevServer
-});
-async function createViteDevServer(options) {
-  const { root: root3, base = "/vite/", enableTailwind = true } = options;
-  try {
-    const [
-      { createServer, searchForWorkspaceRoot },
-      { default: react },
-      { default: tailwindcss }
-    ] = await Promise.all([
-      import('vite'),
-      import('@vitejs/plugin-react'),
-      import('@tailwindcss/vite')
-    ]);
-    const plugins = [react()];
-    if (enableTailwind) {
-      plugins.push(tailwindcss());
-    }
-    const clientPath = path2__default.resolve(process.cwd(), "node_modules/@zhin.js/client/client");
-    if (!fs2__default.existsSync(clientPath)) {
-      throw new Error("@zhin.js/client not found");
-    }
-    return await createServer({
-      root: root3,
-      base,
-      plugins: [react(), tailwindcss()],
-      server: {
-        middlewareMode: true,
-        allowedHosts: true,
-        fs: {
-          strict: false,
-          // 添加文件访问过滤，避免访问特殊文件
-          allow: [
-            // 允许访问的目录
-            root3,
-            searchForWorkspaceRoot(root3),
-            path2__default.resolve(process.cwd(), "node_modules"),
-            path2__default.resolve(process.cwd(), "client"),
-            path2__default.resolve(process.cwd(), "src")
-          ],
-          // 拒绝访问某些文件模式
-          deny: [
-            "**/.git/**",
-            "**/node_modules/.cache/**",
-            "**/*.socket",
-            "**/*.pipe",
-            "**/Dockerfile*",
-            "**/.env*"
-          ]
-        }
-      },
-      resolve: {
-        dedupe: [
-          "react",
-          "react-dom",
-          "clsx",
-          "tailwind-merge",
-          "@reduxjs/toolkit",
-          "react-router",
-          "react-redux",
-          "redux-persist"
-        ],
-        alias: {
-          "@zhin.js/client": path2__default.resolve(process.cwd(), "node_modules/@zhin.js/client/client"),
-          "@": path2__default.resolve(root3, "../client/src")
-        }
-      },
-      optimizeDeps: {
-        include: ["react", "react-dom"]
-      },
-      build: {
-        rollupOptions: {
-          input: root3 + "/index.html"
-        }
-      }
-    });
-  } catch (error) {
-    throw new Error(
-      `Failed to create Vite dev server. Make sure all development dependencies are installed: vite, @vitejs/plugin-react, @tailwindcss/vite. Run: pnpm install --include=optional
-Original error: ${error.message}`
-    );
-  }
-}
-var init_dev = __esm({
-  "src/dev.ts"() {
-  }
-});
+// src/index.ts
 var { root, logger } = usePlugin();
 function setupWebSocket(webServer) {
   webServer.ws.on("connection", (ws) => {
@@ -246,20 +146,76 @@ function notifyDataUpdate(webServer) {
     timestamp: Date.now()
   });
 }
-
-// src/index.ts
-async function loadDevDependencies() {
-  try {
-    const devModule = await Promise.resolve().then(() => (init_dev(), dev_exports));
-    const koaConnectModule = await import('koa-connect');
-    return {
-      createViteDevServer: devModule.createViteDevServer,
-      connect: koaConnectModule.default
-    };
-  } catch {
-    return null;
+var cache = /* @__PURE__ */ new Map();
+var TRANSFORMABLE_EXTS = [".ts", ".tsx", ".jsx"];
+var RESOLVE_EXTS = [".tsx", ".ts", ".jsx", ".js"];
+function isTransformable(filePath) {
+  const ext = path2.extname(filePath).toLowerCase();
+  return TRANSFORMABLE_EXTS.includes(ext);
+}
+var IMPORT_RE = /(?:import|export)\s+.*?\s+from\s+['"]([^'"]+)['"]|import\s*\(\s*['"]([^'"]+)['"]\s*\)/g;
+var CSS_IMPORT_RE = /import\s+['"][^'"]+\.css['"]\s*;?\n?/g;
+function isRelative(specifier) {
+  return specifier.startsWith("./") || specifier.startsWith("../");
+}
+function hasExtension(specifier) {
+  const base = path2.basename(specifier);
+  return base.includes(".") && !base.startsWith(".");
+}
+function resolveRelativeImport(specifier, fromFile) {
+  if (!isRelative(specifier)) return specifier;
+  if (hasExtension(specifier)) return specifier;
+  const dir = path2.dirname(fromFile);
+  const target = path2.resolve(dir, specifier);
+  for (const ext of RESOLVE_EXTS) {
+    if (fs2.existsSync(target + ext)) {
+      return specifier + ext;
+    }
+  }
+  if (fs2.existsSync(target) && fs2.statSync(target).isDirectory()) {
+    for (const ext of RESOLVE_EXTS) {
+      if (fs2.existsSync(path2.join(target, `index${ext}`))) {
+        return specifier + `/index${ext}`;
+      }
+    }
   }
+  return specifier;
 }
+function rewriteImports(code, fromFile) {
+  code = code.replace(CSS_IMPORT_RE, "");
+  code = code.replace(IMPORT_RE, (match, fromSpecifier, dynamicSpecifier) => {
+    const specifier = fromSpecifier || dynamicSpecifier;
+    if (!specifier || !isRelative(specifier)) return match;
+    if (hasExtension(specifier)) return match;
+    const resolved = resolveRelativeImport(specifier, fromFile);
+    if (resolved === specifier) return match;
+    return match.replace(specifier, resolved);
+  });
+  return code;
+}
+async function transformFile(filePath) {
+  const stat = fs2.statSync(filePath);
+  const cached = cache.get(filePath);
+  if (cached && cached.mtime === stat.mtimeMs) {
+    return cached.code;
+  }
+  const source = fs2.readFileSync(filePath, "utf-8");
+  const ext = path2.extname(filePath).toLowerCase();
+  const loader = ext === ".tsx" ? "tsx" : ext === ".ts" ? "ts" : ext === ".jsx" ? "jsx" : "js";
+  const result = await transform(source, {
+    loader,
+    jsx: "automatic",
+    jsxImportSource: "react",
+    format: "esm",
+    sourcemap: "inline",
+    target: "es2022"
+  });
+  const code = rewriteImports(result.code, filePath);
+  cache.set(filePath, { mtime: stat.mtimeMs, code });
+  return code;
+}
+
+// src/index.ts
 var { provide, root: root2, useContext, logger: logger2, inject, onDispose } = usePlugin();
 var configService = inject("config");
 var appConfig = configService?.get("zhin.config.yml") || {};
@@ -278,18 +234,36 @@ if (enabled) {
     data: { key, value }
   });
   useContext("router", async (router) => {
-    const base = "/vite/";
-    const isDev = process.env.NODE_ENV === "development";
-    const rootDir = isDev ? path2.join(import.meta.dirname, "../client") : path2.join(import.meta.dirname, "../dist");
-    let viteStarting = false;
-    let viteStarted = false;
-    let devDeps = null;
+    const entryBases = /* @__PURE__ */ new Map();
+    const genToken = () => Math.random().toString(36).slice(2, 8);
+    const watchedDirs = /* @__PURE__ */ new Set();
+    const watchers = [];
+    path2.join(import.meta.dirname, "../client");
+    const distDir = path2.join(import.meta.dirname, "../dist");
+    const resolveFile = (name) => {
+      const distPath = path2.resolve(distDir, name);
+      if (fs2.existsSync(distPath)) return distPath;
+      return null;
+    };
     const webServer = {
       entries: {},
       addEntry(entry) {
         const hash = Date.now().toString(16) + Math.random().toString(16).slice(2, 8);
-        const entryFile = typeof entry === "string" ? entry : entry[process.env.NODE_ENV || "development"];
-        this.entries[hash] = `/vite/@fs/${entryFile}`;
+        const entryFile = typeof entry === "string" ? entry : entry.production;
+        const dir = path2.dirname(entryFile);
+        const filename = path2.basename(entryFile);
+        let token;
+        for (const [t, d] of entryBases) {
+          if (d === dir) {
+            token = t;
+            break;
+          }
+        }
+        if (!token) {
+          token = genToken();
+          entryBases.set(token, dir);
+        }
+        this.entries[hash] = `/vite/@ext/${token}/${filename}`;
         if (this.ws) {
           for (const ws of this.ws.clients || []) {
             ws.send(JSON.stringify(createAddMsg("entries", this.entries[hash])));
@@ -306,64 +280,15 @@ if (enabled) {
       },
       ws: router.ws("/server")
     };
-    const ensureViteStarted = async () => {
-      if (viteStarted || viteStarting || !isDev) return;
-      viteStarting = true;
-      try {
-        logger2.info("\u{1F504} \u68C0\u6D4B\u5230\u63A7\u5236\u53F0\u8BBF\u95EE\uFF0C\u6B63\u5728\u542F\u52A8 Vite \u5F00\u53D1\u670D\u52A1\u5668...");
-        devDeps = await loadDevDependencies();
-        if (devDeps) {
-          webServer.vite = await devDeps.createViteDevServer({
-            root: rootDir,
-            base,
-            enableTailwind: true
-          });
-          viteStarted = true;
-          logger2.info("\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557");
-          logger2.info("\u2551   Web \u63A7\u5236\u53F0\u5DF2\u542F\u52A8 (\u6309\u9700\u52A0\u8F7D)         \u2551");
-          logger2.info("\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563");
-          logger2.info("\u2551  \u5730\u5740: http://localhost:8086/          \u2551");
-          logger2.info("\u2551  \u6A21\u5F0F: \u5F00\u53D1\u6A21\u5F0F (Vite HMR)             \u2551");
-          logger2.info("\u2551  \u5185\u5B58: \u5DF2\u52A0\u8F7D (~23MB)                  \u2551");
-          logger2.info("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D");
-        }
-      } catch (error) {
-        logger2.error("Vite \u542F\u52A8\u5931\u8D25:", error);
-      } finally {
-        viteStarting = false;
-      }
-    };
-    if (isDev) {
-      await ensureViteStarted();
-      router.use(async (ctx, next) => {
-        if (ctx.request.originalUrl.startsWith("/api")) return next();
-        if (webServer.vite && devDeps) {
-          return devDeps.connect(webServer.vite.middlewares)(ctx, next);
-        }
-        return next();
-      });
-    } else {
-      router.use((ctx, next) => {
-        if (ctx.request.originalUrl.startsWith("/api")) return next();
-        if (!ctx.path.startsWith("/vite/@fs/")) return next();
-        const filename = ctx.path.replace(`/vite/@fs/`, "");
-        if (!fs2.existsSync(filename)) return next();
-        ctx.type = mime.getType(filename) || path2.extname(filename);
-        ctx.body = fs2.createReadStream(filename);
-      });
-      logger2.info("\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557");
-      logger2.info("\u2551      Web \u63A7\u5236\u53F0\u5DF2\u542F\u52A8                  \u2551");
-      logger2.info("\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563");
-      logger2.info("\u2551  \u5730\u5740: http://localhost:8086/          \u2551");
-      logger2.info("\u2551  \u6A21\u5F0F: \u751F\u4EA7\u6A21\u5F0F (\u9759\u6001\u6587\u4EF6)             \u2551");
-      logger2.info("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D");
-    }
+    logger2.info(`Web \u63A7\u5236\u53F0\u5DF2\u542F\u52A8 (${"\u751F\u4EA7\u6A21\u5F0F, \u9759\u6001\u6587\u4EF6 + \u6309\u9700\u8F6C\u8BD1"})`);
     router.all("*all", async (ctx, next) => {
-      const url = ctx.request.originalUrl.replace(base, "");
+      if (ctx.path.startsWith("/api/") || ctx.path === "/api") {
+        return next();
+      }
       const name = ctx.path.slice(1);
-      const sendFile = (filename2) => {
+      const sendFile = async (filename) => {
         try {
-          const stat = fs2.statSync(filename2);
+          const stat = fs2.statSync(filename);
           if (!stat.isFile()) {
             ctx.status = 404;
             return;
@@ -372,33 +297,63 @@ if (enabled) {
           ctx.status = 404;
           return;
         }
-        ctx.type = path2.extname(filename2);
-        ctx.type = mime.getType(filename2) || ctx.type;
-        return ctx.body = fs2.createReadStream(filename2);
+        if (isTransformable(filename)) {
+          try {
+            const code = await transformFile(filename);
+            ctx.type = "application/javascript";
+            ctx.body = code;
+            return;
+          } catch (e) {
+            logger2.warn(`\u8F6C\u8BD1\u5931\u8D25: ${filename}`, e.message);
+            ctx.status = 500;
+            ctx.body = `/* transform error: ${e.message} */`;
+            return;
+          }
+        }
+        ctx.type = path2.extname(filename);
+        ctx.type = mime.getType(filename) || ctx.type;
+        return ctx.body = fs2.createReadStream(filename);
       };
-      if (Object.keys(webServer.entries).includes(name)) {
-        return sendFile(path2.resolve(process.cwd(), webServer.entries[name]));
+      if (ctx.path.startsWith("/vite/@ext/")) {
+        const rest = ctx.path.replace("/vite/@ext/", "");
+        const slashIdx = rest.indexOf("/");
+        if (slashIdx === -1) {
+          ctx.status = 404;
+          return;
+        }
+        const token = rest.slice(0, slashIdx);
+        const relPath = rest.slice(slashIdx + 1);
+        const baseDir = entryBases.get(token);
+        if (!baseDir) {
+          ctx.status = 404;
+          return;
+        }
+        const fullPath = path2.resolve(baseDir, relPath);
+        const safePfx = baseDir.endsWith(path2.sep) ? baseDir : baseDir + path2.sep;
+        if (!fullPath.startsWith(safePfx) && fullPath !== baseDir) {
+          ctx.status = 403;
+          return;
+        }
+        if (fs2.existsSync(fullPath)) {
+          return sendFile(fullPath);
+        }
+        ctx.status = 404;
+        return;
       }
-      const filename = path2.resolve(rootDir, name);
-      if (filename.startsWith(rootDir) || filename.includes("node_modules")) {
+      const resolved = resolveFile(name);
+      if (resolved) {
         try {
-          if (fs2.existsSync(filename)) {
-            const fileState = fs2.statSync(filename);
-            if (fileState.isFile() && !fileState.isSocket() && !fileState.isFIFO()) {
-              return sendFile(filename);
-            }
+          const fileState = fs2.statSync(resolved);
+          if (fileState.isFile() && !fileState.isSocket() && !fileState.isFIFO()) {
+            return sendFile(resolved);
           }
         } catch (error) {
-          logger2.warn(`\u6587\u4EF6\u8BBF\u95EE\u9519\u8BEF: ${filename}`, error.message);
+          logger2.warn(`\u6587\u4EF6\u8BBF\u95EE\u9519\u8BEF: ${resolved}`, error.message);
         }
-      } else {
-        return ctx.status = 403;
       }
-      const indexFile = path2.resolve(rootDir, "index.html");
-      if (!isDev) return sendFile(indexFile);
-      const template = fs2.readFileSync(indexFile, "utf8");
-      ctx.type = "html";
-      ctx.body = await webServer.vite?.transformIndexHtml(url, template) || template;
+      const indexFile = resolveFile("index.html");
+      if (indexFile) return sendFile(indexFile);
+      ctx.status = 404;
     });
     webServer.ws;
     const dataUpdateInterval = setInterval(() => {
@@ -407,18 +362,18 @@ if (enabled) {
     setupWebSocket(webServer);
     onDispose(() => {
       clearInterval(dataUpdateInterval);
+      for (const w of watchers) w.close();
+      watchers.length = 0;
+      watchedDirs.clear();
     });
     provide({
       name: "web",
       description: "web\u670D\u52A1",
       value: webServer,
       dispose(server) {
-        return Promise.all([
-          server.vite?.close(),
-          new Promise((resolve2) => {
-            server.ws.close(() => resolve2());
-          })
-        ]);
+        return new Promise((resolve3) => {
+          server.ws.close(() => resolve3());
+        });
       }
     });
   });

package/lib/transform.d.ts

@@ -0,0 +1,26 @@
+/**
+ * esbuild 按需转译模块
+ *
+ * 在生产模式下，对请求的 .ts/.tsx/.jsx 文件进行实时转译：
+ *   1. 读取源文件
+ *   2. esbuild.transform() 转为 ESM JS（React 17+ automatic JSX）
+ *   3. 重写相对 import 路径（补全扩展名，移除 CSS import）
+ *   4. 以 mtime 为校验的内存缓存
+ */
+/**
+ * 判断文件是否需要转译
+ */
+declare function isTransformable(filePath: string): boolean;
+/**
+ * 转译单个 TS/TSX/JSX 文件为 ESM JavaScript
+ *
+ * @param filePath 文件绝对路径
+ * @returns 转译后的 JS 代码
+ */
+declare function transformFile(filePath: string): Promise<string>;
+/**
+ * 清空转译缓存
+ */
+declare function clearTransformCache(): void;
+
+export { clearTransformCache, isTransformable, transformFile };

package/lib/transform.js

@@ -0,0 +1,78 @@
+import { transform } from 'esbuild';
+import * as fs from 'fs';
+import * as path from 'path';
+
+// src/transform.ts
+var cache = /* @__PURE__ */ new Map();
+var TRANSFORMABLE_EXTS = [".ts", ".tsx", ".jsx"];
+var RESOLVE_EXTS = [".tsx", ".ts", ".jsx", ".js"];
+function isTransformable(filePath) {
+  const ext = path.extname(filePath).toLowerCase();
+  return TRANSFORMABLE_EXTS.includes(ext);
+}
+var IMPORT_RE = /(?:import|export)\s+.*?\s+from\s+['"]([^'"]+)['"]|import\s*\(\s*['"]([^'"]+)['"]\s*\)/g;
+var CSS_IMPORT_RE = /import\s+['"][^'"]+\.css['"]\s*;?\n?/g;
+function isRelative(specifier) {
+  return specifier.startsWith("./") || specifier.startsWith("../");
+}
+function hasExtension(specifier) {
+  const base = path.basename(specifier);
+  return base.includes(".") && !base.startsWith(".");
+}
+function resolveRelativeImport(specifier, fromFile) {
+  if (!isRelative(specifier)) return specifier;
+  if (hasExtension(specifier)) return specifier;
+  const dir = path.dirname(fromFile);
+  const target = path.resolve(dir, specifier);
+  for (const ext of RESOLVE_EXTS) {
+    if (fs.existsSync(target + ext)) {
+      return specifier + ext;
+    }
+  }
+  if (fs.existsSync(target) && fs.statSync(target).isDirectory()) {
+    for (const ext of RESOLVE_EXTS) {
+      if (fs.existsSync(path.join(target, `index${ext}`))) {
+        return specifier + `/index${ext}`;
+      }
+    }
+  }
+  return specifier;
+}
+function rewriteImports(code, fromFile) {
+  code = code.replace(CSS_IMPORT_RE, "");
+  code = code.replace(IMPORT_RE, (match, fromSpecifier, dynamicSpecifier) => {
+    const specifier = fromSpecifier || dynamicSpecifier;
+    if (!specifier || !isRelative(specifier)) return match;
+    if (hasExtension(specifier)) return match;
+    const resolved = resolveRelativeImport(specifier, fromFile);
+    if (resolved === specifier) return match;
+    return match.replace(specifier, resolved);
+  });
+  return code;
+}
+async function transformFile(filePath) {
+  const stat = fs.statSync(filePath);
+  const cached = cache.get(filePath);
+  if (cached && cached.mtime === stat.mtimeMs) {
+    return cached.code;
+  }
+  const source = fs.readFileSync(filePath, "utf-8");
+  const ext = path.extname(filePath).toLowerCase();
+  const loader = ext === ".tsx" ? "tsx" : ext === ".ts" ? "ts" : ext === ".jsx" ? "jsx" : "js";
+  const result = await transform(source, {
+    loader,
+    jsx: "automatic",
+    jsxImportSource: "react",
+    format: "esm",
+    sourcemap: "inline",
+    target: "es2022"
+  });
+  const code = rewriteImports(result.code, filePath);
+  cache.set(filePath, { mtime: stat.mtimeMs, code });
+  return code;
+}
+function clearTransformCache() {
+  cache.clear();
+}
+
+export { clearTransformCache, isTransformable, transformFile };

package/lib/websocket.d.ts

@@ -1,7 +1,6 @@
 import { WebServer } from './index.js';
 import '@zhin.js/http';
 import 'ws';
-import 'vite';
 
 /**
  * 设置 WebSocket 连接处理

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhin.js/console",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "Web console service for Zhin.js with real-time monitoring",
   "type": "module",
   "main": "./lib/index.js",
@@ -44,15 +44,16 @@
     "./node.tsconfig.json": "./node.tsconfig.json"
   },
   "dependencies": {
+    "esbuild": ">=0.21.0",
     "mime": "^4.1.0",
     "ws": "^8.18.3"
   },
   "devDependencies": {
-    "@radix-ui/themes": "^3.2.1",
     "@reduxjs/toolkit": "^2.9.0",
     "@tailwindcss/postcss": "^4.1.11",
     "@tailwindcss/vite": "4.1.14",
     "@vitejs/plugin-react": "^4.3.4",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "koa-connect": "^2.1.0",
     "lucide-react": "^0.469.0",
@@ -66,14 +67,14 @@
     "tailwindcss": "latest",
     "tsup": "^8.5.1",
     "vite": "^7.0.6",
-    "zhin.js": "1.0.25"
+    "zhin.js": "1.0.26"
   },
   "peerDependencies": {
     "@types/ws": "^8.18.1",
-    "@zhin.js/client": "^1.0.8",
-    "@zhin.js/core": "^1.0.25",
-    "@zhin.js/http": "^1.0.16",
-    "zhin.js": "1.0.25"
+    "@zhin.js/client": "^1.0.9",
+    "@zhin.js/core": "^1.0.26",
+    "@zhin.js/http": "^1.0.17",
+    "zhin.js": "1.0.26"
   },
   "files": [
     "lib",