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

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
@@ -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
 
@@ -2011,6 +1971,19 @@ const executeAfterRenderHook = async (
   }
 };
 
+/**
+ * 执行完成钩子
+ */
+const executeCompleteHook = async (
+  templateConfig,
+  context,
+  outputPath,
+) => {
+  if (templateConfig.onComplete) {
+    await templateConfig.onComplete(context, outputPath);
+  }
+};
+
 /**
  * 准备输出目录
  */
@@ -2020,6 +1993,18 @@ const prepareOutputDirectory = (outputPath) => {
   return absolutePath;
 };
 
+/**
+ * 模板引擎执行结果
+ */
+
+
+
+
+
+
+
+
+
 /**
  * 执行完整的模板渲染流程
  */
@@ -2056,7 +2041,11 @@ const execute = async (
   // 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(); } }
@@ -2219,32 +2208,37 @@ const executeInit = async (
     logger.info(`Initializing project with template: ${templateName}`);
     timer.logPhase('Initialization');
 
-    // 执行模板引擎，返回绝对路径
-    const absoluteOutputPath = await execute({
+    // 执行模板引擎，返回结果对象
+    const result = await execute({
       templateName,
       outputPath,
       command,
     });
+    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 +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) {
@@ -2597,7 +2591,7 @@ const registerCommand = program => {
     });
 };
 
-var version = "0.0.1-alpha.d85d9d";
+var version = "0.0.1-alpha.db1c06";
 var packageJson = {
 	version: version};
 

package/package.json

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

@@ -1,40 +0,0 @@
-{
-  "extends": ["taro/react"],
-  "rules": {
-    "react/jsx-uses-react": "off",
-    "react/react-in-jsx-scope": "off"
-  },
-  "overrides": [
-    {
-      "files": ["src/**/*.{js,jsx,ts,tsx}"],
-      "excludedFiles": ["src/network.ts"],
-      "rules": {
-        "no-restricted-syntax": [
-          "error",
-          {
-            "selector": "MemberExpression[object.name='process'][property.name='env']",
-            "message": "请勿在 src 目录下直接使用 process.env\n如需获取 URL 请求前缀，请使用已经注入全局的 PROJECT_DOMAIN()"
-          }
-        ],
-        "no-restricted-properties": [
-          "error",
-          {
-            "object": "Taro",
-            "property": "request",
-            "message": "请使用 Network.request 替代 Taro.request"
-          },
-          {
-            "object": "Taro",
-            "property": "uploadFile",
-            "message": "请使用 Network.uploadFile 替代 Taro.uploadFile"
-          },
-          {
-            "object": "Taro",
-            "property": "downloadFile",
-            "message": "请使用 Network.downloadFile 替代 Taro.downloadFile"
-          }
-        ]
-      }
-    }
-  ]
-}

package/lib/__templates__/taro/commitlint.config.mjs

@@ -1 +0,0 @@
-export default { extends: ["@commitlint/config-conventional"] };

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

@@ -1,28 +0,0 @@
-import { PropsWithChildren } from 'react'
-import Taro, { useLaunch } from '@tarojs/taro'
-import { injectH5Styles } from '@/utils/h5-styles'
-import '@/app.css'
-
-export default ({ children }: PropsWithChildren<any>) => {
-    useLaunch(() => {
-        // 仅在微信小程序环境执行
-        if (process.env.TARO_ENV === '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)
-            }
-        }
-
-        injectH5Styles()
-    })
-
-    return children
-}