npm - @chatbi-v/cli - Versions diffs - 1.0.5 → 1.0.7 - Mend

@chatbi-v/cli 1.0.5 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/dist/default/.gitignore.hbs +3 -0
package/dist/default/README.md.hbs +30 -0
package/dist/default/apps/main/index.html.hbs +13 -0
package/dist/default/apps/main/package.json.hbs +20 -0
package/dist/default/apps/main/postcss.config.cjs.hbs +6 -0
package/dist/default/apps/main/src/App.tsx.hbs +162 -0
package/dist/default/apps/main/src/components/NavIcon.tsx.hbs +41 -0
package/dist/default/apps/main/src/hooks/usePluginLoader.ts.hbs +25 -0
package/dist/default/apps/main/src/index.css.hbs +8 -0
package/dist/default/apps/main/src/main.tsx.hbs +13 -0
package/dist/default/apps/main/src/pages/Guide.tsx.hbs +133 -0
package/dist/default/apps/main/tailwind.config.cjs.hbs +17 -0
package/dist/default/apps/main/tsconfig.json.hbs +10 -0
package/dist/default/apps/main/vite.config.ts.hbs +16 -0
package/dist/default/package.json.hbs +33 -0
package/dist/default/plugins/demo-plugin/package.json.hbs +17 -0
package/dist/default/plugins/demo-plugin/src/index.tsx.hbs +44 -0
package/dist/default/plugins/demo-plugin/tsconfig.json.hbs +10 -0
package/dist/default/pnpm-workspace.yaml.hbs +3 -0
package/dist/default/tsconfig.json.hbs +24 -0
package/dist/index.js +5885 -372
package/package.json +5 -3
package/templates/default/.gitignore.hbs +3 -0
package/templates/default/README.md.hbs +30 -0
package/templates/default/apps/main/index.html.hbs +13 -0
package/templates/default/apps/main/package.json.hbs +20 -0
package/templates/default/apps/main/postcss.config.cjs.hbs +6 -0
package/templates/default/apps/main/src/App.tsx.hbs +162 -0
package/templates/default/apps/main/src/components/NavIcon.tsx.hbs +41 -0
package/templates/default/apps/main/src/hooks/usePluginLoader.ts.hbs +25 -0
package/templates/default/apps/main/src/index.css.hbs +8 -0
package/templates/default/apps/main/src/main.tsx.hbs +13 -0
package/templates/default/apps/main/src/pages/Guide.tsx.hbs +133 -0
package/templates/default/apps/main/tailwind.config.cjs.hbs +17 -0
package/templates/default/apps/main/tsconfig.json.hbs +10 -0
package/templates/default/apps/main/vite.config.ts.hbs +16 -0
package/templates/default/package.json.hbs +33 -0
package/templates/default/plugins/demo-plugin/package.json.hbs +17 -0
package/templates/default/plugins/demo-plugin/src/index.tsx.hbs +44 -0
package/templates/default/plugins/demo-plugin/tsconfig.json.hbs +10 -0
package/templates/default/pnpm-workspace.yaml.hbs +3 -0
package/templates/default/tsconfig.json.hbs +24 -0

package/package.json CHANGED Viewed

