@coze-arch/cli 0.0.1-alpha.e8e1d7 → 0.0.1-alpha.e9ff73

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

@@ -7,56 +7,26 @@ export function initApp(): void {
   }
 
   app.innerHTML = `
-    <div class="flex min-h-screen items-center justify-center bg-white text-black transition-colors duration-300 dark:bg-black dark:text-white">
-      <!-- 主容器 -->
-      <main class="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between px-16 py-32 sm:items-start">
-        <!-- 头部：Logo 和 产品名称 -->
-        <div class="flex items-center gap-3">
+    <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/favicon.svg"
+            src="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-coding/icon/coze-coding.gif"
             alt="扣子编程 Logo"
-            width="40"
-            height="40"
-            style="width: 40px; height: 40px; object-fit: contain;"
+            width={156}
+            height={130}
+            style="width: 156px; height: 130px; object-fit: contain;"
           />
-          <span class="text-xl font-bold tracking-tight text-black dark:text-zinc-50">
-            扣子编程
-          </span>
-        </div>
-
-        <!-- 中间内容区：主标题和副标题 -->
-        <div class="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
-          <h1 class="max-w-xl text-4xl font-semibold leading-tight tracking-tight text-black dark:text-zinc-50">
-            扣子编程，你的 AI 开发伙伴已就位
-          </h1>
-          <p class="max-w-2xl text-lg leading-8 text-zinc-600 dark:text-zinc-400">
-            当前是空白入口文件，项目正在开发中，请稍候...
-            <br />
-            开发完成后界面将自动更新。如未自动更新成功，可以手动点击右上角刷新或重启按钮查看效果。
-          </p>
-        </div>
-
-        <!-- 底部按钮区 -->
-        <div class="flex w-full flex-col gap-4 text-base font-medium sm:w-auto sm:flex-row">
-          <!-- 按钮 1：前往首页 -->
-          <a
-            class="flex h-12 w-full min-w-[160px] items-center justify-center gap-2 rounded-full bg-black px-8 text-white transition-colors hover:bg-zinc-800 dark:bg-white dark:text-black dark:hover:bg-zinc-200 md:w-auto"
-            href="https://code.coze.cn/"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            前往首页
-          </a>
-
-          <!-- 按钮 2：查看文档 -->
-          <a
-            class="flex h-12 w-full min-w-[160px] items-center justify-center rounded-full border border-solid border-black/[.08] px-8 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-auto"
-            href="https://docs.coze.cn/"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            查看文档
-          </a>
+          <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>

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

@@ -1,6 +1,7 @@
 
-
-import { resolve } from 'path';
+import { spawn } from 'child_process';
+import { resolve, join, basename } from 'path';
+import { appendFileSync, openSync, closeSync, mkdirSync } from 'fs';
 
 
 
@@ -59,32 +60,66 @@ const config = {
     return context;
   },
 
-  onAfterRender: async (context, outputPath) => {
+  onAfterRender: async (_context, outputPath) => {
     console.log(`\nProject created at: ${outputPath}`);
     console.log('\nConfiguration:');
     console.log('  - Framework: vite');
     console.log('  - TypeScript: enabled');
     console.log('  - App Router: enabled');
-    console.log(`  - Port: ${context.port}`);
+    console.log(`  - Port: ${_context.port}`);
+  },
 
-    // Skip pnpm add in test environment to avoid monorepo workspace issues
+  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 add coze-coding-dev-sdk@"^0.7.0"`;
-    console.log(`${cmd}`);
+    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);
-      // execSync(cmd, {
-      //   cwd: projectRoot,
-      //   stdio: 'inherit',
-      // });
-      console.log('✓ coze-coding-dev-sdk updated successfully');
+
+      // 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 update coze-coding-dev-sdk:', error);
-      throw 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__/vite/vite.config.ts

