@coze-arch/cli 0.0.1-alpha.d49256 → 0.0.1-alpha.d4acfb

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

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/lib/__templates__/vite-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 project..."
+npx vite build
+
+echo "Build completed successfully!"

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

@@ -0,0 +1,32 @@
+#!/bin/bash
+set -Eeuo pipefail
+
+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 HTTP service on port ${PORT} for dev..."
+
+npx vite --port $PORT

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

@@ -0,0 +1,9 @@
+#!/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

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

@@ -0,0 +1,15 @@
+#!/bin/bash
+set -Eeuo pipefail
+
+COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
+PORT=<%= port %>
+DEPLOY_RUN_PORT="${DEPLOY_RUN_PORT:-$PORT}"
+
+start_service() {
+    cd "${COZE_WORKSPACE_PATH}"
+    echo "Starting HTTP service on port ${DEPLOY_RUN_PORT} for deploy..."
+    npx vite preview --port $DEPLOY_RUN_PORT
+}
+
+echo "Starting HTTP service on port ${DEPLOY_RUN_PORT} for deploy..."
+start_service

package/lib/__templates__/vite-vue/src/App.vue

@@ -0,0 +1,6 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <router-view />
+</template>

package/lib/__templates__/vite-vue/src/index.css

@@ -0,0 +1,29 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+html,
+body,
+#app {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}

package/lib/__templates__/vite-vue/src/main.ts

@@ -0,0 +1,8 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import router from './router';
+import './index.css';
+
+const app = createApp(App);
+app.use(router);
+app.mount('#app');

package/lib/__templates__/vite-vue/src/router/index.ts

@@ -0,0 +1,17 @@
+import { createRouter, createWebHistory } from 'vue-router';
+import type { RouteRecordRaw } from 'vue-router';
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import('../views/Home.vue'),
+  },
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+});
+
+export default router;

package/lib/__templates__/vite-vue/src/views/Home.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div
+    class="flex h-full items-center justify-center bg-background text-foreground transition-colors duration-300 dark:bg-background dark:text-foreground overflow-hidden min-h-screen"
+  >
+    <main
+      class="flex w-full h-full max-w-3xl flex-col items-center justify-center px-16 py-32 sm:items-center"
+    >
+      <div class="flex flex-col items-center justify-between 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"
+          class="w-[156px] h-[130px] object-contain"
+        />
+        <div>
+          <div
+            class="flex flex-col items-center gap-2 text-center sm:items-center sm:text-center"
+          >
+            <h1
+              class="max-w-xl text-base font-semibold leading-tight tracking-tight text-foreground dark:text-foreground"
+            >
+              应用开发中
+            </h1>
+            <p
+              class="max-w-2xl text-sm-14 leading-8 text-muted-foreground dark:text-muted-foreground"
+            >
+              请稍后，页面即将呈现
+            </p>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+</template>

package/lib/__templates__/vite-vue/src/vite-env.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

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

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

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

@@ -0,0 +1,128 @@
+
+import { spawn } from 'child_process';
+import { resolve, join, basename } from 'path';
+import { appendFileSync, openSync, closeSync, mkdirSync } from 'fs';
+
+
+
+
+
+
+
+
+
+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',
+    },
+    hmrPort: {
+      type: 'number',
+      default: 6000,
+      minimum: 1024,
+      maximum: 65535,
+      description: 'Development HMR server port',
+    },
+  },
+  required: [],
+  additionalProperties: false,
+};
+
+const description = `Vite + Vue 3（Vue 项目）：\`coze init \${COZE_WORKSPACE_PATH} --template vite-vue\`
+- 适用：使用 Vue 3 框架的 SPA 应用、交互式前端、组件化仪表盘等项目
+- 样式开发：使用 Tailwind CSS 完成所有样式开发，不支持 Less/Sass 等预处理器。`;
+
+const config = {
+  description: description,
+  paramsSchema,
+
+  defaultParams: {
+    port: 5000,
+    hmrPort: 6000,
+    appName: 'projects',
+  },
+
+  onBeforeRender: async context => {
+    console.log(
+      `Creating Vue 3 + TypeScript + Vite project: ${context.appName}`,
+    );
+    return context;
+  },
+
+  onAfterRender: async (_context, outputPath) => {
+    console.log(`\nProject created at: ${outputPath}`);
+    console.log('\nConfiguration:');
+    console.log('  - Framework: Vue 3 + Vite');
+    console.log('  - TypeScript: enabled');
+    console.log('  - Composition API: enabled');
+    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');
+    }
+  },
+};
+
+export default config;

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

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve"
+  },
+  "include": ["src"]
+}

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

