@chatbi-v/cli 1.0.7 → 1.0.9

package/templates/app/vite.config.ts.hbs

@@ -0,0 +1,89 @@
+import react from '@vitejs/plugin-react';
+import fs from 'fs';
+import path from 'path';
+import { defineConfig, loadEnv } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+/**
+ * 分包策略函数
+ * 用于将依赖打包成独立的 chunk，利用浏览器缓存优化加载性能
+ */
+function manualChunks(id: string) {
+  // 1. ChatBI 核心层
+  if (id.includes('@chatbi-v/core')) return 'chatbi-core';
+
+  // 2. 第三方依赖 (Node Modules)
+  if (id.includes('node_modules')) {
+    // React 核心 (将 React 相关包分组)
+    if (
+      /[\\/]node_modules[\\/](react|react-dom|react-router|react-router-dom|scheduler)[\\/]/.test(
+        id,
+      )
+    ) {
+      return 'react-vendor';
+    }
+
+    // UI 组件库 (Ant Design)
+    if (id.includes('antd') || id.includes('@ant-design')) {
+        return 'antd-vendor';
+    }
+    
+    // 其他通用依赖
+    return 'vendor';
+  }
+}
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+  
+  return {
+    base: env.VITE_APP_BASE_URL || '/',
+    
+    plugins: [
+      react(),
+      // 自动读取 tsconfig.json 中的 paths 配置，实现别名映射
+      tsconfigPaths(), 
+    ],
+    
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+      },
+      // 强制统一核心依赖实例，避免多副本导致的 Context 失效
+      dedupe: [
+        'react',
+        'react-dom',
+        'react-router',
+        'react-router-dom',
+        'antd',
+        '@ant-design/icons',
+        '@ant-design/x',
+        '@chatbi-v/core'
+      ],
+    },
+    
+    // 开发服务器配置
+    server: {
+      host: true,
+      port: 3000,
+      // 增量配置：如果需要代理后端接口，可在此配置
+      // proxy: {
+      //   '/api': {
+      //     target: 'http://localhost:8080',
+      //     changeOrigin: true,
+      //     rewrite: (path) => path.replace(/^\/api/, '')
+      //   }
+      // }
+    },
+    
+    build: {
+      rollupOptions: {
+        output: {
+          manualChunks,
+        },
+      },
+      chunkSizeWarningLimit: 1000,
+    },
+  };
+});

package/templates/monorepo/.gitignore.hbs

@@ -0,0 +1,3 @@
+.chatbi/
+node_modules/
+dist/

package/{dist/default → templates/monorepo}/package.json.hbs

@@ -2,6 +2,7 @@
   "name": "{{name}}",
   "private": true,
   "version": "1.0.0",
+  "description": "ChatBI-V {{#if isBusiness}}Business{{else}}System{{/if}} Plugin Project",
   "type": "module",
   "scripts": {
     "dev": "pnpm --filter @chatbi-v/main dev",
@@ -13,6 +14,8 @@
     "plugins/*"
   ],
   "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "antd": "^5.29.3",
     "axios": "^1.13.2",
     "clsx": "^2.1.1",
@@ -23,6 +26,8 @@
     "typescript": "^5.0.0",
     "@chatbi-v/cli": "link:./.chatbi/cli",
     "@ant-design/icons": "^5.6.1",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
     "vite": "^5.4.0",
     "@vitejs/plugin-react": "^4.3.1",
     "tailwindcss": "^3.4.0",

package/templates/monorepo/pnpm-workspace.yaml.hbs

@@ -0,0 +1,10 @@
+# ChatBI Monorepo Workspace Configuration
+packages:
+  # 宿主应用目录
+  - 'apps/*'
+  # 插件目录
+  - 'plugins/*'
+  
+  # 增量配置：如果添加了核心库或工具库，可在此处包含
+  # - 'packages/*'
+  # - 'libs/*'

package/templates/{default → monorepo}/tsconfig.json.hbs

