@zhin.js/console 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 凉菜
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,161 @@
+# @zhin.js/console
+
+Zhin 机器人框架的 Web 控制台插件，提供开发环境下的可视化管理界面和调试工具。
+
+## 功能特性
+
+- 🌐 基于 Vite 的开发服务器
+- 🔥 支持热模块替换 (HMR)
+- 📊 实时状态监控
+- 🔧 插件开发调试
+- 📝 日志实时查看
+- 🛠️ 开发工具集成
+- 📱 WebSocket 实时通信
+
+## 技术架构
+
+- **构建工具**: Vite 7.x
+- **前端框架**: Vue 3 + TypeScript
+- **开发服务器**: 集成到 Koa 路由
+- **WebSocket**: 实时数据同步
+- **组件解析**: unplugin-vue-components
+- **UI组件**: PrimeVue 自动导入
+
+## 安装
+
+```bash
+npm install @zhin.js/console
+```
+
+## 使用
+
+### 基本配置
+
+```javascript
+// 在插件中使用
+import '@zhin.js/console'
+```
+
+插件会自动：
+1. 启动 Vite 开发服务器
+2. 配置路由中间件
+3. 设置 WebSocket 连接
+4. 提供静态文件服务
+
+### 访问地址
+
+默认情况下，控制台可以通过以下地址访问：
+```
+http://localhost:8086/vite/
+```
+
+## 核心功能
+
+### Web 服务器集成
+
+```typescript
+interface WebServer {
+  vite: ViteDevServer           // Vite开发服务器
+  addEntry(entry: string): () => void  // 添加入口文件
+  entries: Record<string, string>      // 入口文件映射
+  ws: WebSocketServer          // WebSocket服务器
+}
+```
+
+### 实时数据同步
+
+- 📡 WebSocket 连接管理
+- 🔄 动态入口文件更新
+- 📊 状态实时同步
+- 🔥 热更新支持
+
+### 开发工具
+
+- 🐛 调试信息展示
+- 📝 实时日志查看
+- 🔍 错误追踪
+- ⚡ 性能监控
+
+## 配置选项
+
+### Vite 配置
+
+```javascript
+{
+  root: '@zhin.js/client/app',
+  base: '/vite/',
+  plugins: [
+    vue(),
+    Components({
+      resolvers: [PrimeVueResolver()]
+    })
+  ],
+  server: {
+    middlewareMode: true
+  }
+}
+```
+
+### 路由配置
+
+- 支持所有路由通过 Vite 处理
+- 静态文件自动服务
+- 动态入口文件管理
+- SPA 路由支持
+
+## 开发
+
+### 项目结构
+
+```
+src/
+├── index.ts             # 主入口，集成Vite服务器
+└── types/               # TypeScript类型定义
+```
+
+### 构建
+
+```bash
+npm run build  # 构建插件
+npm run clean  # 清理构建文件
+```
+
+## WebSocket API
+
+### 消息类型
+
+```typescript
+// 同步数据
+{ type: 'sync', data: { key: string, value: any } }
+
+// 添加数据
+{ type: 'add', data: { key: string, value: any } }
+
+// 删除数据
+{ type: 'delete', data: { key: string, value: any } }
+```
+
+## 依赖项
+
+### 核心依赖
+- `@vitejs/plugin-vue` - Vue插件支持
+- `koa-connect` - Koa中间件集成
+- `vue` - Vue框架
+- `vite` - 构建工具
+
+### 对等依赖
+- `@zhin.js/client` - 客户端代码
+- `@zhin.js/http` - HTTP服务器
+- `unplugin-vue-components` - 组件自动导入
+- `@primevue/auto-import-resolver` - PrimeVue组件解析
+
+## 使用场景
+
+- 🧪 插件开发和调试
+- 📊 机器人状态监控
+- 🔍 问题诊断和分析
+- 🛠️ 开发环境管理
+
+## 许可证
+
+MIT License

