@coze-arch/cli 0.0.1-alpha.db1c06 → 0.0.1-alpha.dcc485

package/lib/__templates__/nuxt-vue/postcss.config.mjs

@@ -0,0 +1,8 @@
+const config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
+
+export default config;

package/lib/__templates__/nuxt-vue/public/robots.txt

@@ -0,0 +1,2 @@
+User-Agent: *
+Disallow:

package/lib/__templates__/nuxt-vue/scripts/build.sh

@@ -0,0 +1,14 @@
+#!/bin/bash
+set -Eeuo pipefail
+
+COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
+
+cd "${COZE_WORKSPACE_PATH}"
+
+echo "Installing dependencies..."
+pnpm install --prefer-frozen-lockfile --prefer-offline --loglevel debug --reporter=append-only
+
+echo "Building the Nuxt.js project..."
+npx nuxt build
+
+echo "Build completed successfully!"

package/lib/__templates__/nuxt-vue/scripts/dev.sh

@@ -0,0 +1,39 @@
+#!/bin/bash
+set -Eeuo pipefail
+
+<% if (process.env.NODE_ENV === 'test') { %>
+# 测试环境：支持环境变量覆盖端口
+PORT="${PORT:-<%= port %>}"
+COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
+DEPLOY_RUN_PORT="${DEPLOY_RUN_PORT:-${PORT}}"
+<% } else { %>
+PORT=<%= port %>
+COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
+DEPLOY_RUN_PORT=<%= port %>
+<% } %>
+
+cd "${COZE_WORKSPACE_PATH}"
+
+kill_port_if_listening() {
+    local pids
+    pids=$(ss -H -lntp 2>/dev/null | awk -v port="${DEPLOY_RUN_PORT}" '$4 ~ ":"port"$"' | grep -o 'pid=[0-9]*' | cut -d= -f2 | paste -sd' ' - || true)
+    if [[ -z "${pids}" ]]; then
+      echo "Port ${DEPLOY_RUN_PORT} is free."
+      return
+    fi
+    echo "Port ${DEPLOY_RUN_PORT} in use by PIDs: ${pids} (SIGKILL)"
+    echo "${pids}" | xargs -I {} kill -9 {}
+    sleep 1
+    pids=$(ss -H -lntp 2>/dev/null | awk -v port="${DEPLOY_RUN_PORT}" '$4 ~ ":"port"$"' | grep -o 'pid=[0-9]*' | cut -d= -f2 | paste -sd' ' - || true)
+    if [[ -n "${pids}" ]]; then
+      echo "Warning: port ${DEPLOY_RUN_PORT} still busy after SIGKILL, PIDs: ${pids}"
+    else
+      echo "Port ${DEPLOY_RUN_PORT} cleared."
+    fi
+}
+
+echo "Clearing port ${PORT} before start."
+kill_port_if_listening
+echo "Starting Nuxt dev server on port ${PORT}..."
+
+PORT=$PORT npx nuxt dev

package/lib/__templates__/nuxt-vue/scripts/prepare.sh

@@ -0,0 +1,14 @@
+#!/bin/bash
+set -Eeuo pipefail
+
+COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
+
+cd "${COZE_WORKSPACE_PATH}"
+
+echo "Installing dependencies..."
+pnpm install --prefer-frozen-lockfile --prefer-offline
+
+echo "Preparing Nuxt project..."
+pnpm exec nuxt prepare
+
+echo "Preparation completed successfully!"

package/lib/__templates__/nuxt-vue/scripts/start.sh

@@ -0,0 +1,21 @@
+#!/bin/bash
+set -Eeuo pipefail
+
+COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
+<% if (process.env.NODE_ENV === 'test') { %>
+# 测试环境：支持环境变量覆盖端口
+PORT="${PORT:-<%= port %>}"
+DEPLOY_RUN_PORT="${DEPLOY_RUN_PORT:-${PORT}}"
+<% } else { %>
+PORT=<%= port %>
+DEPLOY_RUN_PORT="${DEPLOY_RUN_PORT:-$PORT}"
+<% } %>
+
+start_service() {
+    cd "${COZE_WORKSPACE_PATH}"
+    echo "Starting Nuxt.js service on port ${DEPLOY_RUN_PORT} for production..."
+    PORT=${DEPLOY_RUN_PORT} node .output/server/index.mjs
+}
+
+echo "Starting Nuxt.js service on port ${DEPLOY_RUN_PORT} for production..."
+start_service

