@zhin.js/console 1.0.8 → 1.0.10

package/app/build.ts

@@ -1,211 +0,0 @@
-import { build, searchForWorkspaceRoot } from "vite";
-import react from "@vitejs/plugin-react";
-import tailwindcss from "@tailwindcss/vite";
-import path from "path";
-import fs from "fs";
-
-export interface BuildOptions {
-  /** 插件根目录 */
-  pluginRoot: string;
-  /** 输出目录，默认为 pluginRoot/dist */
-  outDir?: string;
-  /** 是否启用 tailwindcss，默认 true */
-  enableTailwind?: boolean;
-}
-
-export interface ConsoleBuildOptions {
-  /** Console 插件根目录 */
-  consoleRoot: string;
-  /** 输出目录，默认为 consoleRoot/dist */
-  outDir?: string;
-}
-
-/**
- * 查找插件的客户端入口文件
- * @param pluginRoot 插件根目录
- * @returns 入口文件路径，如果不存在则返回 null
- */
-function findClientEntry(pluginRoot: string): string | null {
-  const possibleEntries = [
-    path.join(pluginRoot, "client/index.tsx"),
-    path.join(pluginRoot, "client/index.ts"),
-    path.join(pluginRoot, "src/main.tsx"),
-    path.join(pluginRoot, "src/main.ts"),
-  ];
-
-  for (const entry of possibleEntries) {
-    if (fs.existsSync(entry)) {
-      return entry;
-    }
-  }
-
-  return null;
-}
-
-/**
- * 验证构建环境
- * @param pluginRoot 插件根目录
- * @throws 如果环境不满足构建要求
- */
-function validateBuildEnvironment(pluginRoot: string): void {
-  if (!fs.existsSync(pluginRoot)) {
-    throw new Error(`Plugin root directory does not exist: ${pluginRoot}`);
-  }
-
-  const entry = findClientEntry(pluginRoot);
-  if (!entry) {
-    throw new Error(
-      `No client entry file found in ${pluginRoot}. Looking for: client/index.tsx, client/index.ts, src/main.tsx, or src/main.ts`
-    );
-  }
-}
-
-/**
- * 构建插件的客户端代码（单文件模式）
- * 用于构建普通插件的 client/index.tsx 文件
- * 
- * 策略：将公共依赖配置为 external，运行时从 console 加载的 vendor chunks 中复用
- * @param options 构建选项
- */
-export async function buildPluginClient(options: BuildOptions): Promise<void> {
-  const {
-    pluginRoot,
-    outDir = path.join(pluginRoot, "dist"),
-    enableTailwind = true,
-  } = options;
-
-  // 验证构建环境
-  validateBuildEnvironment(pluginRoot);
-
-  const entry = findClientEntry(pluginRoot);
-  if (!entry) {
-    throw new Error(`No client entry file found in ${pluginRoot}`);
-  }
-
-  const plugins = [react()];
-  if (enableTailwind) {
-    plugins.push(tailwindcss());
-  }
-
-  // 构建配置 - 库模式
-  const clientRoot = path.dirname(entry);
-
-  await build({
-    root: clientRoot,
-    plugins,
-    build: {
-      outDir,
-      emptyOutDir: true,
-      lib: {
-        entry,
-        formats: ["es"],
-        fileName: "index",
-      },
-      rollupOptions: {
-        makeAbsoluteExternalsRelative: true,
-        external:[
-          'react',
-          'react-dom',
-          'react/jsx-runtime',
-          'clsx',
-          'tailwind-merge',
-          'lucide-react',
-          '@radix-ui/themes'
-        ],
-      },
-    },
-    resolve:{
-      dedupe: [
-        "react",
-        "react-dom",
-        "clsx",
-        "tailwind-merge",
-      ],
-      alias: {
-        "@": path.resolve(pluginRoot, "client/src"),
-      },
-    }
-  });
-
-  console.log(`✅ Plugin client code built successfully: ${outDir}`);
-  console.log(`📦 External dependencies will be loaded from console vendor chunks`);
-}
-
-/**
- * 构建 Console 插件的客户端代码（SPA 应用模式）
- * Console 有完整的 index.html 和 src 目录结构
- * @param options Console 构建选项
- */
-export async function buildConsoleClient(
-  options: ConsoleBuildOptions
-): Promise<void> {
-  const { consoleRoot, outDir = path.join(consoleRoot, "dist") } = options;
-
-  const clientRoot = path.join(consoleRoot, "client");
-
-  // 检查 client 目录是否存在
-  if (!fs.existsSync(clientRoot)) {
-    throw new Error(`Console client directory does not exist: ${clientRoot}`);
-  }
-
-  // 检查 index.html 是否存在
-  const indexHtml = path.join(clientRoot, "index.html");
-  if (!fs.existsSync(indexHtml)) {
-    throw new Error(`index.html not found in: ${clientRoot}`);
-  }
-
-  const workspaceRoot = searchForWorkspaceRoot(consoleRoot);
-  const consoleClientRoot=path.resolve(workspaceRoot, "plugins/client/client")
-  const plugins = [react(), tailwindcss()];
-
-  await build({
-    root: clientRoot,
-    plugins,
-    build: {
-      outDir,
-      emptyOutDir: true,
-      // 设置最小 chunk 大小，避免过度分割
-      chunkSizeWarningLimit: 1000,
-      // SPA 应用模式，不是库模式
-      rollupOptions: {
-        input: indexHtml,
-        // 保留导出签名
-        preserveEntrySignatures: 'strict',
-        output: {
-          // 确保文件名稳定，不使用哈希，方便插件引用
-          chunkFileNames: '[name].js',
-          entryFileNames: '[name].js',
-          assetFileNames: '[name].[ext]',
-        },
-      },
-    },
-    resolve: {
-      dedupe: [
-        "react",
-        "react-dom",
-        "clsx",
-        "tailwind-merge",
-        "@reduxjs/toolkit",
-        "react-router",
-        "react-redux",
-        "redux-persist",
-      ],
-      alias: {
-        "@zhin.js/client": consoleClientRoot,
-        "@": path.resolve(clientRoot, "src"),
-      },
-    },
-  });
-
-  console.log(`✅ Console client built successfully: ${outDir}`);
-}
-
-/**
- * 构建当前目录的插件客户端代码
- */
-export async function buildCurrentPlugin(): Promise<void> {
-  const currentDir = process.cwd();
-  await buildPluginClient({
-    pluginRoot: currentDir,
-  });
-}

