@coze-arch/cli 0.0.1-beta.5

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

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

package/lib/__templates__/vite/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/scripts/dev.sh

@@ -0,0 +1,51 @@
+#!/bin/bash
+set -Eeuo pipefail
+
+PORT=<%= port %>
+COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
+
+cd "${COZE_WORKSPACE_PATH}"
+
+kill_port_if_listening() {
+    local pids
+
+    # Check if lsof is available (macOS/BSD) or ss (Linux)
+    if command -v lsof >/dev/null 2>&1; then
+        # macOS/BSD using lsof
+        pids=$(lsof -ti:${PORT} 2>/dev/null || true)
+    elif command -v ss >/dev/null 2>&1; then
+        # Linux using ss
+        pids=$(ss -H -lntp 2>/dev/null | awk -v port="${PORT}" '$4 ~ ":"port"$"' | grep -o 'pid=[0-9]*' | cut -d= -f2 | paste -sd' ' - || true)
+    else
+        echo "Warning: neither lsof nor ss found, cannot check port ${PORT}"
+        return
+    fi
+
+    if [[ -z "${pids}" ]]; then
+      echo "Port ${PORT} is free."
+      return
+    fi
+
+    echo "Port ${PORT} in use by PIDs: ${pids} (SIGKILL)"
+    echo "${pids}" | xargs -I {} kill -9 {}
+    sleep 1
+
+    # Verify port is cleared
+    if command -v lsof >/dev/null 2>&1; then
+        pids=$(lsof -ti:${PORT} 2>/dev/null || true)
+    elif command -v ss >/dev/null 2>&1; then
+        pids=$(ss -H -lntp 2>/dev/null | awk -v port="${PORT}" '$4 ~ ":"port"$"' | grep -o 'pid=[0-9]*' | cut -d= -f2 | paste -sd' ' - || true)
+    fi
+
+    if [[ -n "${pids}" ]]; then
+      echo "Warning: port ${PORT} still busy after SIGKILL, PIDs: ${pids}"
+    else
+      echo "Port ${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/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/src/index.css

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

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

@@ -0,0 +1,5 @@
+import './index.css';
+import { initApp } from './main';
+
+// Initialize the application
+initApp();

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

@@ -0,0 +1,65 @@
+export function initApp(): void {
+  const app = document.getElementById('app');
+
+  if (!app) {
+    console.error('App element not found');
+    return;
+  }
+
+  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">
+          <img
+            class="dark:invert"
+            src="https://lf3-static.bytednsdoc.com/obj/eden-cn/hkpzboz/coze_logo.png"
+            alt="扣子编程 Logo"
+            width="40"
+            height="40"
+            style="width: 40px; height: 40px; 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>
+      </main>
+    </div>
+  `;
+}

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

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

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

@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+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: 3000,
+      minimum: 1024,
+      maximum: 65535,
+      description: 'Development server port',
+    },
+  },
+  required: [],
+  additionalProperties: false,
+};
+
+const config = {
+  paramsSchema,
+
+  defaultParams: {
+    port: 3000,
+    appName: 'app',
+  },
+
+  onBeforeRender: async context => {
+    console.log(`Creating Vanilla TypeScript + Vite project: ${context.appName}`);
+    return context;
+  },
+
+  onAfterRender: async (context, outputPath) => {
+    console.log(`\nProject created at: ${outputPath}`);
+    console.log(`\nConfiguration:`);
+    console.log(`  - TypeScript: enabled`);
+    console.log(`  - Framework: None (Vanilla JS/TS)`);
+    console.log(`  - Build Tool: Vite`);
+    console.log(`  - Port: ${context.port}`);
+  },
+};
+
+export default config;

package/lib/__templates__/vite/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "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
+  },
+  "include": ["src"]
+}

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

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  port: '<%= port %>',
+  host: '0.0.0.0',
+  server: {
+    hmr: {
+      overlay: true,
+      path: '/hot/vite-hmr',
+      port: '<%= port %>',
+      clientPort: 443,
+      timeout: 30000,
+    },
+  },
+});