@@ -0,0 +1,28 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+
+export default defineConfig({
+  plugins: [
+    vue({
+      include: [/\.vue$/],
+    }),
+  ],
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js', '.jsx', '.vue', '.json'],
+  },
+  optimizeDeps: {
+    include: ['vue'],
+  },
+  server: {
+    port: <%= port %>,
+    host: '0.0.0.0',
+    allowedHosts: true,
+    hmr: {
+      overlay: true,
+      path: '/hot/vite-hmr',
+      port: <%= hmrPort %>,
+      clientPort: 443,
+      timeout: 30000,
+    },
+  },
+});

package/lib/cli.js

@@ -4,6 +4,8 @@
 var commander = require('commander');
 var path = require('path');
 var fs = require('fs');
+var node_path = require('node:path');
+var node_fs = require('node:fs');
 var shelljs = require('shelljs');
 var perf_hooks = require('perf_hooks');
 var fs$1 = require('fs/promises');
@@ -481,6 +483,14 @@ const warmupTemplate = (templatePath, templateName) => {
   logger.info(`\nWarming up template: ${templateName}`);
   logger.info(`  Path: ${templatePath}`);
 
+  // 检查是否存在 package.json
+  const packageJsonPath = node_path.join(templatePath, 'package.json');
+  // eslint-disable-next-line security/detect-non-literal-fs-filename
+  if (!node_fs.existsSync(packageJsonPath)) {
+    logger.info(`  ⊘ Skipping ${templateName} (no package.json found)`);
+    return;
+  }
+
   const result = shelljs.exec('pnpm install', {
     cwd: templatePath,
     silent: true,
@@ -514,13 +524,7 @@ const warmupTemplate = (templatePath, templateName) => {
 /**
  * 执行 warmup 命令的内部实现
  */
-const executeWarmup = async (
-  options
-
-,
-
-  command,
-) => {
+const executeWarmup = async (options) => {
   const timer = new TimeTracker();
 
   try {
@@ -590,7 +594,7 @@ const registerCommand$4 = program => {
     .command('warmup')
     .description('Pre-install dependencies for templates to speed up init')
     .option('-t, --template <name>', 'Warmup a specific template only')
-    .action(async (options, command) => {
+    .action(async options => {
       await executeWarmup(options);
     });
 };
@@ -1511,46 +1515,6 @@ const convertDotfileName = (filePath) => {
 
   return filePath;
 };
-
-/**
- * 复制 node_modules 目录（如果存在）
- *
- * @param sourceNodeModules - 源 node_modules 路径
- * @param targetNodeModules - 目标 node_modules 路径
- */
-const copyNodeModules = (
-  sourceNodeModules,
-  targetNodeModules,
-) => {
-  if (!fs.existsSync(sourceNodeModules)) {
-    return;
-  }
-
-  logger.info('\nCopying node_modules from pre-warmed template...');
-  logger.verbose(`  From: ${sourceNodeModules}`);
-  logger.verbose(`  To: ${targetNodeModules}`);
-
-  const result = shelljs.exec(`cp -R "${sourceNodeModules}" "${targetNodeModules}"`, {
-    silent: true,
-  });
-
-  if (result.stdout) {
-    process.stdout.write(result.stdout);
-  }
-
-  if (result.stderr) {
-    process.stderr.write(result.stderr);
-  }
-
-  if (result.code === 0) {
-    logger.success('✓ node_modules copied successfully');
-  } else {
-    logger.warn(
-      `Failed to copy node_modules: ${result.stderr || 'unknown error'}`,
-    );
-    logger.info('Will need to run pnpm install manually');
-  }
-};
 // end_aigc
 
 // ABOUTME: File rendering utilities for template processing
@@ -1925,11 +1889,7 @@ const processTemplateFiles = async (options
 
   logger.verbose('✓ All files processed successfully');
 
-  // 阶段 5: 单独处理 node_modules 目录（如果存在）
-  const sourceNodeModules = path.join(templatePath, 'node_modules');
-  const targetNodeModules = path.join(outputPath, 'node_modules');
-
-  copyNodeModules(sourceNodeModules, targetNodeModules);
+  // node_modules 将由 pnpm install 处理（利用缓存和硬链接机制）
 };
 // end_aigc
 
@@ -2259,19 +2219,19 @@ const executeInit = async (
     timer.logPhase('Template engine execution');
     logger.success('Project created successfully!');
 
-    // 如果没有跳过安装，检查是否需要运行 pnpm install
-    if (!skipInstall) {
-      const nodeModulesPath = path.join(absoluteOutputPath, 'node_modules');
-      const hasNodeModules = fs.existsSync(nodeModulesPath);
+    // 检查是否存在 package.json
+    const packageJsonPath = path.join(absoluteOutputPath, 'package.json');
+    const hasPackageJson = fs.existsSync(packageJsonPath);
 
-      if (hasNodeModules) {
-        logger.info(
-          '\n💡 Using pre-warmed node_modules, skipping pnpm install',
-        );
-        timer.logPhase('Node modules (pre-warmed)');
-      } else {
+    // 安装依赖（始终使用 pnpm install，利用缓存机制）
+    if (!skipInstall) {
+      if (hasPackageJson) {
         runPnpmInstall(absoluteOutputPath);
         timer.logPhase('Dependencies installation');
+      } else {
+        logger.info(
+          '\n💡 No package.json found, skipping dependency installation',
+        );
       }
     }
 
@@ -2293,7 +2253,7 @@ const executeInit = async (
       // 只有跳过 dev 时才显示 Next steps
       logger.info('\nNext steps:');
       logger.info(`  cd ${outputPath}`);
-      if (skipInstall) {
+      if (skipInstall && hasPackageJson) {
         logger.info('  pnpm install');
       }
       if (skipGit) {
@@ -2631,7 +2591,7 @@ const registerCommand = program => {
     });
 };
 
-var version = "0.0.1-alpha.d49256";
+var version = "0.0.1-alpha.d4acfb";
 var packageJson = {
 	version: version};
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coze-arch/cli",
-  "version": "0.0.1-alpha.d49256",
+  "version": "0.0.1-alpha.d4acfb",
   "private": false,
   "description": "coze coding devtools cli",
   "license": "MIT",
@@ -63,6 +63,7 @@
     "rollup": "^4.41.1",
     "sucrase": "^3.35.0",
     "tsx": "^4.20.6",
+    "vite-tsconfig-paths": "^4.2.1",
     "vitest": "~4.0.16"
   },
   "publishConfig": {

package/lib/__templates__/taro/src/app.ts

@@ -1,14 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { useLaunch } from '@tarojs/taro';
-import { injectH5Styles } from '@/utils/h5-styles';
-import { enableWxDebugIfNeeded } from '@/utils/wx-debug';
-import '@/app.css';
-
-export default ({ children }: PropsWithChildren<any>) => {
-  useLaunch(() => {
-    enableWxDebugIfNeeded();
-    injectH5Styles();
-  });
-
-  return children;
-};

package/lib/__templates__/taro/src/utils/h5-styles.ts

@@ -1,22 +0,0 @@
-/**
- * H5 端特殊样式注入
- * 如无必要，请勿修改本文件
- */
-export function injectH5Styles() {
-  if (TARO_ENV !== 'h5') return
-
-  const style = document.createElement('style')
-  style.innerHTML = `
-/* H5 端隐藏 TabBar 空图标（只隐藏没有 src 的图标） */
-.weui-tabbar__icon:not([src]),
-.weui-tabbar__icon[src=''] {
-  display: none !important;
-}
-
-.weui-tabbar__item:has(.weui-tabbar__icon:not([src])) .weui-tabbar__label,
-.weui-tabbar__item:has(.weui-tabbar__icon[src='']) .weui-tabbar__label {
-  margin-top: 0 !important;
-}
-  `
-  document.head.appendChild(style)
-}

package/lib/__templates__/taro/src/utils/wx-debug.ts

@@ -1,23 +0,0 @@
-import Taro from '@tarojs/taro'
-
-/**
- * 微信小程序调试工具
- * 在开发版/体验版自动开启调试模式
- */
-export function enableWxDebugIfNeeded() {
-  // 仅在微信小程序环境执行
-  if (Taro.getEnv() === Taro.ENV_TYPE.WEAPP) {
-    try {
-      const accountInfo = Taro.getAccountInfoSync()
-      const envVersion = accountInfo.miniProgram.envVersion
-      console.log('[Debug] envVersion:', envVersion)
-
-      // 开发版/体验版自动开启调试
-      if (envVersion !== 'release') {
-        Taro.setEnableDebug({ enableDebug: true })
-      }
-    } catch (error) {
-      console.error('[Debug] 开启调试模式失败:', error)
-    }
-  }
-}