@chatbi-v/cli 1.0.7 → 1.0.8

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

@@ -42,15 +42,23 @@ const App: React.FC = () => {
   }
 
   return (
-    <div className="flex h-screen flex-col overflow-hidden bg-gray-50 font-sans">
+    <div className={`flex h-screen flex-col overflow-hidden font-sans ${
+      {{#if isNebula}}'bg-purple-50'{{else if isGlass}}'bg-slate-100'{{else}}'bg-gray-50'{{/if}}
+    }`}>
       {/* Header */}
-      <header className="flex h-16 items-center justify-between bg-slate-900 px-6 text-white shadow-md z-10">
+      <header className={`flex h-16 items-center justify-between px-6 text-white shadow-md z-10 ${
+        {{#if isNebula}}'bg-gradient-to-r from-indigo-900 to-purple-900'{{else if isGlass}}'bg-white/70 backdrop-blur-md text-slate-900 border-b border-white/20'{{else}}'bg-slate-900'{{/if}}
+      }`}>
         <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">
+            <div className={`w-8 h-8 rounded-lg flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 ${
+              {{#if isNebula}}'bg-purple-500 shadow-purple-500/20'{{else if isGlass}}'bg-blue-500 shadow-blue-500/20'{{else}}'bg-indigo-500 shadow-indigo-500/20'{{/if}}
+            }`}>
               <ThunderboltOutlined className="text-lg text-white" />
             </div>
-            <h2 className="m-0 text-lg font-bold tracking-tight text-white uppercase">
+            <h2 className={`m-0 text-lg font-bold tracking-tight uppercase ${
+              {{#if isGlass}}'text-slate-800'{{else}}'text-white'{{/if}}
+            }`}>
               {{name}}
             </h2>
           </div>
@@ -58,7 +66,9 @@ const App: React.FC = () => {
             <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'
+                location.pathname === '/guide' 
+                  ? ({{#if isGlass}}'bg-blue-500/10 text-blue-600'{{else}}'bg-indigo-500/20 text-indigo-300'{{/if}})
+                  : ({{#if isGlass}}'text-slate-500 hover:text-slate-800'{{else}}'text-gray-400 hover:text-white'{{/if}})
               }`}
             >
               <QuestionCircleOutlined />
@@ -74,11 +84,15 @@ const App: React.FC = () => {
       <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 ${
+          className={`flex flex-col border-r transition-all duration-300 ease-in-out ${
             collapsed ? 'w-16' : 'w-64'
+          } ${
+            {{#if isGlass}}'bg-white/40 backdrop-blur-lg border-white/20 shadow-xl shadow-slate-200/50'{{else if isNebula}}'bg-white border-purple-100 shadow-sm'{{else}}'bg-white border-gray-200 shadow-sm'{{/if}}
           }`}
         >
-          <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' : ''}`}>
+          <div className={`p-4 border-b text-xs font-semibold uppercase tracking-wider overflow-hidden whitespace-nowrap ${collapsed ? 'text-center px-0' : ''} ${
+            {{#if isNebula}}'bg-purple-50/50 text-purple-400 border-purple-50'{{else if isGlass}}'bg-blue-50/30 text-blue-500 border-white/20'{{else}}'bg-gray-50/50 text-gray-400 border-gray-50'{{/if}}
+          }`}>
             {collapsed ? '···' : '插件菜单'}
           </div>
           <div className="flex-1 overflow-y-auto no-scrollbar py-4 px-2">
@@ -119,29 +133,31 @@ const App: React.FC = () => {
         </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} />
+        <main className="flex-1 relative overflow-hidden flex flex-col">
+          <div className={`absolute top-0 left-0 right-0 h-1 z-20 ${
+            {{#if isNebula}}'bg-purple-500/20'{{else if isGlass}}'bg-blue-500/20'{{else}}'bg-indigo-500/10'{{/if}}
+          }`} />
+          
+          <div className="flex-1 overflow-y-auto p-6 scroll-smooth bg-transparent">
+            <div className={`mx-auto max-w-7xl h-full ${
+              {{#if isGlass}}'bg-white/60 backdrop-blur-md rounded-2xl border border-white/40 shadow-xl p-8'{{else}}''{{/if}}
+            }`}>
+              <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 />} />
+              </Routes>
+            </div>
+          </div>
+          
+          {/* Footer Slot */}
+          <div className={`mt-auto px-6 py-3 border-t text-xs text-gray-400 flex justify-between items-center ${
+            {{#if isGlass}}'bg-white/30 border-white/20'{{else if isNebula}}'bg-purple-50/30 border-purple-50'{{else}}'bg-white border-gray-100'{{/if}}
+          }`}>
+            <div>ChatBI-V Plugin Container v1.0.0</div>
+            <PluginSlot slot={Slot.Footer} />
           </div>
         </main>
       </div>

package/dist/default/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",

package/dist/default/plugins/demo-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": {

package/dist/default/plugins/demo-plugin/src/index.tsx.hbs

@@ -2,22 +2,22 @@ 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'
+export class {{className}} implements Plugin {
+  id = '{{pluginId}}'
   metadata = {
-    id: 'demo-plugin',
-    name: 'Demo Business Plugin',
+    id: '{{pluginId}}',
+    name: '{{pluginId}} Plugin',
     version: '1.0.0',
-    type: 'business' as const,
+    type: '{{pluginType}}' as const,
     routes: [
       {
-        path: '/demo',
+        path: '/{{pluginId}}',
         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>
+          <h3>Hello from {{pluginId}} Plugin!</h3>
+          <p>This is a {{pluginType}} plugin generated by ChatBI CLI.</p>
         </div>,
         meta: {
-          title: '演示',
+          title: '{{pluginId}}',
           icon: 'MessageOutlined'
         }
       }
@@ -28,17 +28,17 @@ export class DemoPlugin implements Plugin {
         component: () => null,
         order: 10,
         meta: {
-          title: '演示',
+          title: '{{pluginId}}',
           icon: <MessageOutlined />,
-          path: '/demo'
+          path: '/{{pluginId}}'
         }
       }
     ]
   }
 
   onLoad(context: PluginContext) {
-    context.logger.info('Demo Plugin Loaded!')
+    context.logger.info('{{className}} Loaded!')
   }
 }
 
-export default DemoPlugin
+export default {{className}}