@coze-arch/cli 0.0.1-alpha.e8683e → 0.0.1-alpha.e89608

package/lib/__templates__/vite/scripts/build.sh

@@ -8,7 +8,10 @@ cd "${COZE_WORKSPACE_PATH}"
 echo "Installing dependencies..."
 pnpm install --prefer-frozen-lockfile --prefer-offline --loglevel debug --reporter=append-only
 
-echo "Building the project..."
+echo "Building frontend with Vite..."
 npx vite build
 
+echo "Bundling server with tsup..."
+npx tsup server/index.ts --format cjs --platform node --target node20 --outDir dist-server --no-splitting --no-minify --external vite
+
 echo "Build completed successfully!"

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

@@ -27,6 +27,6 @@ kill_port_if_listening() {
 
 echo "Clearing port ${PORT} before start."
 kill_port_if_listening
-echo "Starting HTTP service on port ${PORT} for dev..."
+echo "Starting Koa + Vite dev server on port ${PORT}..."
 
-npx vite --port $PORT
+PORT=$PORT npx tsx watch server/index.ts

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

@@ -7,9 +7,9 @@ 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 Koa production server on port ${DEPLOY_RUN_PORT}..."
+    PORT=$DEPLOY_RUN_PORT node dist-server/index.js
 }
 
-echo "Starting HTTP service on port ${DEPLOY_RUN_PORT} for deploy..."
+echo "Starting Koa production server on port ${DEPLOY_RUN_PORT}..."
 start_service

package/lib/__templates__/vite/server/index.ts

@@ -0,0 +1,57 @@
+import Koa from 'koa';
+import bodyParser from 'koa-bodyparser';
+import router from './routes/index';
+import { setupVite } from './vite';
+
+const isDev = process.env.COZE_PROJECT_ENV !== 'PROD';
+
+async function createServer() {
+  const app = new Koa();
+
+  // 全局错误处理
+  app.use(async (ctx, next) => {
+    try {
+      await next();
+    } catch (err) {
+      console.error('Server error:', err);
+      const status =
+        err instanceof Error && 'status' in err
+          ? (err as { status?: number }).status || 500
+          : 500;
+      ctx.status = status;
+      ctx.body = {
+        error: err instanceof Error ? err.message : 'Internal server error',
+      };
+    }
+  });
+
+  // 请求日志（仅开发环境）
+  if (isDev) {
+    app.use(async (ctx, next) => {
+      const start = Date.now();
+      await next();
+      const ms = Date.now() - start;
+      console.log(`${ctx.method} ${ctx.url} - ${ms}ms`);
+    });
+  }
+
+  // 添加请求体解析
+  app.use(bodyParser());
+
+  // 注册 API 路由
+  app.use(router.routes()).use(router.allowedMethods());
+
+  // 集成 Vite（开发模式）或静态文件服务（生产模式）
+  await setupVite(app);
+
+  const port = process.env.PORT || <%= port %>;
+  app.listen(port, () => {
+    console.log(`\n✨ Server running at http://localhost:${port}`);
+    console.log(`📝 Environment: ${isDev ? 'development' : 'production'}\n`);
+  });
+}
+
+createServer().catch((err) => {
+  console.error('Failed to start server:', err);
+  process.exit(1);
+});

package/lib/__templates__/vite/server/routes/index.ts

@@ -0,0 +1,31 @@
+import Router from '@koa/router';
+
+const router = new Router();
+
+// API 路由示例
+router.get('/api/hello', async ctx => {
+  ctx.body = {
+    message: 'Hello from Koa + Vite!',
+    timestamp: new Date().toISOString(),
+  };
+});
+
+router.post('/api/data', async ctx => {
+  const requestData = ctx.request.body;
+  ctx.body = {
+    success: true,
+    data: requestData,
+    receivedAt: new Date().toISOString(),
+  };
+});
+
+// 健康检查接口
+router.get('/api/health', async ctx => {
+  ctx.body = {
+    status: 'ok',
+    env: process.env.COZE_PROJECT_ENV,
+    timestamp: new Date().toISOString(),
+  };
+});
+
+export default router;

package/lib/__templates__/vite/server/vite.ts

@@ -0,0 +1,79 @@
+import type Koa from 'koa';
+import serve from 'koa-static';
+import path from 'path';
+import fs from 'fs';
+
+const isDev = process.env.COZE_PROJECT_ENV !== 'PROD';
+
+/**
+ * 集成 Vite 开发服务器（中间件模式）
+ * 使用动态 import 避免在生产构建时打包 vite
+ */
+export async function setupViteMiddleware(app: Koa) {
+  // 动态导入 vite，只在开发环境运行时加载
+  const { createServer: createViteServer } = await import('vite');
+
+  const vite = await createViteServer({
+    server: {
+      middlewareMode: true,
+      hmr: {
+        port: process.env.HMR_PORT ? parseInt(process.env.HMR_PORT) : undefined,
+        overlay: true,
+      },
+    },
+    appType: 'spa',
+  });
+
+  // 将 Vite middleware 转换为 Koa middleware
+  app.use(async ctx => {
+    await new Promise<void>((resolve, reject) => {
+      vite.middlewares(ctx.req, ctx.res, (err?: Error) => {
+        if (err) {
+          reject(err);
+        } else {
+          resolve();
+        }
+      });
+    });
+  });
+
+  console.log('🚀 Vite dev server initialized');
+}
+
+/**
+ * 设置生产环境静态文件服务
+ */
+export function setupStaticServer(app: Koa) {
+  // 在 CommonJS 编译后，__dirname 会自动可用
+  // 在 TypeScript 中，我们使用相对于当前文件的路径
+  const distPath = path.resolve(process.cwd(), 'dist');
+
+  if (!fs.existsSync(distPath)) {
+    console.error('❌ dist folder not found. Please run "pnpm build" first.');
+    process.exit(1);
+  }
+
+  // 服务静态文件
+  app.use(serve(distPath));
+
+  // SPA fallback - 所有非 API 请求返回 index.html
+  app.use(async ctx => {
+    if (!ctx.path.startsWith('/api')) {
+      ctx.type = 'html';
+      ctx.body = fs.createReadStream(path.join(distPath, 'index.html'));
+    }
+  });
+
+  console.log('📦 Serving static files from dist/');
+}
+
+/**
+ * 根据环境设置 Vite
+ */
+export async function setupVite(app: Koa) {
+  if (isDev) {
+    await setupViteMiddleware(app);
+  } else {
+    setupStaticServer(app);
+  }
+}

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/tsconfig.json

@@ -3,14 +3,15 @@
     "target": "ES2020",
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": true
+    "noEmit": true,
+    "types": ["node"]
   },
-  "include": ["src"]
+  "include": ["src", "server"]
 }

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',