@@ -4,6 +4,7 @@ export default defineConfig({
   server: {
     port: <%= port %>,
     host: '0.0.0.0',
+    allowedHosts: true,
     hmr: {
       overlay: true,
       path: '/hot/vite-hmr',

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
@@ -1845,7 +1809,7 @@ const processSingleFile = async (options
  * 1. 验证模板目录
  * 2. 扫描所有模板文件
  * 3. Dry-run：收集将要写入的文件列表（考虑 hooks 影响）
- * 4. 冲突检测：检查是否有文件会被覆盖
+ * 4. 冲突检测：检查是否有文件会被覆盖（可通过 force 跳过）
  * 5. 实际写入：渲染并写入所有文件
  * 6. 复制 node_modules（如果存在）
  *
@@ -1856,8 +1820,9 @@ const processTemplateFiles = async (options
 
 
 
+
 ) => {
-  const { templatePath, outputPath, context, templateConfig } = options;
+  const { templatePath, outputPath, context, templateConfig, force } = options;
   logger.verbose('Processing template files:');
   logger.verbose(`  - Template path: ${templatePath}`);
   logger.verbose(`  - Output path: ${outputPath}`);
@@ -1896,16 +1861,23 @@ const processTemplateFiles = async (options
     templateConfig,
   });
 
-  // 阶段 3: 冲突检测
-  const conflicts = detectFileConflicts(outputPath, filesToWrite);
-
-  if (conflicts.length > 0) {
-    // 有冲突，抛出详细的错误信息
-    const conflictList = conflicts.map(f => `  - ${f}`).join('\n');
-    throw new Error(
-      `File conflicts detected in output directory: ${outputPath}\n\n` +
-        `The following files already exist and would be overwritten:\n${conflictList}\n\n` +
-        'Please remove these files or use a different output directory.',
+  // 阶段 3: 冲突检测（force 为 true 时跳过）
+  if (!force) {
+    const conflicts = detectFileConflicts(outputPath, filesToWrite);
+
+    if (conflicts.length > 0) {
+      // 有冲突，抛出详细的错误信息
+      const conflictList = conflicts.map(f => `  - ${f}`).join('\n');
+      throw new Error(
+        `File conflicts detected in output directory: ${outputPath}\n\n` +
+          `The following files already exist and would be overwritten:\n${conflictList}\n\n` +
+          'Please remove these files or use a different output directory.\n' +
+          'Or use --force to overwrite existing files.',
+      );
+    }
+  } else {
+    logger.verbose(
+      '  - Force mode enabled, skipping conflict detection. Existing files will be overwritten.',
     );
   }
 
@@ -1925,11 +1897,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
 
@@ -1942,6 +1910,7 @@ const processTemplateFiles = async (options
 
 
 
+
 /**
  * 加载模板元数据和路径
  */
@@ -2011,6 +1980,19 @@ const executeAfterRenderHook = async (
   }
 };
 
+/**
+ * 执行完成钩子
+ */
+const executeCompleteHook = async (
+  templateConfig,
+  context,
+  outputPath,
+) => {
+  if (templateConfig.onComplete) {
+    await templateConfig.onComplete(context, outputPath);
+  }
+};
+
 /**
  * 准备输出目录
  */
@@ -2020,13 +2002,25 @@ const prepareOutputDirectory = (outputPath) => {
   return absolutePath;
 };
 
+/**
+ * 模板引擎执行结果
+ */
+
+
+
+
+
+
+
+
+
 /**
  * 执行完整的模板渲染流程
  */
 const execute = async (
   options,
 ) => {
-  const { templateName, outputPath, command } = options;
+  const { templateName, outputPath, command, force } = options;
 
   // 1. 加载模板
   const { templatePath } = await loadTemplateMetadata(templateName);
@@ -2051,12 +2045,17 @@ const execute = async (
     outputPath: absoluteOutputPath,
     context,
     templateConfig,
+    force,
   });
 
   // 7. 执行 onAfterRender 钩子
   await executeAfterRenderHook(templateConfig, context, absoluteOutputPath);
 
-  return absoluteOutputPath;
+  return {
+    outputPath: absoluteOutputPath,
+    templateConfig,
+    context,
+  };
 };
 
 function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
@@ -2202,6 +2201,7 @@ const executeInit = async (
 
 
 
+
 ,
   command,
 ) => {
@@ -2214,37 +2214,44 @@ const executeInit = async (
       skipInstall,
       skipGit,
       skipDev,
+      force,
     } = options;
 
     logger.info(`Initializing project with template: ${templateName}`);
     timer.logPhase('Initialization');
 
-    // 执行模板引擎，返回绝对路径
-    const absoluteOutputPath = await execute({
+    // 执行模板引擎，返回结果对象
+    const result = await execute({
       templateName,
       outputPath,
       command,
+      force,
     });
+    const { outputPath: absoluteOutputPath, templateConfig, context } = result;
 
     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',
+        );
       }
     }
 
+    // 执行 onComplete 钩子（在 pnpm install 之后）
+    await executeCompleteHook(templateConfig, context, absoluteOutputPath);
+    timer.logPhase('Complete hook execution');
+
     // 如果没有跳过 git，则初始化 git 仓库
     if (!skipGit) {
       runGitInit(absoluteOutputPath);
@@ -2259,7 +2266,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) {
@@ -2293,6 +2300,11 @@ const registerCommand$1 = program => {
     .option('--skip-install', 'Skip automatic pnpm install', false)
     .option('--skip-git', 'Skip automatic git initialization', false)
     .option('--skip-dev', 'Skip automatic dev server start', false)
+    .option(
+      '--force',
+      'Force overwrite existing files without checking conflicts',
+      true,
+    )
     .allowUnknownOption() // 允许透传参数
     .action(async (directory, options, command) => {
       // 位置参数优先级高于 --output 选项
@@ -2597,7 +2609,7 @@ const registerCommand = program => {
     });
 };
 
-var version = "0.0.1-alpha.e8e1d7";
+var version = "0.0.1-alpha.e9ff73";
 var packageJson = {
 	version: version};
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coze-arch/cli",
-  "version": "0.0.1-alpha.e8e1d7",
+  "version": "0.0.1-alpha.e9ff73",
   "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": {