@@ -1,12 +1,13 @@
 {
   "name": "@chatbi-v/cli",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Standardized CLI tooling for ChatBI Monorepo",
   "main": "dist/index.js",
   "bin": {
     "chatbi-cli": "./bin/chatbi-cli.js"
   },
   "files": [
+    "templates",
     "dist",
     "bin"
   ],
@@ -17,17 +18,18 @@
     "cac": "^6.7.14",
     "execa": "^8.0.1",
     "fs-extra": "^11.2.0",
+    "handlebars": "^4.7.8",
     "picocolors": "^1.0.0",
     "tsup": "^8.5.1",
     "typescript": "^5.0.0",
     "@chatbi-v/core": "1.0.3",
-    "@chatbi-v/plugin-system-monitor": "1.0.1",
     "@chatbi-v/plugin-system-user": "1.0.1",
+    "@chatbi-v/plugin-system-monitor": "1.0.1",
     "@chatbi-v/plugin-theme-manager": "1.0.2"
   },
   "devDependencies": {
-    "@types/node": "^20.0.0",
     "@types/fs-extra": "^11.0.0",
+    "@types/node": "^20.0.0",
     "tsup": "^8.5.1",
     "vitest": "^1.0.0",
     "@chatbi-v/tsconfig": "1.0.2"

package/templates/default/.gitignore.hbs ADDED Viewed

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

package/templates/default/README.md.hbs ADDED Viewed

@@ -0,0 +1,30 @@
+# {{name}}
+基于 ChatBI-V SDK 初始化的业务插件项目。
+## 项目结构
+- `apps/main`: 宿主应用，用于验证插件功能。
+- `plugins/`: 业务插件源码目录。
+- `.chatbi/`: 离线 SDK 资源（核心包、标准插件、CLI 工具）。
+## 快速开始
+1. 安装依赖:
+   ```bash
+   pnpm install
+   ```
+2. 启动开发服务器:
+   ```bash
+   pnpm dev
+   ```
+3. 创建新插件:
+   ```bash
+   pnpm create:plugin <plugin-name>
+   ```
+## 插件开发
+参考 `plugins/demo-plugin` 示例。

package/templates/default/apps/main/index.html.hbs ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <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>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/default/apps/main/package.json.hbs ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "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/templates/default/apps/main/postcss.config.cjs.hbs ADDED Viewed

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/templates/default/apps/main/src/App.tsx.hbs ADDED Viewed

@@ -0,0 +1,162 @@
+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/templates/default/apps/main/src/components/NavIcon.tsx.hbs ADDED Viewed

@@ -0,0 +1,41 @@
+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/templates/default/apps/main/src/hooks/usePluginLoader.ts.hbs ADDED Viewed

@@ -0,0 +1,25 @@
+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/templates/default/apps/main/src/index.css.hbs ADDED Viewed

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

package/templates/default/apps/main/src/main.tsx.hbs ADDED Viewed

@@ -0,0 +1,13 @@
+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>,
+)

package/templates/default/apps/main/src/pages/Guide.tsx.hbs ADDED Viewed

