@coze-arch/cli 0.0.1-beta.6 → 0.0.2

package/lib/__templates__/nextjs/src/server.ts

@@ -0,0 +1,35 @@
+import { createServer } from 'http';
+import { parse } from 'url';
+import next from 'next';
+
+const dev = process.env.COZE_PROJECT_ENV !== 'PROD';
+const hostname = process.env.HOSTNAME || 'localhost';
+const port = parseInt(process.env.PORT || '<%= port %>', 10);
+
+// Create Next.js app
+const app = next({ dev, hostname, port });
+const handle = app.getRequestHandler();
+
+app.prepare().then(() => {
+  const server = createServer(async (req, res) => {
+    try {
+      const parsedUrl = parse(req.url!, true);
+      await handle(req, res, parsedUrl);
+    } catch (err) {
+      console.error('Error occurred handling', req.url, err);
+      res.statusCode = 500;
+      res.end('Internal server error');
+    }
+  });
+  server.once('error', err => {
+    console.error(err);
+    process.exit(1);
+  });
+  server.listen(port, () => {
+    console.log(
+      `> Server listening at http://${hostname}:${port} as ${
+        dev ? 'development' : process.env.COZE_PROJECT_ENV
+      }`,
+    );
+  });
+});

package/lib/__templates__/nextjs/template.config.js

