@chatbi-v/cli 1.0.7 → 1.0.9

package/{templates/default → dist/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/dist/monorepo/pnpm-workspace.yaml.hbs

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

package/dist/{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/{templates/default/plugins/demo-plugin → dist/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/dist/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/dist/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/package.json

@@ -1,35 +1,47 @@
 {
   "name": "@chatbi-v/cli",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Standardized CLI tooling for ChatBI Monorepo",
   "main": "dist/index.js",
   "bin": {
     "chatbi-cli": "./bin/chatbi-cli.js"
   },
   "files": [
-    "templates",
     "dist",
-    "bin"
+    "bin",
+    "templates"
   ],
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
+    "boxen": "^8.0.1",
     "cac": "^6.7.14",
     "execa": "^8.0.1",
+    "fast-glob": "^3.3.3",
+    "figlet": "^1.9.4",
     "fs-extra": "^11.2.0",
+    "gradient-string": "^3.0.0",
     "handlebars": "^4.7.8",
+    "jiti": "^2.6.1",
+    "ora": "^7.0.1",
     "picocolors": "^1.0.0",
+    "prompts": "^2.4.2",
     "tsup": "^8.5.1",
     "typescript": "^5.0.0",
+    "vite": "^5.4.21",
     "@chatbi-v/core": "1.0.3",
-    "@chatbi-v/plugin-system-user": "1.0.1",
-    "@chatbi-v/plugin-system-monitor": "1.0.1",
-    "@chatbi-v/plugin-theme-manager": "1.0.2"
+    "@chatbi-v/plugin-theme-manager": "1.0.2",
+    "@chatbi-v/mocks": "1.0.1",
+    "@chatbi-v/plugin-system-monitor": "1.0.1"
   },
   "devDependencies": {
+    "@types/boxen": "^3.0.5",
+    "@types/figlet": "^1.7.0",
     "@types/fs-extra": "^11.0.0",
+    "@types/gradient-string": "^1.1.6",
     "@types/node": "^20.0.0",
+    "@types/prompts": "^2.4.9",
     "tsup": "^8.5.1",
     "vitest": "^1.0.0",
     "@chatbi-v/tsconfig": "1.0.2"

package/templates/app/.env.hbs

@@ -0,0 +1,8 @@
+# API Base URL
+VITE_API_BASE_URL=/bron-chat-bi
+
+# 是否开启 Mock 模式 (能力开关，需配合 url mock=true 使用)
+VITE_USE_MOCK=true
+
+# API Timeout (ms)
+VITE_API_TIMEOUT=10000

package/templates/app/README.md.hbs

@@ -0,0 +1,16 @@
+# @chatbi/main
+
+ChatBI 主应用，基于 React 和 Vite 构建。
+
+## 功能
+
+- **会话管理**: 支持会话列表、搜索、历史记录。
+- **插件集成**: 集成 Chat 和 Scene 插件。
+- **主题切换**: 支持深色/浅色模式。
+- **布局管理**: 响应式布局，支持侧边栏折叠。
+
+## 启动
+
+```bash
+pnpm dev
+```

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

@@ -0,0 +1,60 @@
+/**
+ * ChatBI 应用配置文件
+ * @description 定义应用的全局配置和插件参数
+ */
+
+import { DiscoveryRule } from '@chatbi-v/core';
+
+interface ChatBIConfig {
+  /**
+   * 插件配置表
+   * Key: 插件 ID (通常是包名，如 @chatbi-v/plugin-chat)
+   * Value: 插件配置项
+   */
+  plugins: Record<string, any>;
+  system: {
+    title: string;
+    version: string;
+    language: string;
+    /** 插件发现规则 */
+    discoveryRules: DiscoveryRule[];
+  };
+}
+
+export const chatbiConfig: ChatBIConfig = {
+  /**
+   * 插件配置中心
+   * 这里只定义插件的"运行参数"，插件的加载已由 AutoLoader 自动处理
+   */
+  plugins: {
+    '@chatbi-v/plugin-theme-manager': {
+      defaultTheme: '{{theme}}-light',
+      defaultLayout: 'standard',
+    },
+    '@chatbi-v/plugin-layout-transform': {},
+    '@chatbi-v/plugin-system-monitor': {},
+  },
+  /**
+   * 系统配置
+   */
+  system: {
+    title: '{{projectName}}',
+    version: '1.0.0',
+    language: 'zh-CN',
+    /** 插件发现规则 */
+    discoveryRules: [
+      {
+        pattern: '@chatbi-plugins/*/src/index.{ts,tsx}',
+        pathSegment: 'plugins',
+        idPrefix: '@chatbi-v/plugin',
+        alias: '@chatbi-plugins',
+      },
+      {
+        pattern: '@chatbi-apps/*/src/index.{ts,tsx}',
+        pathSegment: 'apps',
+        idPrefix: '@chatbi-v/app',
+        alias: '@chatbi-apps',
+      },
+    ],
+  },
+};

package/{dist/default/apps/main → templates/app}/index.html.hbs

@@ -1,10 +1,9 @@
-<!DOCTYPE html>
-<html lang="en">
+<!doctype html>
+<html lang="zh-CN">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>ChatBI Business Plugin Host</title>
+    <title>智能分析平台</title>
   </head>
   <body>
     <div id="root"></div>

package/templates/app/package.json.hbs

@@ -0,0 +1,34 @@
+{
+  "name": "{{name}}",
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "sync": "chatbi-cli sync"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.2.6",
+    "@ant-design/x": "^2.1.1",
+    "antd": "^5.29.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^7.10.1",
+    "zustand": "^5.0.9"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@vitejs/plugin-react": "^4.2.1",
+    "less": "^4.2.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.8",
+    "vite-tsconfig-paths": "^4.3.1",
+    "tailwindcss": "^3.4.1",
+    "autoprefixer": "^10.4.17",
+    "postcss": "^8.4.35"
+  }
+}

package/templates/app/src/App.tsx.hbs

@@ -0,0 +1,92 @@
+import React, { lazy, Suspense, useMemo } from 'react';
+import { useLocation } from 'react-router-dom';
+
+import { GlobalSettingsModal } from './components/GlobalSettingsModal';
+import { ContentSkeleton, NavSkeleton } from './components/LayoutSkeletons';
+import { usePluginLoader } from './hooks/usePluginLoader';
+import { AppProviders } from './providers/AppProviders';
+import { useSessionStore } from './stores/useSessionStore';
+import { useUIStore } from './stores/useUIStore';
+
+// Lazy load layouts
+const BackgroundEffects = lazy(() => import('./layouts/BackgroundEffects').then(module => ({ default: module.BackgroundEffects })));
+const MainContent = lazy(() => import('./layouts/MainContent').then(module => ({ default: module.MainContent })));
+const SidebarNav = lazy(() => import('./layouts/SidebarNav').then(module => ({ default: module.SidebarNav })));
+
+const App: React.FC = () => {
+  const location = useLocation();
+  const activeTab = location.pathname.replace(/^\//, '') || '';
+
+  // 1. 加载插件 (逻辑已封装)
+  const { pluginsLoaded } = usePluginLoader();
+
+  // 2. 获取 UI 状态
+  const { activeSession, setActiveSession } = useSessionStore();
+  const {
+      isRightPanelOpen, setIsRightPanelOpen,
+      isMaximized, setIsMaximized,
+      collapsed
+  } = useUIStore();
+
+  // 3. 构造共享 Props
+  const sharedProps = useMemo(() => ({
+    activeSession,
+    setActiveSession,
+    isRightPanelOpen,
+    setIsRightPanelOpen,
+    isMaximized,
+    setIsMaximized
+  }), [
+    activeSession,
+    setActiveSession,
+    isRightPanelOpen,
+    setIsRightPanelOpen,
+    isMaximized,
+    setIsMaximized
+  ]);
+
+  return (
+    <AppProviders>
+      <div className="flex h-screen w-screen bg-slate-50 dark:bg-slate-950 overflow-hidden text-slate-900 dark:text-slate-200 selection:bg-primary/30 font-sans transition-colors duration-300">
+        
+        <Suspense fallback={null}>
+          <BackgroundEffects />
+        </Suspense>
+
+        {/* Sidebar */}
+        <Suspense fallback={
+          <div className={`relative z-20 flex flex-col items-center py-4 gap-[var(--layout-gap)] transition-all duration-500 ease-[cubic-bezier(0.2,0,0,1)] 
+            border-r border-slate-200/60 dark:border-white/10 backdrop-blur-xl bg-white/80 dark:bg-slate-900/80
+            ${isMaximized ? 'w-0 overflow-hidden opacity-0 p-0 border-none' : (collapsed ? 'w-[72px]' : 'w-[var(--layout-sidebar-width)]')}
+            h-screen
+          `}>
+            <NavSkeleton />
+          </div>
+        }>
+          <SidebarNav
+            activeTab={activeTab}
+            pluginsLoaded={pluginsLoaded}
+          />
+        </Suspense>
+
+        {/* Main Content */}
+        <Suspense fallback={
+          <main className="flex-1 flex flex-col relative z-10 overflow-hidden bg-white/50 dark:bg-black/20 backdrop-blur-sm">
+            <ContentSkeleton />
+          </main>
+        }>
+          <MainContent
+            pluginsLoaded={pluginsLoaded}
+            sharedProps={sharedProps}
+          />
+        </Suspense>
+
+        {/* Global Settings */}
+        <GlobalSettingsModal />
+
+      </div>
+    </AppProviders>
+  );
+};
+
+export default App;

package/templates/app/src/components/GlobalErrorBoundary.tsx.hbs

@@ -0,0 +1,69 @@
+import { createLogger } from '@chatbi-v/core';
+import { Button, Result, Typography } from 'antd';
+import React, { Component, ErrorInfo, ReactNode } from 'react';
+
+const { Paragraph, Text } = Typography;
+const logger = createLogger('GlobalError');
+
+interface Props {
+  children: ReactNode;
+}
+
+interface State {
+  hasError: boolean;
+  error: Error | null;
+  errorInfo: ErrorInfo | null;
+}
+
+export class GlobalErrorBoundary extends Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+    this.state = { hasError: false, error: null, errorInfo: null };
+  }
+
+  static getDerivedStateFromError(error: Error): State {
+    return { hasError: true, error, errorInfo: null };
+  }
+
+  componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+    logger.error('Uncaught error:', error, errorInfo);
+    this.setState({ errorInfo });
+    // TODO: Report to logging service
+  }
+
+  handleReload = () => {
+    window.location.reload();
+  };
+
+  render() {
+    if (this.state.hasError) {
+      return (
+        <div className="flex items-center justify-center min-h-screen bg-gray-50 p-4">
+          <Result
+            status="500"
+            title="应用遇到了一些问题"
+            subTitle="抱歉，发生了未预期的错误，请尝试刷新页面。"
+            extra={[
+              <Button type="primary" key="reload" onClick={this.handleReload}>
+                刷新页面
+              </Button>,
+            ]}
+          >
+            {import.meta.env.DEV && this.state.error && (
+              <div className="mt-8 text-left max-w-2xl bg-white p-4 rounded border border-gray-200 shadow-sm overflow-auto max-h-96">
+                <Paragraph>
+                  <Text type="danger" strong>Error: {this.state.error.toString()}</Text>
+                </Paragraph>
+                <Paragraph className="mb-0">
+                  <Text code className="text-xs">{this.state.errorInfo?.componentStack}</Text>
+                </Paragraph>
+              </div>
+            )}
+          </Result>
+        </div>
+      );
+    }
+
+    return this.props.children;
+  }
+}

package/templates/app/src/components/GlobalSettingsModal.tsx.hbs

@@ -0,0 +1,35 @@
+import { Modal, Skeleton } from 'antd';
+import React, { lazy, Suspense } from 'react';
+
+import { useUIStore } from '../stores/useUIStore';
+
+// Lazy load
+const PluginSettings = lazy(() => import('../features/settings/PluginSettings').then(module => ({ default: module.PluginSettings })));
+
+/**
+ * 全局设置弹窗组件
+ */
+export const GlobalSettingsModal: React.FC = () => {
+  const { isSettingsOpen, setIsSettingsOpen } = useUIStore();
+
+  return (
+    <Modal
+      title="设置"
+      open={isSettingsOpen}
+      onCancel={() => setIsSettingsOpen(false)}
+      footer={null}
+      width={800}
+      centered
+      className="settings-modal"
+      styles={{ body: { height: '600px', padding: 0, overflow: 'hidden' } }}
+    >
+      <Suspense fallback={
+        <div className="w-full h-full flex items-center justify-center">
+          <Skeleton active paragraph={{ rows: 10 }} />
+        </div>
+      }>
+        <PluginSettings />
+      </Suspense>
+    </Modal>
+  );
+};

package/templates/app/src/components/LayoutSkeletons.tsx.hbs

@@ -0,0 +1,79 @@
+import { SidebarIconSkeleton } from '@chatbi-v/core';
+import { Skeleton } from 'antd';
+import React from 'react';
+
+import { useUIStore } from '../stores/useUIStore';
+
+export const NavSkeleton: React.FC = () => {
+  const { collapsed } = useUIStore();
+  
+  return (
+    <div className={`flex flex-col items-center py-4 gap-[var(--layout-gap)] transition-all duration-300 w-full h-full`}>
+      {/* Brand Icon Skeleton */}
+      <div className={`flex items-center gap-3 mb-6 transition-all duration-300 ${!collapsed ? 'w-full px-5' : 'justify-center'}`}>
+        <div className="w-12 h-12 rounded-2xl bg-slate-200 dark:bg-white/10 shrink-0 animate-pulse" />
+        {!collapsed && (
+          <div className="flex flex-col gap-2 flex-1">
+            <div className="h-5 bg-slate-200 dark:bg-white/10 rounded w-20 animate-pulse" />
+            <div className="h-2 bg-slate-200 dark:bg-white/10 rounded w-12 animate-pulse" />
+          </div>
+        )}
+      </div>
+      
+      {/* Nav Items Skeleton */}
+      <div className="flex-1 w-full flex flex-col gap-[var(--layout-gap)] items-center px-3 pt-2">
+        {[1, 2, 3, 4].map((i) => (
+          <SidebarIconSkeleton key={i} expanded={!collapsed} />
+        ))}
+      </div>
+
+      {/* Bottom Actions Skeleton */}
+      <div className="w-full flex flex-col gap-[var(--layout-gap)] mt-auto mb-2 items-center px-3">
+        <SidebarIconSkeleton expanded={!collapsed} />
+        <SidebarIconSkeleton expanded={!collapsed} />
+        <div className={`h-px bg-slate-200 dark:bg-white/10 my-2 transition-all duration-300 ${collapsed ? 'w-8' : 'w-full'}`} />
+        <div className={`flex items-center gap-3 transition-all duration-300 ${collapsed ? 'w-12 justify-center' : 'w-full px-4'}`}>
+           <div className="w-10 h-10 rounded-full bg-slate-200 dark:bg-white/10 animate-pulse" />
+           {!collapsed && <div className="h-4 bg-slate-200 dark:bg-white/10 rounded w-20 animate-pulse" />}
+        </div>
+        <SidebarIconSkeleton expanded={!collapsed} />
+      </div>
+    </div>
+  );
+};
+
+export const SidebarSkeleton: React.FC = () => {
+  return (
+    <div className="h-full w-full flex flex-col p-4 gap-4 animate-pulse">
+      {/* Header / Search */}
+      <div className="h-8 bg-slate-200 dark:bg-white/5 rounded-lg w-full" />
+      
+      {/* List Items */}
+      <div className="flex-1 flex flex-col gap-3 mt-2">
+        {[1, 2, 3, 4, 5, 6].map((i) => (
+          <div key={i} className="flex flex-col gap-2 p-2">
+             <div className="h-4 bg-slate-200 dark:bg-white/5 rounded w-3/4" />
+             <div className="h-3 bg-slate-200 dark:bg-white/5 rounded w-1/2" />
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export const ContentSkeleton: React.FC = () => {
+  return (
+    <div className="h-full w-full p-8 flex flex-col gap-6 animate-pulse">
+       {/* Header */}
+       <div className="h-10 bg-slate-200 dark:bg-white/5 rounded-xl w-1/3" />
+       
+       {/* Content Blocks */}
+       <div className="flex-1 grid grid-cols-2 gap-6">
+          <div className="bg-slate-200 dark:bg-white/5 rounded-2xl h-full" />
+          <div className="bg-slate-200 dark:bg-white/5 rounded-2xl h-full" />
+       </div>
+       
+       <div className="h-1/3 bg-slate-200 dark:bg-white/5 rounded-2xl w-full" />
+    </div>
+  );
+};

package/templates/app/src/components/index.ts.hbs

@@ -0,0 +1,2 @@
+export * from './GlobalErrorBoundary';
+export * from './LayoutSkeletons';

package/templates/app/src/custom-antd.less.hbs

@@ -0,0 +1,7 @@
+/* src/custom-antd.less  ——  会被 vite 注入，覆盖 antd 默认变量 */
+@primary-color: #6366f1; // indigo-500  ← 与 tailwind 同步
+@success-color: #22c55e; // green-500
+@error-color: #ef4444; // red-500
+@border-radius-base: 6px;
+@font-size-base: 14px;
+@line-height-base: 1.5715;