package/app/dev.ts

@@ -1,83 +0,0 @@
-import { ViteDevServer, createServer, searchForWorkspaceRoot } from "vite";
-import react from "@vitejs/plugin-react";
-import tailwindcss from "@tailwindcss/vite";
-import path from "path";
-
-export interface DevServerOptions {
-  /** 客户端代码根目录 */
-  root: string;
-  /** 基础路径，默认 /vite/ */
-  base?: string;
-  /** 是否启用 tailwindcss，默认 true */
-  enableTailwind?: boolean;
-}
-
-/**
- * 创建 Vite 开发服务器
- * @param options 开发服务器选项
- * @returns Vite 开发服务器实例
- */
-export async function createViteDevServer(
-  options: DevServerOptions
-): Promise<ViteDevServer> {
-  const { root, base = "/vite/", enableTailwind = true } = options;
-
-  const plugins = [react()];
-  if (enableTailwind) {
-    plugins.push(tailwindcss());
-  }
-
-  return await await createServer({
-    root,
-    base,
-    plugins: [react(), tailwindcss()],
-    server: {
-      middlewareMode: true,
-      fs: {
-        strict: false,
-        // 添加文件访问过滤，避免访问特殊文件
-        allow: [
-          // 允许访问的目录
-          root,
-          searchForWorkspaceRoot(root),
-          path.resolve(process.cwd(), 'node_modules'),
-          path.resolve(process.cwd(), 'client'),
-          path.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": path.resolve(root, "../../client/client"),
-        "@": path.resolve(root, "../client/src"),
-      },
-    },
-    optimizeDeps: {
-      include: ["react", "react-dom"],
-    },
-    build: {
-      rollupOptions: {
-        input: root + "/index.html",
-      },
-    },
-  });
-}

package/app/index.ts

@@ -1,193 +0,0 @@
-import { register, useContext,useLogger } from "@zhin.js/core";
-import  { WebSocketServer } from "ws";
-import { ViteDevServer } from "vite";
-import mime from "mime";
-import connect from "koa-connect";
-import * as fs from "fs";
-import * as path from "path";
-import { createViteDevServer } from "./dev.js";
-import { setupWebSocket,notifyDataUpdate } from "./websocket.js";
-
-declare module "@zhin.js/types" {
-  interface GlobalContext {
-    web: WebServer;
-  }
-}
-export type WebEntry =
-  | string
-  | {
-      production: string;
-      development: string;
-    };
-export type WebServer = {
-  vite?: ViteDevServer;
-  addEntry(entry: WebEntry): () => void;
-  entries: Record<string, string>;
-  ws: WebSocketServer;
-};
-const logger=useLogger()
-const createSyncMsg = (key: string, value: any) => {
-  return {
-    type: "sync",
-    data: {
-      key,
-      value,
-    },
-  };
-};
-const createAddMsg = (key: string, value: any) => {
-  return {
-    type: "add",
-    data: {
-      key,
-      value,
-    },
-  };
-};
-const createDeleteMsg = (key: string, value: any) => {
-  return {
-    type: "delete",
-    data: {
-      key,
-      value,
-    },
-  };
-};
-useContext("router", async (router) => {
-  const base = "/vite/";
-
-  const webServer: 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 as "development" | "production") ||
-                "development"
-            ];
-      this.entries[hash] = `/vite/@fs/${entryFile}`
-      for (const ws of this.ws.clients || []) {
-        ws.send(JSON.stringify(createAddMsg("entries", this.entries[hash])));
-      }
-      return () => {
-        for (const ws of this.ws.clients || []) {
-          ws.send(
-            JSON.stringify(createDeleteMsg("entries", this.entries[hash]))
-          );
-        }
-        delete this.entries[hash];
-      };
-    },
-    ws: router.ws("/server"),
-  };
-  const isDev = process.env.NODE_ENV === "development";
-  const root = isDev
-    ? path.join(import.meta.dirname, "../client")
-    : path.join(import.meta.dirname, "../dist");
-  logger.info({isDev,root})
-  if (isDev) {
-    webServer.vite = await await createViteDevServer({
-      root,
-      base,
-      enableTailwind: true,
-    });
-    // Vite 中间件 - 必须在其他路由之前
-    router.use((ctx, next) => {
-      if (ctx.request.originalUrl.startsWith("/api")) return next();
-      return connect(webServer.vite!.middlewares)(ctx, 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(!fs.existsSync(filename)) return next();
-      ctx.type = mime.getType(filename) || path.extname(filename);
-      ctx.body = fs.createReadStream(filename);
-    });
-  }
-
-  // SPA 回退路由 - 处理所有未匹配的路由
-  router.all("*all", async (ctx, next) => {
-    const url = ctx.request.originalUrl.replace(base, "");
-    const name = isDev ? ctx.path.slice(1) : ctx.path.slice(1);
-    const sendFile = (filename: string) => {
-      console.log(`发送文件: ${filename}`);
-      // 安全检查：确保是常规文件
-      try {
-        const stat = fs.statSync(filename);
-        if (!stat.isFile()) {
-          ctx.status = 404;
-          return;
-        }
-      } catch (error) {
-        ctx.status = 404;
-        return;
-      }
-
-      ctx.type = path.extname(filename);
-      ctx.type = mime.getType(filename) || ctx.type;
-      return (ctx.body = fs.createReadStream(filename));
-    };
-    
-    // 1. 检查是否是动态入口
-    if (Object.keys(webServer.entries).includes(name)) {
-      return sendFile(path.resolve(process.cwd(), webServer.entries[name]));
-    }
-
-    // 2. 检查是否是静态文件
-    const filename = path.resolve(root, name);
-    if (filename.startsWith(root) || filename.includes("node_modules")) {
-      try {
-        if (fs.existsSync(filename)) {
-          const fileState = fs.statSync(filename);
-          // 只处理常规文件，忽略目录、socket、符号链接等
-          if (
-            fileState.isFile() &&
-            !fileState.isSocket() &&
-            !fileState.isFIFO()
-          ) {
-            return sendFile(filename);
-          }
-        }
-      } catch (error) {
-        // 忽略文件系统错误，继续处理
-        console.warn(`文件访问错误: ${filename}`, (error as Error).message);
-      }
-    } else {
-      // 安全检查：路径不在允许范围内
-      return (ctx.status = 403);
-    }
-
-    // 3. 所有其他路径（包括 SPA 路由）都返回 index.html
-    // 这样前端路由可以正确处理
-    const indexFile = path.resolve(root, "index.html");
-    if(!isDev) return sendFile(indexFile);
-    const template = fs.readFileSync(indexFile, "utf8");
-    ctx.type = "html";
-    ctx.body = await webServer.vite!.transformIndexHtml(url, template);
-  });
-  // 定时通知客户端更新数据
-  const dataUpdateInterval = setInterval(() => {
-    notifyDataUpdate(webServer);
-  }, 5000); // 每5秒通知一次更新
-  setupWebSocket(webServer);
-  // 插件卸载时清理定时器
-  process.on("exit", () => {
-    clearInterval(dataUpdateInterval);
-  });
-  register({
-    name: "web",
-    description: "web服务",
-    async mounted() {
-      return webServer;
-    },
-    async dispose(server) {
-      await server.vite?.close();
-      server.ws.close();
-    },
-  });
-});