@@ -0,0 +1,133 @@
+import React from 'react';
+import { Typography, Card, Space, Divider, List, Tag } from 'antd';
+import {
+  FolderOpenOutlined,
+  RocketOutlined,
+  BuildOutlined,
+  CodeOutlined,
+  BlockOutlined,
+  SettingOutlined
+} from '@ant-design/icons';
+const { Title, Paragraph, Text } = Typography;
+const GuidePage: React.FC = () => {
+  return (
+    <div className="max-w-4xl mx-auto py-8 px-4">
+      <Typography>
+        <Title level={2} className="flex items-center gap-2">
+          <RocketOutlined className="text-indigo-500" />
+          欢迎使用 {{name}} 开发容器
+        </Title>
+        <Paragraph className="text-gray-500 text-lg">
+          这是一个基于 ChatBI-V SDK 构建的业务插件开发环境。你可以通过此容器快速开发、调试并预览你的插件。
+        </Paragraph>
+      </Typography>
+      <Divider />
+      <Space direction="vertical" size="large" className="w-full">
+        {/* 项目目录介绍 */}
+        <Card
+          title={<span className="flex items-center gap-2"><FolderOpenOutlined /> 项目目录介绍</span>}
+          variant="borderless"
+          className="shadow-sm"
+        >
+          <List
+            itemLayout="horizontal"
+            dataSource={[
+              {
+                title: 'apps/main',
+                description: '宿主应用框架，负责加载插件、提供布局和基础能力。',
+                icon: <BlockOutlined className="text-blue-500" />
+              },
+              {
+                title: 'plugins/',
+                description: '业务插件源码目录，你开发的所有插件都应放置在此目录下。',
+                icon: <CodeOutlined className="text-green-500" />
+              },
+              {
+                title: '.chatbi/',
+                description: '离线 SDK 资源，包含核心库 (@chatbi-v/core) 和内置标准插件。',
+                icon: <SettingOutlined className="text-orange-500" />
+              },
+              {
+                title: 'scripts/',
+                description: '辅助开发脚本，如快速创建插件脚本。',
+                icon: <BuildOutlined className="text-purple-500" />
+              }
+            ]}
+            renderItem={(item) => (
+              <List.Item>
+                <List.Item.Meta
+                  avatar={item.icon}
+                  title={<Text strong>{item.title}</Text>}
+                  description={item.description}
+                />
+              </List.Item>
+            )}
+          />
+        </Card>
+        {/* 开发指南 */}
+        <Card
+          title={<span className="flex items-center gap-2"><BuildOutlined /> 开发指南</span>}
+          variant="borderless"
+          className="shadow-sm"
+        >
+          <div className="space-y-4">
+            <div>
+              <Text strong className="block mb-2">1. 安装依赖</Text>
+              <Tag color="default" className="font-mono px-2 py-1">pnpm install</Tag>
+            </div>
+            <div>
+              <Text strong className="block mb-2">2. 启动开发环境</Text>
+              <Tag color="blue" className="font-mono px-2 py-1">pnpm dev</Tag>
+              <Paragraph className="mt-2 text-gray-500 text-sm">
+                该命令会同时启动宿主应用和监听插件变化。
+              </Paragraph>
+            </div>
+            <div>
+              <Text strong className="block mb-2">3. 构建发布</Text>
+              <Tag color="green" className="font-mono px-2 py-1">pnpm build</Tag>
+              <Paragraph className="mt-2 text-gray-500 text-sm">
+                生成生产环境可用的静态资源。
+              </Paragraph>
+            </div>
+          </div>
+        </Card>
+        {/* 插件开发指南 */}
+        <Card
+          title={<span className="flex items-center gap-2"><CodeOutlined /> 插件开发指南</span>}
+          variant="borderless"
+          className="shadow-sm"
+        >
+          <Typography>
+            <Paragraph>
+              要创建一个新的业务插件，请运行：
+            </Paragraph>
+            <Tag color="magenta" className="font-mono px-2 py-1 mb-4">pnpm create:plugin [plugin-name]</Tag>
+            <Title level={5}>插件核心结构：</Title>
+            <Paragraph>
+              每个插件都需要继承自 <Text code>Plugin</Text> 类并导出。关键属性包括：
+            </Paragraph>
+            <ul className="list-disc pl-5 space-y-2 text-gray-600">
+              <li><Text strong>id</Text>: 插件唯一标识。</li>
+              <li><Text strong>metadata.routes</Text>: 定义插件自带的页面路由。</li>
+              <li><Text strong>metadata.extensions</Text>: 通过插槽 (Slot) 扩展宿主应用的 UI。</li>
+              <li><Text strong>onLoad</Text>: 插件加载时的初始化逻辑。</li>
+            </ul>
+          </Typography>
+        </Card>
+      </Space>
+      <div className="mt-12 text-center text-gray-400 text-sm">
+        © 2025 ChatBI-V System. All rights reserved.
+      </div>
+    </div>
+  );
+};
+export default GuidePage;

package/templates/default/apps/main/tailwind.config.cjs.hbs ADDED Viewed

@@ -0,0 +1,17 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+    "../../plugins/*/src/**/*.{js,ts,jsx,tsx}",
+    "../../.chatbi/plugins/*/dist/*.{js,mjs}"
+  ],
+  theme: {
+    extend: {
+      colors: {
+        primary: '#6366f1',
+      }
+    },
+  },
+  plugins: [],
+}