package/lib/index.d.ts

@@ -0,0 +1,18 @@
+import { WebSocketServer } from 'ws';
+import { ViteDevServer } from 'vite';
+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;
+};
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAiB,EAAC,eAAe,EAAC,MAAM,IAAI,CAAC;AAC7C,OAAO,EAAc,aAAa,EAAwB,MAAM,MAAM,CAAC;AASvE,OAAO,QAAQ,gBAAgB,CAAC;IAC5B,UAAU,aAAa;QACnB,GAAG,EAAE,SAAS,CAAC;KAClB;CACJ;AACD,MAAM,MAAM,QAAQ,GAAC,MAAM,GAAC;IACxB,UAAU,EAAC,MAAM,CAAA;IACjB,WAAW,EAAC,MAAM,CAAA;CACrB,CAAA;AACD,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,EAAC,aAAa,CAAC;IACnB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,EAAE,EAAC,eAAe,CAAA;CACrB,CAAC"}

package/lib/index.js

@@ -0,0 +1,174 @@
+import { register, useContext, useLogger } from '@zhin.js/core';
+import WebSocket from 'ws';
+import { createServer, searchForWorkspaceRoot } from 'vite';
+import Components from 'unplugin-vue-components/vite';
+import { PrimeVueResolver } from '@primevue/auto-import-resolver';
+import connect from 'koa-connect';
+import vuePlugin from "@vitejs/plugin-vue";
+import * as fs from 'fs';
+import * as path from 'path';
+import { fileURLToPath } from "node:url";
+const createSyncMsg = (key, value) => {
+    return {
+        type: 'sync',
+        data: {
+            key,
+            value,
+        },
+    };
+};
+const createAddMsg = (key, value) => {
+    return {
+        type: 'add',
+        data: {
+            key,
+            value,
+        },
+    };
+};
+const createDeleteMsg = (key, value) => {
+    return {
+        type: 'delete',
+        data: {
+            key,
+            value,
+        },
+    };
+};
+const logger = useLogger();
+useContext('router', async (router) => {
+    const root = path.join(process.cwd(), 'node_modules', '@zhin.js', 'client', 'app');
+    const base = '/vite/';
+    const vite = await createServer({
+        root,
+        base,
+        plugins: [
+            vuePlugin(),
+            Components({
+                resolvers: [
+                    PrimeVueResolver()
+                ]
+            })
+        ],
+        server: {
+            middlewareMode: true,
+            fs: {
+                allow: [searchForWorkspaceRoot(fileURLToPath(import.meta.url))],
+            },
+        },
+        resolve: {
+            dedupe: ['vue', 'vue-router', 'pinia', 'primevue', 'primeicons'],
+            alias: {
+                '@zhin.js/client': path.resolve(root, '../src'),
+            },
+        },
+        optimizeDeps: {
+            include: ['vue', 'pinia'],
+        },
+        build: {
+            rollupOptions: {
+                input: root + '/index.html',
+            },
+        },
+    });
+    router.all('*all', async (ctx, next) => {
+        await next();
+        const url = ctx.request.originalUrl.replace(base, '');
+        const name = ctx.path.slice(1);
+        const sendFile = (filename) => {
+            ctx.type = path.extname(filename);
+            if (filename.endsWith('.ts'))
+                ctx.type = 'text/javascript';
+            return (ctx.body = fs.createReadStream(filename));
+        };
+        if (Object.keys(webServer.entries).includes(name)) {
+            return sendFile(path.resolve(process.cwd(), webServer.entries[name]));
+        }
+        const filename = path.resolve(root, name);
+        if (!filename.startsWith(root) && !filename.includes('node_modules')) {
+            return (ctx.status = 403);
+        }
+        if (fs.existsSync(filename)) {
+            const fileState = fs.statSync(filename);
+            if (fileState.isFile())
+                return sendFile(filename);
+        }
+        const template = fs.readFileSync(path.resolve(root, 'index.html'), 'utf8');
+        ctx.type = 'html';
+        ctx.body = await vite.transformIndexHtml(url, template);
+    });
+    router.use((ctx, next) => {
+        if (ctx.request.originalUrl.startsWith('/api'))
+            return next();
+        return connect(vite.middlewares)(ctx, next);
+    });
+    const webServer = {
+        vite,
+        entries: {},
+        addEntry(entry) {
+            const hash = Date.now().toString(16);
+            const entryFile = typeof entry === "string" ? entry : entry[process.env.NODE_ENV || '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 broadcastToAll = (message) => {
+        for (const ws of webServer.ws.clients || []) {
+            if (ws.readyState === WebSocket.OPEN) {
+                ws.send(JSON.stringify(message));
+            }
+        }
+    };
+    // 推送数据更新通知
+    const notifyDataUpdate = () => {
+        broadcastToAll({
+            type: 'data-update',
+            timestamp: Date.now()
+        });
+    };
+    // WebSocket 连接处理
+    webServer.ws.on('connection', (ws) => {
+        // 发送初始数据
+        ws.send(JSON.stringify(createSyncMsg('entries', Object.values(webServer.entries))));
+        // 通知客户端进行数据初始化
+        ws.send(JSON.stringify({
+            type: 'init-data',
+            timestamp: Date.now()
+        }));
+        ws.on('close', () => {
+        });
+        ws.on('error', (error) => {
+            // console.error 已替换为注释
+        });
+    });
+    // 定时通知客户端更新数据
+    const dataUpdateInterval = setInterval(() => {
+        notifyDataUpdate();
+    }, 5000); // 每5秒通知一次更新
+    // 插件卸载时清理定时器
+    process.on('exit', () => {
+        clearInterval(dataUpdateInterval);
+    });
+    register({
+        name: 'web',
+        description: "web服务",
+        async mounted() {
+            return webServer;
+        },
+        async dispose(server) {
+            await server.vite.close();
+            server.ws.close();
+        }
+    });
+});
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@zhin.js/console",
+  "version": "1.0.0",
+  "description": "Zhin 控制台",
+  "type": "module",
+  "main": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js"
+    }
+  },
+  "dependencies": {
+    "@vitejs/plugin-vue": "^6.0.1",
+    "koa-connect": "^2.1.0",
+    "ws": "^8.18.3",
+    "vue": "^3.5.18",
+    "vite": "^7.0.6"
+  },
+  "peerDependencies": {
+    "@types/ws": "^8.18.1",
+    "unplugin-vue-components": "^29.0.0",
+    "@primevue/auto-import-resolver": "^4.3.7",
+    "@zhin.js/client": "^1.0.0",
+    "@zhin.js/http": "^1.0.1",
+    "@zhin.js/core": "^1.0.1",
+    "@zhin.js/types": "^1.0.1"
+  },
+  "peerDependenciesMeta": {
+    "@zhin.js/types": {
+      "optional": true
+    }
+  },
+  "files": [
+    "lib",
+    "src",
+    "global.d.ts",
+    "app"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "clean": "rm -rf lib"
+  }
+}