@@ -1,11 +1,21 @@
 
 
+import { spawn } from 'child_process';
+import { resolve, join, basename } from 'path';
+import { appendFileSync, openSync, closeSync, mkdirSync } from 'fs';
 
 
 
 
 
 
+const description = `Next.js（复杂项目）：\`coze init \${COZE_WORKSPACE_PATH} --template nextjs\`
+- 适用：全栈应用、复杂多页面等复杂项目
+- 使用默认nextjs项目规范
+    - **目录规范**： 默认开启src目录（打开--src-dir选项）：项目文件（如 app 目录、pages 目录、components 等）初始化到 src/ 目录下。
+    - **项目理解加速**：初始可以依赖项目下 \`package.json\` 文件理解项目类型，如果没有或无法理解退化成阅读其他文件。
+    - **UI设计与组件规范**：Next.js项目**必须默认**采用 shadcn/ui 风格和规范，\`shadcn/ui\`组件默认完整的预装在\`src/components/ui/\`目录下`;
+
 export const paramsSchema = {
   type: 'object',
   properties: {
@@ -29,12 +39,13 @@ export const paramsSchema = {
 };
 
 const config = {
+  description: description,
   paramsSchema,
 
   // 显式定义默认参数，确保在渲染时可用
   defaultParams: {
     port: 5000,
-    appName: 'my-nextjs-app',
+    appName: 'projects',
   },
 
   onBeforeRender: async context => {
@@ -42,13 +53,67 @@ const config = {
     return context;
   },
 
-  onAfterRender: async (context, outputPath) => {
+  onAfterRender: async (_context, outputPath) => {
     console.log(`\nProject created at: ${outputPath}`);
     console.log('\nConfiguration:');
     console.log('  - Framework: Next.js');
     console.log('  - TypeScript: enabled');
     console.log('  - App Router: enabled');
-    console.log(`  - Port: ${context.port}`);
+    console.log(`  - Port: ${_context.port}`);
+  },
+
+  onComplete: async (_context, outputPath) => {
+    // Skip pnpm update in test environment to avoid monorepo workspace issues
+    if (process.env.NODE_ENV === 'test') {
+      console.log('⊘ Skipping dependency update in test environment');
+      return;
+    }
+
+    const cmd = 'pnpm';
+    const args = ['update', 'coze-coding-dev-sdk@^0.7.0'];
+    console.log(
+      `\nTriggering: ${cmd} ${args.join(' ')} (running in background)`,
+    );
+
+    try {
+      const projectRoot = resolve(outputPath);
+
+      // Determine log directory
+      const logDir = process.env.COZE_LOG_DIR || resolve(__dirname, '../.log');
+      mkdirSync(logDir, { recursive: true });
+
+      // Use project name in log file to avoid conflicts
+      const projectName = basename(projectRoot);
+      const logFile = join(logDir, `${projectName}-init.log`);
+
+      // Write log header
+      const timestamp = new Date().toISOString();
+      appendFileSync(
+        logFile,
+        `\n=== [${timestamp}] ${cmd} ${args.join(' ')} ===\n`,
+      );
+
+      // Open log file for appending
+      const logFd = openSync(logFile, 'a');
+
+      // Spawn in detached mode
+      const child = spawn(cmd, args, {
+        cwd: projectRoot,
+        detached: true,
+        stdio: ['ignore', logFd, logFd],
+      });
+
+      child.unref();
+      closeSync(logFd);
+
+      console.log(
+        '✓ coze-coding-dev-sdk update triggered (running in background)',
+      );
+      console.log(`  Log file: ${logFile}`);
+    } catch (error) {
+      console.error('✗ Failed to trigger coze-coding-dev-sdk update:', error);
+      console.log('  You can manually run: pnpm update coze-coding-dev-sdk');
+    }
   },
 };
 

package/lib/__templates__/nextjs/tsconfig.json

@@ -30,5 +30,5 @@
     ".next/dev/types/**/*.ts",
     "**/*.mts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "dist"]
 }

package/lib/__templates__/nuxt-vue/.coze

@@ -0,0 +1,12 @@
+[project]
+requires = ["nodejs-24"]
+
+[dev]
+build = ["bash", "./scripts/prepare.sh"]
+run = ["bash", "./scripts/dev.sh"]
+deps = ["git"] # -> apt install git
+
+[deploy]
+build = ["bash","./scripts/build.sh"]
+run = ["bash","./scripts/start.sh"]
+deps = ["git"] # -> apt install git

package/lib/__templates__/nuxt-vue/README.md

@@ -0,0 +1,73 @@
+# <%= appName %>
+
+Nuxt.js full-stack application with server-side API capabilities, Vue 3, and Vite.
+
+## Features
+
+- 🚀 **Nuxt 4**: Latest Nuxt.js framework
+- ⚡️ **Vite**: Lightning-fast development and build
+- 🎨 **Vue 3**: Composition API and modern Vue features
+- 🔥 **Server API**: Built-in server routes for backend logic
+- 📁 **File-based Routing**: Automatic routing from file structure
+- 🔧 **TypeScript**: Full TypeScript support
+- 🛠️ **DevTools**: Nuxt DevTools enabled
+
+## Setup
+
+This project uses pnpm as the package manager. Make sure to install dependencies:
+
+```bash
+pnpm install
+```
+
+## Development
+
+Start the development server on `http://localhost:<%= port %>`:
+
+```bash
+pnpm dev
+```
+
+The server will automatically restart when you make changes to your code.
+
+## Production
+
+Build the application for production:
+
+```bash
+pnpm build
+```
+
+Start the production server:
+
+```bash
+pnpm start
+```
+
+## Project Structure
+
+```
+<%= appName %>/
+├── app/              # Application source code
+│   ├── app.vue       # Root component
+│   ├── components/   # Vue components
+│   └── layouts/      # Layout components
+├── server/           # Server-side code (optional)
+│   ├── api/          # API endpoints
+│   └── middleware/   # Server middleware
+├── public/           # Static assets
+├── assets/           # CSS and other assets
+├── nuxt.config.ts    # Nuxt configuration
+└── package.json      # Project dependencies
+```
+
+## Server API (Optional)
+
+You can add server API by creating files in `server/api/` directory. See [server/README.md](./server/README.md) for more details.
+
+## Learn More
+
+- [Nuxt Documentation](https://nuxt.com/docs)
+- [Vue 3 Documentation](https://vuejs.org/)
+- [Vite Documentation](https://vitejs.dev/)
+- [Deployment Guide](https://nuxt.com/docs/getting-started/deployment)

package/lib/__templates__/nuxt-vue/_gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

package/lib/__templates__/nuxt-vue/_npmrc

@@ -0,0 +1,23 @@
+loglevel=error
+registry=https://registry.npmmirror.com
+
+strictStorePkgContentCheck=false
+verifyStoreIntegrity=false
+
+# 网络优化
+network-concurrency=16
+fetch-retries=3
+fetch-timeout=60000
+
+# 严格使用 peer dependencies
+strict-peer-dependencies=false
+
+# 自动生成 lockfile
+auto-install-peers=true
+
+# lockfile 配置
+lockfile=true
+prefer-frozen-lockfile=true
+
+# 如果 lockfile 存在但过期，更新而不是失败
+resolution-mode=highest

package/lib/__templates__/nuxt-vue/app/app.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <NuxtRouteAnnouncer />
+    <NuxtPage />
+  </div>
+</template>

package/lib/__templates__/nuxt-vue/app/pages/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="flex min-h-screen items-center justify-center">
+    <main class="flex w-full max-w-3xl flex-col items-center justify-center px-16 py-32">
+      <div class="flex flex-col items-center gap-4">
+        <img
+          src="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-coding/icon/coze-coding.gif"
+          alt="扣子编程 Logo"
+          width="156"
+          height="130"
+          style="width: 156px; height: 130px; object-fit: contain"
+        />
+        <div class="flex flex-col items-center gap-2 text-center">
+          <h1 class="max-w-xl text-base font-semibold leading-tight tracking-tight">
+            应用开发中
+          </h1>
+          <p class="max-w-2xl text-sm leading-8 opacity-70">
+            请稍后，页面即将呈现
+          </p>
+        </div>
+      </div>
+    </main>
+  </div>
+</template>

package/lib/__templates__/nuxt-vue/assets/css/main.css

@@ -0,0 +1,24 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #ffffff;
+  --foreground: #000000;
+  --muted-foreground: #6b7280;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #000000;
+    --foreground: #ffffff;
+    --muted-foreground: #9ca3af;
+  }
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  background: var(--background);
+  color: var(--foreground);
+}

package/lib/__templates__/nuxt-vue/nuxt.config.ts

@@ -0,0 +1,116 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+export default defineNuxtConfig({
+  compatibilityDate: '2025-07-15',
+  devtools: { enabled: true },
+  telemetry: false,
+
+  // App head configuration
+  app: {
+    head: {
+      title: '新应用 | 扣子编程',
+      titleTemplate: '%s | 扣子编程',
+      meta: [
+        { charset: 'utf-8' },
+        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+        {
+          name: 'description',
+          content:
+            '扣子编程是一款一站式云端 Vibe Coding 开发平台。通过对话轻松构建智能体、工作流和网站，实现从创意到上线的无缝衔接。',
+        },
+        {
+          name: 'keywords',
+          content:
+            '扣子编程,Coze Code,Vibe Coding,AI 编程,智能体搭建,工作流搭建,网站搭建,网站部署,全栈开发,AI 工程师',
+        },
+        { name: 'author', content: 'Coze Code Team' },
+        { name: 'generator', content: 'Coze Code' },
+        // Open Graph
+        { property: 'og:title', content: '扣子编程 | 你的 AI 工程师已就位' },
+        {
+          property: 'og:description',
+          content:
+            '我正在使用扣子编程 Vibe Coding，让创意瞬间上线。告别拖拽，拥抱心流。',
+        },
+        { property: 'og:url', content: 'https://code.coze.cn' },
+        { property: 'og:site_name', content: '扣子编程' },
+        { property: 'og:locale', content: 'zh_CN' },
+        { property: 'og:type', content: 'website' },
+        // Robots
+        { name: 'robots', content: 'index, follow' },
+      ],
+      link: [{ rel: 'canonical', href: 'https://code.coze.cn' }],
+      htmlAttrs: {
+        lang: 'zh-CN',
+      },
+    },
+  },
+
+  // Nuxt modules
+  modules: ['@nuxt/image', '@nuxtjs/tailwindcss'],
+
+  // Global CSS
+  css: [resolve(__dirname, 'assets/css/main.css')],
+
+  // Development server configuration
+  devServer: {
+    port: parseInt(process.env.PORT || '<%= port %>', 10),
+    host: process.env.HOSTNAME || 'localhost',
+  },
+
+  // TypeScript configuration
+  typescript: {
+    strict: false,
+    typeCheck: false,
+  },
+
+  // Vite configuration (similar to Next.js allowedDevOrigins)
+  vite: {
+    server: {
+      host: '0.0.0.0',
+      cors: {
+        origin: ['*.dev.coze.site'],
+        credentials: true,
+      },
+      hmr: {
+        overlay: true,
+        path: '/hot/vite-hmr',
+        port: parseInt(process.env.HMR_PORT || '<%= hmrPort %>', 10),
+        clientPort: 443,
+        timeout: 30000,
+      },
+    },
+  },
+
+  // Image optimization (similar to Next.js images config)
+  // Using @nuxt/image module for image optimization
+  // https://image.nuxt.com/
+  image: {
+    domains: ['lf-coze-web-cdn.coze.cn'],
+    // Remote patterns configuration
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'lf-coze-web-cdn.coze.cn',
+        pathname: '/**',
+      },
+    ],
+  },
+
+  // Security headers (Content Security Policy)
+  nitro: {
+    routeRules: {
+      '/**': {
+        headers: {
+          'Content-Security-Policy':
+            "img-src 'self' data: https://lf-coze-web-cdn.coze.cn;",
+        },
+      },
+    },
+  },
+});

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

@@ -0,0 +1,35 @@
+{
+  "name": "<%= appName %>",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "bash ./scripts/build.sh",
+    "dev": "bash ./scripts/dev.sh",
+    "generate": "nuxt generate",
+    "preinstall": "npx only-allow pnpm",
+    "preview": "nuxt preview",
+    "start": "bash ./scripts/start.sh"
+  },
+  "dependencies": {
+    "@nuxt/image": "^1.8.1",
+    "nuxt": "^4.3.1",
+    "tailwind-merge": "^2.6.0",
+    "vue": "^3.5.30",
+    "vue-router": "^4.6.4"
+  },
+  "devDependencies": {
+    "@nuxtjs/tailwindcss": "^6.14.0",
+    "@types/node": "^20",
+    "autoprefixer": "^10.4.20",
+    "coze-coding-dev-sdk": "^0.7.16",
+    "only-allow": "^1.2.2",
+    "postcss": "^8.4.49",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5"
+  },
+  "packageManager": "pnpm@9.0.0",
+  "engines": {
+    "pnpm": ">=9.0.0"
+  }
+}