package/templates/default/apps/main/tsconfig.json.hbs ADDED Viewed

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/templates/default/apps/main/vite.config.ts.hbs ADDED Viewed

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@chatbi-v/core': path.resolve(__dirname, '../../.chatbi/core'),
+      '@chatbi-v/plugin-theme-manager': path.resolve(__dirname, '../../.chatbi/plugins/theme-manager/dist/index.mjs'),
+      '@chatbi-v/plugin-system-user': path.resolve(__dirname, '../../.chatbi/plugins/system-user/dist/index.mjs'),
+      '@chatbi-v/plugin-system-monitor': path.resolve(__dirname, '../../.chatbi/plugins/system-monitor/dist/index.mjs'),
+      '@chatbi-v/plugin-demo-plugin': path.resolve(__dirname, '../../plugins/demo-plugin/src/index.tsx'),
+    }
+  }
+})

package/templates/default/package.json.hbs ADDED Viewed

@@ -0,0 +1,33 @@
+{
+  "name": "{{name}}",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "pnpm --filter @chatbi-v/main dev",
+    "build": "pnpm -r build",
+    "create:plugin": "node scripts/create-plugin.js"
+  },
+  "workspaces": [
+    "apps/*",
+    "plugins/*"
+  ],
+  "dependencies": {
+    "antd": "^5.29.3",
+    "axios": "^1.13.2",
+    "clsx": "^2.1.1",
+    "echarts-for-react": "^3.0.5",
+    "reactflow": "^11.11.4"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0",
+    "@chatbi-v/cli": "link:./.chatbi/cli",
+    "@ant-design/icons": "^5.6.1",
+    "vite": "^5.4.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "tailwindcss": "^3.4.0",
+    "postcss": "^8.4.0",
+    "autoprefixer": "^10.4.0",
+    "pnpm": ">=9.0.0"
+  }
+}

package/templates/default/plugins/demo-plugin/package.json.hbs ADDED Viewed

@@ -0,0 +1,17 @@
+{
+  "name": "@chatbi-v/plugin-demo-plugin",
+  "version": "1.0.0",
+  "type": "module",
+  "plugin": true,
+  "main": "src/index.tsx",
+  "module": "src/index.tsx",
+  "exports": {
+    ".": "./src/index.tsx"
+  },
+  "scripts": {
+    "build": "chatbi-cli build"
+  },
+  "dependencies": {
+    "@chatbi-v/core": "link:../../.chatbi/core"
+  }
+}

package/templates/default/plugins/demo-plugin/src/index.tsx.hbs ADDED Viewed

@@ -0,0 +1,44 @@
+import React from 'react'
+import { Plugin, PluginContext, Slot } from '@chatbi-v/core'
+import { MessageOutlined } from '@ant-design/icons'
+export class DemoPlugin implements Plugin {
+  id = 'demo-plugin'
+  metadata = {
+    id: 'demo-plugin',
+    name: 'Demo Business Plugin',
+    version: '1.0.0',
+    type: 'business' as const,
+    routes: [
+      {
+        path: '/demo',
+        component: () => <div style=\{{ padding: '20px', background: '#f5f5f5', borderRadius: '8px' }}>
+          <h3>Hello from Demo Plugin!</h3>
+          <p>This is a business plugin generated by ChatBI CLI.</p>
+        </div>,
+        meta: {
+          title: '演示',
+          icon: 'MessageOutlined'
+        }
+      }
+    ],
+    extensions: [
+      {
+        slot: Slot.Sidebar,
+        component: () => null,
+        order: 10,
+        meta: {
+          title: '演示',
+          icon: <MessageOutlined />,
+          path: '/demo'
+        }
+      }
+    ]
+  }
+  onLoad(context: PluginContext) {
+    context.logger.info('Demo Plugin Loaded!')
+  }
+}
+export default DemoPlugin

package/templates/default/plugins/demo-plugin/tsconfig.json.hbs ADDED Viewed

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/templates/default/pnpm-workspace.yaml.hbs ADDED Viewed

@@ -0,0 +1,3 @@
+packages:
+  - 'apps/*'
+  - 'plugins/*'