package/app/websocket.ts

@@ -1,109 +0,0 @@
-import WebSocket from "ws";
-import type { WebServer } from "./index.js";
-
-/**
- * 设置 WebSocket 连接处理
- */
-export function setupWebSocket(webServer: WebServer) {
-  webServer.ws.on("connection", (ws: WebSocket) => {
-    // 发送初始数据同步
-    ws.send(
-      JSON.stringify({
-        type: "sync",
-        data: {
-          key: "entries",
-          value: Object.values(webServer.entries),
-        },
-      })
-    );
-
-    // 通知客户端进行数据初始化
-    ws.send(
-      JSON.stringify({
-        type: "init-data",
-        timestamp: Date.now(),
-      })
-    );
-
-    // 处理客户端消息
-    ws.on("message", async (data) => {
-      try {
-        const message = JSON.parse(data.toString());
-        await handleWebSocketMessage(ws, message, webServer);
-      } catch (error) {
-        console.error("WebSocket 消息处理错误:", error);
-        ws.send(
-          JSON.stringify({
-            error: "Invalid message format",
-          })
-        );
-      }
-    });
-
-    ws.on("close", () => {
-      // 连接关闭时的清理工作
-    });
-
-    ws.on("error", (error) => {
-      console.error("WebSocket 错误:", error);
-    });
-  });
-}
-
-/**
- * 处理 WebSocket 消息
- */
-async function handleWebSocketMessage(
-  ws: WebSocket,
-  message: any,
-  webServer: WebServer
-) {
-  const { type, requestId } = message;
-
-  switch (type) {
-    case "ping":
-      // 心跳检测
-      ws.send(JSON.stringify({ type: "pong", requestId }));
-      break;
-
-    case "entries:get":
-      // 获取所有入口文件
-      ws.send(
-        JSON.stringify({
-          requestId,
-          data: Object.values(webServer.entries),
-        })
-      );
-      break;
-
-    default:
-      // 未知消息类型
-      ws.send(
-        JSON.stringify({
-          requestId,
-          error: `Unknown message type: ${type}`,
-        })
-      );
-  }
-}
-
-/**
- * 广播消息给所有连接的客户端
- */
-export function broadcastToAll(webServer: WebServer, message: any) {
-  for (const ws of webServer.ws.clients || []) {
-    if (ws.readyState === WebSocket.OPEN) {
-      ws.send(JSON.stringify(message));
-    }
-  }
-}
-
-/**
- * 通知数据更新
- */
-export function notifyDataUpdate(webServer: WebServer) {
-  broadcastToAll(webServer, {
-    type: "data-update",
-    timestamp: Date.now(),
-  });
-}

package/client/public/vendor/react-dom.production.min.js

@@ -1 +0,0 @@
-Not found: /react-dom@19.2.0/umd/react-dom.production.min.js

package/client/public/vendor/react.production.min.js

@@ -1 +0,0 @@
-Not found: /react@19.2.0/umd/react.production.min.js