package/lib/__templates__/nuxt-vue/server/api/hello.ts

@@ -0,0 +1,10 @@
+/**
+ * Hello API 示例
+ * 访问: http://localhost:<%= port %>/api/hello
+ */
+export default defineEventHandler(() => {
+  return {
+    message: 'Hello from Nuxt API',
+    timestamp: new Date().toISOString(),
+  };
+});

package/lib/__templates__/nuxt-vue/server/middleware/logger.ts

@@ -0,0 +1,10 @@
+/**
+ * 请求日志中间件（仅开发环境）
+ */
+export default defineEventHandler((event) => {
+  const isDev = process.env.COZE_PROJECT_ENV !== 'PROD';
+
+  if (isDev) {
+    console.log(`${event.method} ${event.path}`);
+  }
+});

package/lib/__templates__/nuxt-vue/server/routes/health.ts

@@ -0,0 +1,10 @@
+/**
+ * 健康检查路由
+ * 访问: http://localhost:<%= port %>/health
+ */
+export default defineEventHandler(() => {
+  return {
+    status: 'ok',
+    timestamp: new Date().toISOString(),
+  };
+});

package/lib/__templates__/nuxt-vue/tailwind.config.js

@@ -0,0 +1,13 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './app/**/*.{js,ts,jsx,tsx,vue}',
+    './pages/**/*.{js,ts,jsx,tsx,vue}',
+    './components/**/*.{js,ts,jsx,tsx,vue}',
+  ],
+  darkMode: 'media',
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};

package/lib/__templates__/nuxt-vue/template.config.js

@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+
+const description = `Nuxt.js（服务端 + Vue）：\`coze init \${COZE_WORKSPACE_PATH} --template nuxt-vue\`
+- 适用：全栈应用、需要服务端接口能力的 Vue 项目
+- 特点：
+    - **服务端能力**：内置服务端 API 路由，可直接创建后端接口
+    - **Vue 3**：基于最新的 Vue 3 Composition API
+    - **Vite**：使用 Vite 作为构建工具，开发体验极佳
+    - **TypeScript**：完整的 TypeScript 支持
+    - **文件路由**：基于文件系统的自动路由
+    - **项目理解加速**：可依赖项目下 \`package.json\` 和 \`nuxt.config.ts\` 理解项目配置`;
+
+export const paramsSchema = {
+  type: 'object',
+  properties: {
+    appName: {
+      type: 'string',
+      minLength: 1,
+      pattern: '^[a-z0-9-]+$',
+      description:
+        'Application name (lowercase, alphanumeric and hyphens only)',
+    },
+    port: {
+      type: 'number',
+      default: 5000,
+      minimum: 1024,
+      maximum: 65535,
+      description: 'Development server port (for Nuxt dev server)',
+    },
+    hmrPort: {
+      type: 'number',
+      default: 6000,
+      minimum: 1024,
+      maximum: 65535,
+      description: 'Hot Module Replacement (HMR) port',
+    },
+  },
+  required: [],
+  additionalProperties: false,
+};
+
+const config = {
+  description: description,
+  paramsSchema,
+
+  // 显式定义默认参数，确保在渲染时可用
+  defaultParams: {
+    port: 5000,
+    hmrPort: 6000,
+    appName: 'nuxt-vue',
+  },
+
+  onBeforeRender: async context => {
+    console.log(`Creating Nuxt.js project: ${context.appName}`);
+    return context;
+  },
+
+  onAfterRender: async (_context, outputPath) => {
+    console.log(`\nProject created at: ${outputPath}`);
+    console.log('\nConfiguration:');
+    console.log('  - Framework: Nuxt.js');
+    console.log('  - TypeScript: enabled');
+    console.log('  - Vue: 3.x');
+    console.log('  - Build Tool: Vite');
+    console.log(`  - Port: ${_context.port}`);
+  },
+
+  onComplete: async (_context, _outputPath) => {
+    // Skip additional setup in test environment
+    if (process.env.NODE_ENV === 'test') {
+      console.log('⊘ Skipping additional setup in test environment');
+      return;
+    }
+
+    console.log('\n✓ Nuxt.js project setup completed!');
+    console.log('  You can now start the development server');
+  },
+};
+
+export default config;