package/src/index.ts

@@ -0,0 +1,195 @@
+import {register, useContext, useLogger} from '@zhin.js/core';
+import WebSocket,{WebSocketServer} from 'ws';
+import {createServer,ViteDevServer,searchForWorkspaceRoot} from 'vite';
+import Components from 'unplugin-vue-components/vite';
+import {PrimeVueResolver} from '@primevue/auto-import-resolver';
+import connect from 'koa-connect';
+import vuePlugin from "@vitejs/plugin-vue";
+import * as fs from 'fs';
+import * as path from 'path';
+import {fileURLToPath} from "node:url";
+
+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 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,
+        },
+    };
+};
+const logger=useLogger();
+useContext('router', async (router) => {
+    const root = path.join(process.cwd(),'node_modules','@zhin.js','client','app');
+    const base='/vite/'
+    const vite = await createServer({
+        root,
+        base,
+        plugins: [
+            vuePlugin(),
+            Components({
+                resolvers: [
+                    PrimeVueResolver()
+                ]
+            })
+        ],
+        server: {
+            middlewareMode: true,
+            fs: {
+                allow: [searchForWorkspaceRoot(fileURLToPath(import.meta.url))],
+            },
+        },
+        resolve: {
+            dedupe: ['vue', 'vue-router', 'pinia','primevue','primeicons'],
+            alias: {
+                '@zhin.js/client': path.resolve(root, '../src'),
+            },
+        },
+        optimizeDeps: {
+            include: ['vue', 'pinia'],
+        },
+        build: {
+            rollupOptions: {
+                input: root + '/index.html',
+            },
+        },
+    });
+    router.all('*all', async (ctx, next) => {
+        await next();
+        const url=ctx.request.originalUrl.replace(base,'')
+        const name = ctx.path.slice(1);
+        const sendFile = (filename: string) => {
+            ctx.type = path.extname(filename);
+            if (filename.endsWith('.ts')) ctx.type = 'text/javascript';
+            return (ctx.body = fs.createReadStream(filename));
+        };
+        if (Object.keys(webServer.entries).includes(name)) {
+            return sendFile(path.resolve(process.cwd(), webServer.entries[name]));
+        }
+        const filename = path.resolve(root, name);
+        if (!filename.startsWith(root) && !filename.includes('node_modules')) {
+            return (ctx.status = 403);
+        }
+        if (fs.existsSync(filename)) {
+            const fileState = fs.statSync(filename);
+            if (fileState.isFile()) return sendFile(filename);
+        }
+        const template = fs.readFileSync(path.resolve(root, 'index.html'), 'utf8');
+        ctx.type = 'html';
+        ctx.body = await vite.transformIndexHtml(url, template);
+    });
+    router.use((ctx: any, next: any) => {
+        if(ctx.request.originalUrl.startsWith('/api')) return next()
+        return connect(vite.middlewares)(ctx,next);
+    });
+
+    const webServer:WebServer={
+        vite,
+        entries: {},
+        addEntry(entry) {
+            const hash = Date.now().toString(16);
+            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 broadcastToAll = (message: any) => {
+        for (const ws of webServer.ws.clients || []) {
+            if (ws.readyState === WebSocket.OPEN) {
+                ws.send(JSON.stringify(message));
+            }
+        }
+    }
+
+    // 推送数据更新通知
+    const notifyDataUpdate = () => {
+        broadcastToAll({
+            type: 'data-update',
+            timestamp: Date.now()
+        });
+    }
+
+    // WebSocket 连接处理
+    webServer.ws.on('connection', (ws: WebSocket) => {
+        // 发送初始数据
+        ws.send(JSON.stringify(createSyncMsg('entries', Object.values(webServer.entries))));
+
+        // 通知客户端进行数据初始化
+        ws.send(JSON.stringify({
+            type: 'init-data',
+            timestamp: Date.now()
+        }));
+        
+        ws.on('close', () => {
+        });
+        
+        ws.on('error', (error) => {
+            // console.error 已替换为注释
+        });
+    });
+
+    // 定时通知客户端更新数据
+    const dataUpdateInterval = setInterval(() => {
+        notifyDataUpdate();
+    }, 5000); // 每5秒通知一次更新
+
+    // 插件卸载时清理定时器
+    process.on('exit', () => {
+        clearInterval(dataUpdateInterval);
+    });
+    register({
+        name:'web',
+        description:"web服务",
+        async mounted(){
+            return webServer
+        },
+        async dispose(server){
+            await server.vite.close();
+            server.ws.close()
+        }
+    })
+
+});