@@ -1,4 +1,5 @@
 {
+  "extends": "./.chatbi/tsconfig.paths.json",
   "compilerOptions": {
     "target": "ESNext",
     "useDefineForClassFields": true,
@@ -17,7 +18,8 @@
     "jsx": "react-jsx",
     "baseUrl": ".",
     "paths": {
-      "@chatbi-v/core": ["./.chatbi/core"]
+      "@chatbi-plugins/*": ["./plugins/*/src"],
+      "@chatbi-apps/*": ["./apps/*/src"]
     }
   },
   "include": ["apps/main/src", "plugins/*/src"]

package/{dist/default/plugins/demo-plugin → templates/plugin}/package.json.hbs

@@ -1,8 +1,9 @@
 {
-  "name": "@chatbi-v/plugin-demo-plugin",
+  "name": "{{name}}",
   "version": "1.0.0",
   "type": "module",
   "plugin": true,
+  "pluginType": "{{pluginType}}",
   "main": "src/index.tsx",
   "module": "src/index.tsx",
   "exports": {
@@ -11,7 +12,12 @@
   "scripts": {
     "build": "chatbi-cli build"
   },
-  "dependencies": {
-    "@chatbi-v/core": "link:../../.chatbi/core"
+  "devDependencies": {
+  },
+  "peerDependencies": {
+    "@chatbi-v/core": "*",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "antd": ">=5.0.0"
   }
 }

package/templates/plugin/src/index.tsx.hbs

@@ -0,0 +1,90 @@
+import React from 'react'
+import { Plugin, PluginContext, Slot } from '@chatbi-v/core'
+import { MessageOutlined } from '@ant-design/icons'
+
+/**
+ * 插件入口类
+ * 必须实现 Plugin 接口，并导出为 default
+ * 
+ * 生命周期说明：
+ * - onLoad: 插件加载时调用，用于初始化状态、注册服务等
+ * - onUnload: 插件卸载时调用，用于清理资源
+ */
+export class {{className}} implements Plugin {
+  // 插件唯一标识，必须与 metadata.id 保持一致
+  id = '{{pluginId}}'
+  
+  // 插件元数据定义
+  metadata = {
+    id: '{{pluginId}}',
+    name: '{{pluginId}} Plugin',
+    version: '1.0.0',
+    type: '{{pluginType}}' as const, // business | system
+    
+    /**
+     * 路由配置 (可选)
+     * 如果插件需要注册页面路由，在此处定义
+     */
+    routes: [
+      {
+        path: '/{{pluginId}}',
+        // 路由对应的组件
+        component: () => <div style=\{{ padding: '20px', background: '#f5f5f5', borderRadius: '8px' }}>
+          <h3>Hello from {{pluginId}} Plugin!</h3>
+          <p>This is a {{pluginType}} plugin generated by ChatBI CLI.</p>
+        </div>,
+        meta: {
+          title: '{{pluginId}}',
+          icon: 'MessageOutlined' // 对应 AntD Icon 名称
+        }
+      }
+    ],
+    
+    /**
+     * 扩展插槽配置 (可选)
+     * 用于将组件注入到系统的各个位置 (如侧边栏、顶部栏等)
+     */
+    extensions: [
+      {
+        slot: Slot.Sidebar, // 注入到侧边栏
+        component: () => null, // 侧边栏通常不需要组件实体，只需要 meta 信息
+        order: 10, // 排序权重，越小越靠前
+        meta: {
+          title: '{{pluginId}}',
+          icon: <MessageOutlined />, // 直接传入 ReactNode
+          path: '/{{pluginId}}' // 点击跳转的路径
+        }
+      }
+      // 示例：注入到顶部栏
+      // {
+      //   slot: Slot.TopBar,
+      //   component: () => <MyTopBarComponent />,
+      //   order: 5
+      // }
+    ]
+  }
+
+  /**
+   * 插件加载回调
+   * @param context 插件上下文，包含 logger, eventBus, serviceRegistry 等
+   */
+  onLoad(context: PluginContext) {
+    context.logger.info('{{className}} Loaded!')
+    
+    // 示例：监听事件
+    // context.eventBus.on('some-event', () => { ... })
+    
+    // 示例：注册服务
+    // context.serviceRegistry.register('myService', new MyService())
+  }
+  
+  /**
+   * 插件卸载回调 (可选)
+   */
+  onUnload() {
+    // 清理资源
+    console.log('{{className}} Unloaded')
+  }
+}
+
+export default {{className}}

package/templates/plugin/tsconfig.json.hbs

@@ -0,0 +1,14 @@
+{
+  "extends": "{{tsconfigPath}}",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "noEmit": false,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "declarationDir": "./dist",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/dist/default/apps/main/package.json.hbs

@@ -1,20 +0,0 @@
-{
-  "name": "@chatbi-v/main",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build"
-  },
-  "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^6.22.3",
-    "antd": "^5.20.0",
-    "@ant-design/icons": "^5.2.6",
-    "@chatbi-v/core": "link:../../.chatbi/core"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-react": "^4.3.1"
-  }
-}

package/dist/default/apps/main/src/App.tsx.hbs

@@ -1,162 +0,0 @@
-import React, { useMemo, useState } from 'react'
-import { Routes, Route, Navigate, Link, useLocation, useNavigate } from 'react-router-dom'
-import { usePluginLoader } from './hooks/usePluginLoader'
-import { pluginManager, PluginSlot, Slot, SidebarIconSkeleton, type PluginExtension } from '@chatbi-v/core'
-import { QuestionCircleOutlined, MenuFoldOutlined, MenuUnfoldOutlined, ThunderboltOutlined } from '@ant-design/icons'
-import GuidePage from './pages/Guide'
-import { NavIcon } from './components/NavIcon'
-
-const App: React.FC = () => {
-  const { pluginsLoaded } = usePluginLoader()
-  const location = useLocation()
-  const navigate = useNavigate()
-  const [collapsed, setCollapsed] = useState(false)
-
-  // 收集插件路由
-  const routes = useMemo(() => {
-    return pluginsLoaded ? pluginManager.getRoutes() : []
-  }, [pluginsLoaded])
-
-  // 当前激活的 Tab (路径去掉前导斜杠)
-  const activeTab = useMemo(() => {
-    return location.pathname.replace(/^\//, '')
-  }, [location.pathname])
-
-  // 默认路由重定向逻辑
-  const defaultRoute = useMemo(() => {
-    if (routes.length > 0) {
-      return routes[0].path
-    }
-    return '/guide'
-  }, [routes])
-
-  if (!pluginsLoaded) {
-    return (
-      <div className="h-screen flex items-center justify-center bg-gray-50">
-        <div className="text-center">
-          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-indigo-500 mx-auto mb-4"></div>
-          <p className="text-gray-500">正在加载插件与内核...</p>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <div className="flex h-screen flex-col overflow-hidden bg-gray-50 font-sans">
-      {/* Header */}
-      <header className="flex h-16 items-center justify-between bg-slate-900 px-6 text-white shadow-md z-10">
-        <div className="flex items-center gap-4">
-          <div className="flex items-center gap-2 group cursor-pointer" onClick={() => navigate('/')}>
-            <div className="w-8 h-8 rounded-lg bg-indigo-500 flex items-center justify-center shadow-lg shadow-indigo-500/20 group-hover:scale-105 transition-transform">
-              <ThunderboltOutlined className="text-lg text-white" />
-            </div>
-            <h2 className="m-0 text-lg font-bold tracking-tight text-white uppercase">
-              {{name}}
-            </h2>
-          </div>
-          <nav className="ml-8 flex gap-4">
-            <Link 
-              to="/guide" 
-              className={`flex items-center gap-1.5 px-3 py-1 rounded transition-colors ${
-                location.pathname === '/guide' ? 'bg-indigo-500/20 text-indigo-300' : 'text-gray-400 hover:text-white'
-              }`}
-            >
-              <QuestionCircleOutlined />
-              <span>开发指南</span>
-            </Link>
-          </nav>
-        </div>
-        <div className="header-actions flex items-center gap-4">
-          <PluginSlot slot={Slot.Header} />
-        </div>
-      </header>
-
-      <div className="flex flex-1 overflow-hidden">
-        {/* Sidebar */}
-        <aside 
-          className={`flex flex-col border-r border-gray-200 bg-white shadow-sm transition-all duration-300 ease-in-out ${
-            collapsed ? 'w-16' : 'w-64'
-          }`}
-        >
-          <div className={`p-4 border-b border-gray-50 bg-gray-50/50 text-xs font-semibold text-gray-400 uppercase tracking-wider overflow-hidden whitespace-nowrap ${collapsed ? 'text-center px-0' : ''}`}>
-            {collapsed ? '···' : '插件菜单'}
-          </div>
-          <div className="flex-1 overflow-y-auto no-scrollbar py-4 px-2">
-            <PluginSlot 
-              slot={Slot.Sidebar} 
-              className="flex flex-col gap-2 w-full items-center"
-              skeleton={
-                <div className="flex flex-col gap-4 w-full items-center px-2">
-                   {[1, 2, 3].map(i => <SidebarIconSkeleton key={i} />)}
-                </div>
-              }
-              renderItem={({ key, extension }: { key: string, extension: PluginExtension }) => (
-                <NavIcon
-                  key={key}
-                  icon={extension.meta?.icon}
-                  label={extension.meta?.label}
-                  active={
-                    activeTab === (extension.meta?.path || extension.meta?.key)?.replace(/^\//, '') ||
-                    activeTab.startsWith(((extension.meta?.path || extension.meta?.key)?.replace(/^\//, '') || '') + '/')
-                  }
-                  onClick={() => navigate(extension.meta?.path || '/')}
-                  expanded={!collapsed}
-                />
-              )}
-            />
-          </div>
-          
-          {/* Sidebar Footer */}
-          <div className="p-2 border-t border-gray-100">
-            <NavIcon  
-              icon={collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />} 
-              onClick={() => setCollapsed(!collapsed)} 
-              title={collapsed ? "展开侧边栏" : "折叠侧边栏"} 
-              label={collapsed ? "展开" : "折叠"}
-              expanded={!collapsed}
-            />
-          </div>
-        </aside>
-
-        {/* Main Content */}
-        <main className="relative flex-1 overflow-y-auto bg-gray-50 p-6 scroll-smooth">
-          <Routes>
-            <Route path="/guide" element={<GuidePage />} />
-            {routes.map(route => (
-              <Route 
-                key={route.path} 
-                path={route.path} 
-                element={<route.component />} 
-              />
-            ))}
-            <Route path="/" element={<Navigate to={defaultRoute} replace />} />
-            <Route path="*" element={
-              <div className="mt-24 text-center">
-                <h3 className="text-2xl font-bold text-gray-800">404 Not Found</h3>
-                <p className="mt-2 text-gray-500">请求的页面不存在或插件未加载。</p>
-                <Link to="/guide" className="mt-6 inline-block text-indigo-500 hover:text-indigo-600">
-                  返回开发指南
-                </Link>
-              </div>
-            } />
-          </Routes>
-          <div className="mt-8">
-            <PluginSlot slot={Slot.Custom} />
-          </div>
-        </main>
-      </div>
-
-      {/* Footer */}
-      <footer className="h-10 flex items-center px-4 bg-white border-t border-gray-200 text-xs text-gray-400 shrink-0">
-        <div className="flex-1 flex items-center">
-          <PluginSlot slot={Slot.StatusBar} />
-        </div>
-        <div>
-          SDK Version: 1.0.0
-        </div>
-      </footer>
-    </div>
-  )
-}
-
-export default App

package/dist/default/apps/main/src/components/NavIcon.tsx.hbs

@@ -1,41 +0,0 @@
-import React from 'react';
-
-export const NavIcon = React.memo(({
-  icon,
-  active,
-  onClick,
-  title,
-  label,
-  expanded,
-}: {
-  icon: React.ReactNode;
-  active?: boolean;
-  onClick?: () => void;
-  title?: string;
-  label?: string;
-  expanded?: boolean;
-}) => (
-  <div
-    onClick={onClick}
-    title={title}
-    className={`flex items-center cursor-pointer transition-all duration-300 relative group
-      ${expanded ? 'w-full' : 'w-12'} px-3 h-11 rounded-xl
-      ${
-      active
-        ? 'bg-indigo-500/15 text-indigo-600 font-semibold shadow-sm ring-1 ring-indigo-500/20'
-        : 'text-slate-500 hover:bg-slate-100 hover:text-slate-900 hover:scale-105 active:scale-95'
-    }`}
-  >
-    <div className="w-6 h-6 flex items-center justify-center shrink-0">
-       <div className={`text-xl transition-transform duration-300 ${!expanded && active ? 'scale-110' : ''}`}>{icon}</div>
-    </div>
-    
-    <div className={`overflow-hidden whitespace-nowrap transition-all duration-300 ease-in-out ${
-      expanded ? 'w-auto opacity-100 ml-3' : 'w-0 opacity-0 ml-0'
-    }`}>
-      <span className="text-sm block">
-        {label}
-      </span>
-    </div>
-  </div>
-));

package/dist/default/apps/main/src/hooks/usePluginLoader.ts.hbs

@@ -1,25 +0,0 @@
-import { usePluginLoader as useCoreLoader } from '@chatbi-v/core'
-import { useMemo } from 'react'
-
-// 离线插件注册表
-const offlineRegistry = {
-  "theme-manager": () => import("@chatbi-v/plugin-theme-manager"),
-  "system-user": () => import("@chatbi-v/plugin-system-user"),
-  "system-monitor": () => import("@chatbi-v/plugin-system-monitor"),
-  "demo-plugin": () => import("@chatbi-v/plugin-demo-plugin")
-}
-
-export const usePluginLoader = () => {
-  const options = useMemo(() => ({
-    pluginConfigs: {
-      'theme-manager': { enabled: true },
-      'system-user': { enabled: true },
-      'system-monitor': { enabled: true },
-      'demo-plugin': { enabled: true }
-    },
-    registry: offlineRegistry,
-    sharedContext: { api: {} }
-  }), [])
-
-  return useCoreLoader(options)
-}

package/dist/default/apps/main/src/index.css.hbs

@@ -1,8 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --layout-sidebar-width: 260px;
-  --layout-gap: 16px;
-}

package/dist/default/apps/main/src/main.tsx.hbs

@@ -1,13 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { HashRouter } from 'react-router-dom'
-import App from './App'
-import './index.css'
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <HashRouter>
-      <App />
-    </HashRouter>
-  </React.StrictMode>,
-)