@coze-arch/cli 0.0.1-alpha.8f2811 → 0.0.1-alpha.904498

package/lib/__templates__/expo/server/package.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "express": "^4.22.1",
     "cors": "^2.8.5",
-    "coze-coding-dev-sdk": "^0.7.10",
+    "coze-coding-dev-sdk": "^0.7.2",
     "dayjs": "^1.11.19",
     "drizzle-orm": "^0.45.1",
     "drizzle-zod": "^0.8.3",

package/lib/__templates__/nextjs/src/app/page.tsx

@@ -1,4 +1,6 @@
 import type { Metadata } from 'next';
+import Image from 'next/image';
+import { Button } from '@/components/ui/button';
 
 export const metadata: Metadata = {
   title: '扣子编程 - AI 开发伙伴',
@@ -7,26 +9,68 @@ export const metadata: Metadata = {
 
 export default function Home() {
   return (
-    <div className="flex h-full items-center justify-center bg-background text-foreground transition-colors duration-300 dark:bg-background dark:text-foreground overflow-hidden">
+    <div className="flex min-h-screen items-center justify-center bg-background text-foreground transition-colors duration-300 dark:bg-background dark:text-foreground">
       {/* 主容器 */}
-      <main className="flex w-full h-full max-w-3xl flex-col items-center justify-center px-16 py-32 sm:items-center">
-        <div className="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"
+      <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between px-16 py-32 sm:items-start">
+        {/* 头部：Logo 和 产品名称 */}
+        <div className="flex items-center gap-3">
+          <Image
+            src="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/favicon.svg"
             alt="扣子编程 Logo"
-            width={156}
-            height={130}
+            width={40}
+            height={40}
+            unoptimized
           />
-          <div>
-            <div className="flex flex-col items-center gap-2 text-center sm:items-center sm:text-center">
-              <h1 className="max-w-xl text-base font-semibold leading-tight tracking-tight text-foreground dark:text-foreground">
-                应用开发中
-              </h1>
-              <p className="max-w-2xl text-sm-14 leading-8 text-muted-foreground dark:text-muted-foreground">
-                请稍后，页面即将呈现
-              </p>
-            </div>
-          </div>
+          <span className="text-xl font-bold tracking-tight text-foreground dark:text-foreground">
+            扣子编程
+          </span>
+        </div>
+
+        {/* 中间内容区：主标题和副标题 */}
+        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
+          <h1 className="max-w-xl text-4xl font-semibold leading-tight tracking-tight text-foreground dark:text-foreground">
+            扣子编程，你的 AI 开发伙伴已就位
+          </h1>
+          <p className="max-w-2xl text-lg leading-8 text-muted-foreground dark:text-muted-foreground">
+            当前是空白入口文件，项目正在开发中，请稍候...
+            <br />
+            开发完成后界面将自动更新。如未自动更新成功，可以手动点击右上角刷新或重启按钮查看效果。
+          </p>
+        </div>
+
+        {/* 底部按钮区 */}
+        <div className="flex w-full flex-col gap-4 text-base font-medium sm:w-auto sm:flex-row">
+          {/* 按钮 1：前往首页 */}
+          <Button
+            asChild
+            variant="default"
+            size="lg"
+            className="h-12 min-w-[160px] rounded-full px-8"
+          >
+            <a
+              href="https://code.coze.cn/"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              前往首页
+            </a>
+          </Button>
+
+          {/* 按钮 2：查看文档 */}
+          <Button
+            asChild
+            variant="outline"
+            size="lg"
+            className="h-12 min-w-[160px] rounded-full px-8"
+          >
+            <a
+              href="https://docs.coze.cn/"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              查看文档
+            </a>
+          </Button>
         </div>
       </main>
     </div>

package/lib/__templates__/templates.json

@@ -51,38 +51,6 @@
         "additionalProperties": false
       }
     },
-    {
-      "name": "taro",
-      "description": "Taro（小程序 + H5）：`coze init ${COZE_WORKSPACE_PATH} --template taro`\n- 适用：微信小程序、H5 跨端应用\n- 前后端分离架构：Taro 4 + NestJS\n- 支持微信小程序和 H5 双端构建\n- 使用 TailwindCSS + weapp-tailwindcss 实现跨端样式",
-      "location": "./taro",
-      "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": "H5 development server port"
-          },
-          "serverPort": {
-            "type": "number",
-            "default": 3000,
-            "minimum": 1024,
-            "maximum": 65535,
-            "description": "NestJS backend server port"
-          }
-        },
-        "required": [],
-        "additionalProperties": false
-      }
-    },
     {
       "name": "vite",
       "description": "Vite（简单项目）：`coze init ${COZE_WORKSPACE_PATH} --template vite`\n- 适用：轻量级 SPA、纯前端交互、仪表盘等轻量级项目。",

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

@@ -7,26 +7,56 @@ export function initApp(): void {
   }
 
   app.innerHTML = `
-    <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">
-      {/* 主容器 */}
-      <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">
+    <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
-            src="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-coding/icon/coze-coding.gif"
+            src="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/favicon.svg"
             alt="扣子编程 Logo"
-            width={156}
-            height={130}
+            width="40"
+            height="40"
+            style="width: 40px; height: 40px; object-fit: 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>
+          <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/cli.js

@@ -2597,7 +2597,7 @@ const registerCommand = program => {
     });
 };
 
-var version = "0.0.1-alpha.8f2811";
+var version = "0.0.1-alpha.904498";
 var packageJson = {
 	version: version};
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coze-arch/cli",
-  "version": "0.0.1-alpha.8f2811",
+  "version": "0.0.1-alpha.904498",
   "private": false,
   "description": "coze coding devtools cli",
   "license": "MIT",

package/lib/__templates__/expo/client/components/ThemedText.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import { Text, TextProps, TextStyle } from 'react-native';
-import { useTheme } from '@/hooks/useTheme';
-import { Typography } from '@/constants/theme';
-
-type TypographyVariant = keyof typeof Typography;
-
-interface ThemedTextProps extends TextProps {
-  variant?: TypographyVariant;
-  color?: string;
-}
-
-export function ThemedText({
-  variant = 'body',
-  color,
-  style,
-  children,
-  ...props
-}: ThemedTextProps) {
-  const { theme } = useTheme();
-  const typographyStyle = Typography[variant];
-
-  const textStyle: TextStyle = {
-    ...typographyStyle,
-    color: color ?? theme.textPrimary,
-  };
-
-  return (
-    <Text style={[textStyle, style]} {...props}>
-      {children}
-    </Text>
-  );
-}

package/lib/__templates__/expo/client/components/ThemedView.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { View, ViewProps, ViewStyle } from 'react-native';
-import { useTheme } from '@/hooks/useTheme';
-
-type BackgroundLevel = 'root' | 'default' | 'tertiary';
-
-interface ThemedViewProps extends ViewProps {
-  level?: BackgroundLevel;
-  backgroundColor?: string;
-}
-
-const backgroundMap: Record<BackgroundLevel, string> = {
-  root: 'backgroundRoot',
-  default: 'backgroundDefault',
-  tertiary: 'backgroundTertiary',
-};
-
-export function ThemedView({
-  level = 'root',
-  backgroundColor,
-  style,
-  children,
-  ...props
-}: ThemedViewProps) {
-  const { theme } = useTheme();
-  const bgColor = backgroundColor ?? (theme as any)[backgroundMap[level]];
-
-  const viewStyle: ViewStyle = {
-    backgroundColor: bgColor,
-  };
-
-  return (
-    <View style={[viewStyle, style]} {...props}>
-      {children}
-    </View>
-  );
-}

package/lib/__templates__/expo/client/constants/theme.ts

@@ -1,177 +0,0 @@
-export const Colors = {
-  light: {
-    textPrimary: "#1C1917",
-    textSecondary: "#78716c",
-    textMuted: "#9CA3AF",
-    primary: "#4F46E5", // Indigo-600 - 品牌主色，代表科技与智能
-    accent: "#8B5CF6", // Violet-500 - 辅助色，代表创造力
-    success: "#10B981", // Emerald-500
-    error: "#EF4444",
-    backgroundRoot: "#FAFAFA",
-    backgroundDefault: "#FFFFFF",
-    backgroundTertiary: "#F9FAFB", // 更浅的背景色，用于去线留白
-    buttonPrimaryText: "#FFFFFF",
-    tabIconSelected: "#4F46E5",
-    border: "#E5E7EB",
-    borderLight: "#F3F4F6",
-  },
-  dark: {
-    textPrimary: "#FAFAF9",
-    textSecondary: "#A8A29E",
-    textMuted: "#6F767E",
-    primary: "#818CF8", // Indigo-400 - 暗色模式品牌主色
-    accent: "#A78BFA", // Violet-400
-    success: "#34D399",
-    error: "#F87171",
-    backgroundRoot: "#09090B", // 更深的背景色
-    backgroundDefault: "#1C1C1E",
-    backgroundTertiary: "#1F1F22", // 暗色模式去线留白背景
-    buttonPrimaryText: "#09090B",
-    tabIconSelected: "#818CF8",
-    border: "#3F3F46",
-    borderLight: "#27272A",
-  },
-};
-
-export const Spacing = {
-  xs: 4,
-  sm: 8,
-  md: 12,
-  lg: 16,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 32,
-  "4xl": 40,
-  "5xl": 48,
-  "6xl": 64,
-};
-
-export const BorderRadius = {
-  xs: 4,
-  sm: 8,
-  md: 12,
-  lg: 16,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 28,
-  "4xl": 32,
-  full: 9999,
-};
-
-export const Typography = {
-  display: {
-    fontSize: 112,
-    lineHeight: 112,
-    fontWeight: "200" as const,
-    letterSpacing: -4,
-  },
-  displayLarge: {
-    fontSize: 112,
-    lineHeight: 112,
-    fontWeight: "200" as const,
-    letterSpacing: -2,
-  },
-  displayMedium: {
-    fontSize: 48,
-    lineHeight: 56,
-    fontWeight: "200" as const,
-  },
-  h1: {
-    fontSize: 32,
-    lineHeight: 40,
-    fontWeight: "700" as const,
-  },
-  h2: {
-    fontSize: 28,
-    lineHeight: 36,
-    fontWeight: "700" as const,
-  },
-  h3: {
-    fontSize: 24,
-    lineHeight: 32,
-    fontWeight: "300" as const,
-  },
-  h4: {
-    fontSize: 20,
-    lineHeight: 28,
-    fontWeight: "600" as const,
-  },
-  title: {
-    fontSize: 18,
-    lineHeight: 24,
-    fontWeight: "700" as const,
-  },
-  body: {
-    fontSize: 16,
-    lineHeight: 24,
-    fontWeight: "400" as const,
-  },
-  bodyMedium: {
-    fontSize: 16,
-    lineHeight: 24,
-    fontWeight: "500" as const,
-  },
-  small: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: "400" as const,
-  },
-  smallMedium: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: "500" as const,
-  },
-  caption: {
-    fontSize: 12,
-    lineHeight: 16,
-    fontWeight: "400" as const,
-  },
-  captionMedium: {
-    fontSize: 12,
-    lineHeight: 16,
-    fontWeight: "500" as const,
-  },
-  label: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: "500" as const,
-    letterSpacing: 2,
-    textTransform: "uppercase" as const,
-  },
-  labelSmall: {
-    fontSize: 12,
-    lineHeight: 16,
-    fontWeight: "500" as const,
-    letterSpacing: 1,
-    textTransform: "uppercase" as const,
-  },
-  labelTitle: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: "700" as const,
-    letterSpacing: 2,
-    textTransform: "uppercase" as const,
-  },
-  link: {
-    fontSize: 16,
-    lineHeight: 24,
-    fontWeight: "400" as const,
-  },
-  stat: {
-    fontSize: 30,
-    lineHeight: 36,
-    fontWeight: "300" as const,
-  },
-  tiny: {
-    fontSize: 10,
-    lineHeight: 14,
-    fontWeight: "400" as const,
-  },
-  navLabel: {
-    fontSize: 10,
-    lineHeight: 14,
-    fontWeight: "500" as const,
-  },
-};
-
-export type Theme = typeof Colors.light;

package/lib/__templates__/expo/client/hooks/useColorScheme.tsx

@@ -1,48 +0,0 @@
-import { createContext, Dispatch, ReactNode, SetStateAction, useContext, useEffect, useState } from 'react';
-import { ColorSchemeName, useColorScheme as useReactNativeColorScheme, Platform } from 'react-native';
-
-const ColorSchemeContext = createContext<'light' | 'dark' | null | undefined>(null);
-
-const ColorSchemeProvider = function ({ children }: { children?: ReactNode }) {
-  const systemColorScheme = useReactNativeColorScheme();
-  const [colorScheme, setColorScheme] = useState(systemColorScheme);
-
-  useEffect(() => {
-    setColorScheme(systemColorScheme);
-  }, [systemColorScheme]);
-
-  useEffect(() => {
-    function handleMessage(e: MessageEvent<{ event: string; colorScheme: ColorSchemeName; } | undefined>) {
-      if (e.data?.event === 'coze.workbench.colorScheme') {
-        const cs = e.data.colorScheme;
-        if (typeof cs === 'string' && typeof setColorScheme === 'function') {
-          setColorScheme(cs);
-        }
-      }
-    }
-
-    if (Platform.OS === 'web') {
-      window.addEventListener('message', handleMessage, false);
-    }
-
-    return () => {
-      if (Platform.OS === 'web') {
-        window.removeEventListener('message', handleMessage, false);
-      }
-    }
-  }, [setColorScheme]);
-
-  return <ColorSchemeContext.Provider value={colorScheme}>
-    {children}
-  </ColorSchemeContext.Provider>
-};
-
-function useColorScheme() {
-  const colorScheme = useContext(ColorSchemeContext);
-  return colorScheme;
-}
-
-export {
-  ColorSchemeProvider,
-  useColorScheme,
-}

package/lib/__templates__/expo/client/hooks/useTheme.ts

@@ -1,33 +0,0 @@
-import { Colors } from '@/constants/theme';
-import { useColorScheme } from '@/hooks/useColorScheme';
-
-enum COLOR_SCHEME_CHOICE {
-  FOLLOW_SYSTEM = 'follow-system', // 跟随系统自动变化
-  DARK = 'dark', // 固定为 dark 主题，不随系统变化
-  LIGHT = 'light', // 固定为 light 主题，不随系统变化
-};
-
-const userPreferColorScheme: COLOR_SCHEME_CHOICE = COLOR_SCHEME_CHOICE.FOLLOW_SYSTEM;
-
-function getTheme(colorScheme?: 'dark' | 'light' | null) {
-  const isDark = colorScheme === 'dark';
-  const theme = Colors[colorScheme ?? 'light'];
-
-  return {
-    theme,
-    isDark,
-  };
-}
-
-function useTheme() {
-  const systemColorScheme = useColorScheme()
-  const colorScheme = userPreferColorScheme === COLOR_SCHEME_CHOICE.FOLLOW_SYSTEM ?
-    systemColorScheme :
-    userPreferColorScheme;
-
-  return getTheme(colorScheme);
-}
-
-export {
-  useTheme,
-}

package/lib/__templates__/taro/.coze

@@ -1,14 +0,0 @@
-[project]
-entrypoint = "server.js"
-requires = ["nodejs-24"]
-
-[dev]
-build = ["bash", ".cozeproj/scripts/dev_build.sh"]
-run = ["bash", ".cozeproj/scripts/dev_run.sh"]
-deps = ["git"] # -> apt install git
-pack = ["bash", ".cozeproj/scripts/pack.sh"]
-
-[deploy]
-build = ["bash", ".cozeproj/scripts/deploy_build.sh"]
-run = ["bash", ".cozeproj/scripts/deploy_run.sh"]
-deps = ["git"] # -> apt install git

package/lib/__templates__/taro/.cozeproj/scripts/deploy_build.sh

@@ -1,19 +0,0 @@
-#!/bin/bash
-set -Eeuo pipefail
-
-cd "${COZE_WORKSPACE_PATH}"
-if [ -f "./.cozeproj/scripts/init_env.sh" ]; then
-    echo "⚙️ Initializing environment..."
-    # 使用 bash 执行，确保即使没有 x 权限也能跑
-    bash ./.cozeproj/scripts/init_env.sh
-else
-    echo "⚠️ Warning: init_env.sh not found, skipping environment init."
-fi
-echo "Installing dependencies..."
-# 安装所有依赖（包含 Taro 核心和 React）
-pnpm install
-
-echo "Building the Taro project..."
-pnpm build
-
-echo "Build completed successfully! Assets are in /dist"

package/lib/__templates__/taro/.cozeproj/scripts/deploy_run.sh

@@ -1,14 +0,0 @@
-#!/bin/bash
-set -Eeuo pipefail
-
-start_service() {
-    cd "${COZE_WORKSPACE_PATH}/server/dist"
-
-    local port="${DEPLOY_RUN_PORT:-3000}"
-    echo "Starting Static File Server on port ${port} for deploy..."
-
-    node ./main.js -p "${port}"
-}
-
-echo "Starting HTTP service for deploy..."
-start_service

package/lib/__templates__/taro/.cozeproj/scripts/dev_build.sh

@@ -1,16 +0,0 @@
-#!/bin/bash
-set -Eeuo pipefail
-
-cd "${COZE_WORKSPACE_PATH}"
-if [ -f "./.cozeproj/scripts/init_env.sh" ]; then
-    echo "⚙️ Initializing environment..."
-    # 使用 bash 执行，确保即使没有 x 权限也能跑
-    bash ./.cozeproj/scripts/init_env.sh
-else
-    echo "⚠️ Warning: init_env.sh not found, skipping environment init."
-fi
-
-echo "Installing dependencies..."
-pnpm install
-
-echo "Dependencies installed successfully!"