package/lib/__templates__/nuxt-vue/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "files": [],
+  "references": [
+    {
+      "path": "./.nuxt/tsconfig.app.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.server.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.shared.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.node.json"
+    }
+  ]
+}

package/lib/__templates__/taro/README.md

@@ -105,56 +105,39 @@ pnpm preview:weapp # 构建并生成预览小程序二维码
 pnpm new      # 交互式创建页面/组件
 ```
 
-### 常用 Taro 组件
+### 组件库
 
-引入方式
+#### UI 组件
+
+UI 组件位于 `@/components/ui`，推荐按需引入：
+
+```typescript
+import { Button } from '@/components/ui/button'
+import { Card, CardContent } from '@/components/ui/card'
+```
+
+UI 组件列表:
+
+Accordion,Alert,AlertDialog,AspectRatio,Avatar,Badge,Breadcrumb,Button,ButtonGroup,Calendar,Card,Carousel,Checkbox,CodeBlock,Collapsible,Command,ContextMenu,Dialog,Drawer,DropdownMenu,Field,HoverCard,Input,InputGroup,InputOTP,Label,Menubar,NavigationMenu,Pagination,Popover,Portal,Progress,RadioGroup,Resizable,ScrollArea,Select,Separator,Sheet,Skeleton,Slider,Sonner,Switch,Table,Tabs,Textarea,Toast,Toggle,ToggleGroup,Tooltip
+
+#### Taro 原生组件
+
+可以使用的 Taro 组件（UI 未覆盖）
 
 ```typescript
-import { Text } from '@tarojs/components'
-```
-- 基础组件
-  - Text
-  - Icon
-  - Progress
-  - RichText
-- 表单组件
-  - Button
-  - Checkbox
-  - CheckboxGroup
-  - Editor
-  - Form
-  - Input
-  - Label
-  - Picker
-  - PickerView
-  - PickerViewColumn
-  - Radio
-  - RadioGroup
-  - Slider
-  - Switch
-  - Textarea
-- 导航组件
-  - FunctionalPageNavigator
-  - NavigationBar
-  - Navigator
-  - TabItem
-  - Tabs
-- 媒体组件
-  - Camera
-  - Image
-  - Video
-- 视图容器
-  - ScrollView
-  - Swiper
-  - SwiperItem
-  - View
+import { View, Text, Icon, Image } from '@tarojs/components'
+```
+
+Taro 原生组件列表：
+
+Text,Icon,RichText,CheckboxGroup,Editor,Form,Picker,PickerView,PickerViewColumn,Radio,FunctionalPageNavigator,NavigationBar,Navigator,TabItem,Camera,Image,Video,ScrollView,Swiper,SwiperItem,View
 
 ### 路径别名
 
 项目配置了 `@/*` 路径别名指向 `src/*`：
 
 ```typescript
-import { SomeComponent } from '@/components/SomeComponent'
+import { SomeComponent } from '@/components/some-component'
 import { useUserStore } from '@/stores/user'
 ```
 
@@ -164,9 +147,18 @@ import { useUserStore } from '@/stores/user'
 
 ```tsx
 // src/pages/example/index.tsx
-import { View, Text } from '@tarojs/components'
+import { View } from '@tarojs/components'
 import { useLoad, useDidShow } from '@tarojs/taro'
 import type { FC } from 'react'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
 import './index.css'
 
 const ExamplePage: FC = () => {
@@ -179,8 +171,25 @@ const ExamplePage: FC = () => {
   })
 
   return (
-    <View className="flex flex-col items-center p-4">
-      <Text className="text-lg font-bold">Hello Taro!</Text>
+    <View className="p-4">
+      <Card>
+        <CardHeader>
+          <CardTitle>Hello Taro!</CardTitle>
+          <CardDescription>
+            页面布局用 Taro 基础组件，交互与视觉优先用项目内置 UI 组件。
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <View className="text-sm text-muted-foreground">
+            组件位于 src/components/ui，推荐按需从 @/components/ui/* 引入。
+          </View>
+        </CardContent>
+        <CardFooter className="justify-end">
+          <Button size="sm" onClick={() => console.log('clicked')}>
+            点击
+          </Button>
+        </CardFooter>
+      </Card>
     </View>
   )
 }
@@ -445,10 +454,13 @@ IMPORTANT：必须使用 tailwindcss 实现样式，只有在必要情况下才
 > 项目已集成 Tailwind CSS 4.x + weapp-tailwindcss，支持跨端原子化样式：
 
 ```tsx
+import { View, Text } from '@tarojs/components'
+import { Button } from '@/components/ui/button'
+
 <View className="flex flex-col items-center justify-center min-h-screen bg-gray-100">
   <Text className="text-2xl font-bold text-blue-600 mb-4">标题</Text>
   <View className="w-full px-4">
-    <Button className="w-full bg-blue-500 text-white rounded-lg py-3">
+    <Button className="w-full" size="lg">
       按钮
     </Button>
   </View>

package/lib/__templates__/taro/config/index.ts

@@ -1,22 +1,77 @@
+import fs from 'node:fs';
 import path from 'node:path';
-import dotenv from 'dotenv';
 
 import tailwindcss from '@tailwindcss/postcss';
 import { UnifiedViteWeappTailwindcssPlugin } from 'weapp-tailwindcss/vite';
 import { defineConfig, type UserConfigExport } from '@tarojs/cli';
 import type { PluginItem } from '@tarojs/taro/types/compile/config/project';
-
-// 加载环境变量
-dotenv.config({ path: path.resolve(__dirname, '../.env.local') });
-
+import dotenv from 'dotenv';
 import devConfig from './dev';
 import prodConfig from './prod';
 import pkg from '../package.json';
 
+dotenv.config({ path: path.resolve(__dirname, '../.env.local') });
+
+const generateTTProjectConfig = (outputRoot: string) => {
+  const config = {
+    miniprogramRoot: './',
+    projectname: '<%= appName %>',
+    appid: process.env.TARO_APP_TT_APPID || '',
+    setting: {
+      urlCheck: false,
+      es6: false,
+      postcss: false,
+      minified: false,
+    },
+  };
+  const outputDir = path.resolve(__dirname, '..', outputRoot);
+  if (!fs.existsSync(outputDir)) {
+    fs.mkdirSync(outputDir, { recursive: true });
+  }
+  fs.writeFileSync(
+    path.resolve(outputDir, 'project.config.json'),
+    JSON.stringify(config, null, 2),
+  );
+};
+
 // https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
 export default defineConfig<'vite'>(async (merge, _env) => {
-  const isWeChatApp = process.env.TARO_ENV === 'weapp';
-  const outputRoot = process.env.OUTPUT_ROOT || (isWeChatApp ? 'dist-weapp' : 'dist-web')
+  const outputRootMap: Record<string, string> = {
+    weapp: 'dist-weapp',
+    tt: 'dist-tt',
+    h5: 'dist-web',
+  };
+  const defaultOutputRoot = outputRootMap[process.env.TARO_ENV || ''] || 'dist';
+  const outputRoot = process.env.OUTPUT_ROOT?.trim() || defaultOutputRoot;
+  const isH5 = process.env.TARO_ENV === 'h5';
+
+  const buildMiniCIPluginConfig = () => {
+    const hasWeappConfig = !!process.env.TARO_APP_WEAPP_APPID;
+    const hasTTConfig = !!process.env.TARO_APP_TT_EMAIL;
+    if (!hasWeappConfig && !hasTTConfig) {
+      return [];
+    }
+    const miniCIConfig: Record<string, any> = {
+      version: pkg.version,
+      desc: pkg.description,
+    };
+    if (hasWeappConfig) {
+      miniCIConfig.weapp = {
+        appid: process.env.TARO_APP_WEAPP_APPID,
+        privateKeyPath: 'key/private.appid.key',
+      };
+    }
+    if (hasTTConfig) {
+      miniCIConfig.tt = {
+        email: process.env.TARO_APP_TT_EMAIL,
+        password: process.env.TARO_APP_TT_PASSWORD,
+        setting: {
+          skipDomainCheck: true,
+        },
+      };
+    }
+    return [['@tarojs/plugin-mini-ci', miniCIConfig]] as PluginItem[];
+  };
 
   const baseConfig: UserConfigExport<'vite'> = {
     projectName: '<%= appName %>',
@@ -33,24 +88,7 @@ export default defineConfig<'vite'>(async (merge, _env) => {
     },
     sourceRoot: 'src',
     outputRoot,
-    plugins: [
-      '@tarojs/plugin-generator',
-      ...(process.env.TARO_APP_WEAPP_APPID
-        ? ([
-            [
-              '@tarojs/plugin-mini-ci',
-              {
-                version: pkg.version,
-                desc: pkg.description,
-                weapp: {
-                  appid: process.env.TARO_APP_WEAPP_APPID,
-                  privateKeyPath: 'key/private.appid.key',
-                },
-              },
-            ],
-          ] as PluginItem[])
-        : []),
-    ],
+    plugins: ['@tarojs/plugin-generator', ...buildMiniCIPluginConfig()],
     defineConstants: {
       PROJECT_DOMAIN: JSON.stringify(
         process.env.PROJECT_DOMAIN ||
@@ -63,6 +101,13 @@ export default defineConfig<'vite'>(async (merge, _env) => {
       patterns: [],
       options: {},
     },
+    ...(process.env.TARO_ENV === 'tt' && {
+      tt: {
+        appid: process.env.TARO_APP_TT_APPID,
+        projectName: '<%= appName %>',
+      },
+    }),
+    jsMinimizer: 'esbuild',
     framework: 'react',
     compiler: {
       type: 'vite',
@@ -95,13 +140,24 @@ export default defineConfig<'vite'>(async (merge, _env) => {
             };
           },
         },
-        UnifiedViteWeappTailwindcssPlugin({
-          rem2rpx: true,
-          cssEntries: [
-            // 你 @import "tailwindcss"; 那个文件的绝对路径
-            path.resolve(__dirname, '../src/app.css'),
-          ],
-        }),
+        ...(isH5
+          ? []
+          : [
+              UnifiedViteWeappTailwindcssPlugin({
+                rem2rpx: true,
+                cssEntries: [path.resolve(__dirname, '../src/app.css')],
+              }),
+            ]),
+        ...(process.env.TARO_ENV === 'tt'
+          ? [
+              {
+                name: 'generate-tt-project-config',
+                closeBundle() {
+                  generateTTProjectConfig(outputRoot);
+                },
+              },
+            ]
+          : []),
       ],
     },
     mini: {
@@ -120,18 +176,21 @@ export default defineConfig<'vite'>(async (merge, _env) => {
       },
     },
     h5: {
-      publicPath: '/',
+      publicPath: './',
       staticDirectory: 'static',
+      router: {
+        mode: 'hash',
+      },
       devServer: {
-          port: <%= port %>,
-          host: '0.0.0.0',
-          open: false,
-          proxy: {
-            '/api': {
-              target: 'http://localhost:<%= serverPort %>',
-              changeOrigin: true,
-            },
+        port: <%= port %>,
+        host: '0.0.0.0',
+        open: false,
+        proxy: {
+          '/api': {
+            target: 'http://localhost:<%= serverPort %>',
+            changeOrigin: true,
           },
+        },
       },
       miniCssExtractPluginOption: {
         ignoreOrder: true,
@@ -143,6 +202,12 @@ export default defineConfig<'vite'>(async (merge, _env) => {
           enable: true,
           config: {},
         },
+        pxtransform: {
+          enable: true,
+          config: {
+            platform: 'h5',
+          },
+        },
         cssModules: {
           enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
           config: {

package/lib/__templates__/taro/config/prod.ts

@@ -1,10 +1,9 @@
-import type { UserConfigExport } from "@tarojs/cli"
+import type { UserConfigExport } from '@tarojs/cli';
 
 export default {
   mini: {},
   h5: {
-    // 确保产物为 es5
-    legacy: true,
+    legacy: false,
     /**
      * WebpackChain 插件配置
      * @docs https://github.com/neutrinojs/webpack-chain
@@ -31,5 +30,5 @@ export default {
     //       postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
     //     }))
     // }
-  }
-} satisfies UserConfigExport<'vite'>
+  },
+} satisfies UserConfigExport<'vite'>;