@coze-arch/cli 0.0.1-alpha.bd5b49 → 0.0.1-alpha.c199b3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coze-arch/cli",
-  "version": "0.0.1-alpha.bd5b49",
+  "version": "0.0.1-alpha.c199b3",
   "private": false,
   "description": "coze coding devtools cli",
   "license": "MIT",
@@ -36,6 +36,7 @@
     "ajv-formats": "^3.0.1",
     "change-case": "^5.4.4",
     "commander": "~12.1.0",
+    "debug": "^4.3.7",
     "ejs": "^3.1.10",
     "js-yaml": "^4.1.0",
     "minimist": "^1.2.5",
@@ -43,6 +44,7 @@
   },
   "devDependencies": {
     "@coze-arch/cli-logger": "workspace:*",
+    "@coze-arch/cli-slardar": "workspace:*",
     "@coze-arch/eslint-config": "workspace:*",
     "@coze-arch/monorepo-kits": "workspace:*",
     "@coze-arch/rollup-config": "workspace:*",
@@ -50,6 +52,8 @@
     "@coze-arch/vitest-config": "workspace:*",
     "@coze-coding/lambda": "workspace:*",
     "@inquirer/prompts": "^3.2.0",
+    "@playwright/test": "~1.55.0",
+    "@types/debug": "^4.1.12",
     "@types/ejs": "^3.1.5",
     "@types/iarna__toml": "^2.0.5",
     "@types/js-yaml": "^4.0.9",
@@ -57,13 +61,16 @@
     "@types/minimist": "^1.2.5",
     "@types/node": "^24",
     "@types/shelljs": "^0.10.0",
-    "@vitest/coverage-v8": "~4.0.16",
+    "@vitest/coverage-v8": "~4.0.18",
     "json-schema-to-typescript": "^15.0.3",
     "minimatch": "^10.0.1",
+    "playwright": "~1.55.0",
     "rollup": "^4.41.1",
     "sucrase": "^3.35.0",
+    "tree-kill": "^1.2.2",
     "tsx": "^4.20.6",
-    "vitest": "~4.0.16"
+    "vite-tsconfig-paths": "^4.2.1",
+    "vitest": "~4.0.18"
   },
   "publishConfig": {
     "access": "public",

package/lib/__templates__/expo/client/global.css

@@ -1,78 +0,0 @@
-@import 'tailwindcss';
-@import 'uniwind';
-
-@import './styles';
-
-:root,
-.light,
-.default,
-[data-theme="light"],
-[data-theme="default"] {
-  /* Theme Colors (Light Mode) */
-  --accent: oklch(55.00% 0.2500 254.00);
-  --accent-foreground: oklch(99.11% 0 0);
-  --background: oklch(97.02% 0.0040 254.00);
-  --border: oklch(90.00% 0.0040 254.00);
-  --danger: oklch(65.32% 0.2347 25.76);
-  --danger-foreground: oklch(99.11% 0 0);
-  --default: oklch(94.00% 0.0040 254.00);
-  --default-foreground: oklch(21.03% 0.0059 254.00);
-  --field-background: oklch(100.00% 0.0020 254.00);
-  --field-foreground: oklch(21.03% 0.0059 254.00);
-  --field-placeholder: oklch(55.17% 0.0081 254.00);
-  --focus: oklch(55.00% 0.2500 254.00);
-  --foreground: oklch(21.03% 0.0059 254.00);
-  --muted: oklch(55.17% 0.0081 254.00);
-  --overlay: oklch(100.00% 0.0012 254.00);
-  --overlay-foreground: oklch(21.03% 0.0059 254.00);
-  --scrollbar: oklch(87.10% 0.0040 254.00);
-  --segment: oklch(100.00% 0.0040 254.00);
-  --segment-foreground: oklch(21.03% 0.0059 254.00);
-  --separator: oklch(92.00% 0.0040 254.00);
-  --success: oklch(73.29% 0.1951 150.83);
-  --success-foreground: oklch(21.03% 0.0059 150.83);
-  --surface: oklch(100.00% 0.0020 254.00);
-  --surface-foreground: oklch(21.03% 0.0059 254.00);
-  --warning: oklch(78.19% 0.1598 72.35);
-  --warning-foreground: oklch(21.03% 0.0059 72.35);
-
-  /* Border Radius */
-  --radius: 0.75rem;
-  --field-radius: 0.5rem;
-
-  /* Font Family */
-  /* Make sure to load Google Sans font in your app */
-  --font-sans: var(--font-google-sans);
-}
-
-.dark,
-[data-theme="dark"] {
-  color-scheme: dark;
-  /* Theme Colors (Dark Mode) */
-  --accent: oklch(55.00% 0.2500 254.00);
-  --accent-foreground: oklch(99.11% 0 0);
-  --background: oklch(12.00% 0.0040 254.00);
-  --border: oklch(28.00% 0.0040 254.00);
-  --danger: oklch(59.40% 0.1983 24.65);
-  --danger-foreground: oklch(99.11% 0 0);
-  --default: oklch(27.40% 0.0040 254.00);
-  --default-foreground: oklch(99.11% 0 0);
-  --field-background: oklch(21.03% 0.0081 254.00);
-  --field-foreground: oklch(99.11% 0.0000 0.00);
-  --field-placeholder: oklch(70.50% 0.0081 254.00);
-  --focus: oklch(55.00% 0.2500 254.00);
-  --foreground: oklch(99.11% 0.0000 0.00);
-  --muted: oklch(70.50% 0.0081 254.00);
-  --overlay: oklch(21.03% 0.0081 254.00);
-  --overlay-foreground: oklch(99.11% 0.0000 0.00);
-  --scrollbar: oklch(70.50% 0.0040 254.00);
-  --segment: oklch(39.64% 0.0040 254.00);
-  --segment-foreground: oklch(99.11% 0.0000 0.00);
-  --separator: oklch(25.00% 0.0040 254.00);
-  --success: oklch(73.29% 0.1951 150.83);
-  --success-foreground: oklch(21.03% 0.0059 150.83);
-  --surface: oklch(21.03% 0.0081 254.00);
-  --surface-foreground: oklch(99.11% 0.0000 0.00);
-  --warning: oklch(82.03% 0.1399 76.36);
-  --warning-foreground: oklch(21.03% 0.0059 76.36);
-}

package/lib/__templates__/expo/client/styles.css

@@ -1,263 +0,0 @@
-@theme {
-  /* Primitive Colors (Do not change between light and dark) */
-  --white: oklch(100% 0 0);
-  --black: oklch(0% 0 0);
-  --snow: oklch(0.9911 0 0);
-  --eclipse: oklch(0.2103 0.0059 285.89);
-
-  /* Border */
-  --border-width: 1px;
-  --field-border-width: 0px;
-
-  /* Base radius */
-  --radius: 0.5rem;
-  --field-radius: calc(var(--radius) * 1.5);
-
-  /* Opacity */
-  --opacity-disabled: 0.5;
-}
-
-@layer theme {
-  :root {
-    @variant light {
-      /* Base Colors */
-      --background: oklch(0.9702 0 0);
-      --foreground: var(--eclipse);
-
-      /* Surface: Used for non-overlay components (cards, accordions, disclosure groups) */
-      --surface: var(--white);
-      --surface-foreground: var(--foreground);
-
-      /* Overlay: Used for floating/overlay components (dialogs, popovers, modals, menus) */
-      --overlay: var(--white);
-      --overlay-foreground: var(--foreground);
-
-      --muted: oklch(0.5517 0.0138 285.94);
-
-      --default: oklch(94% 0.001 286.375);
-      --default-foreground: var(--eclipse);
-
-      --accent: oklch(0.6204 0.195 253.83);
-      --accent-foreground: var(--snow);
-
-      /* Form Fields */
-      --field-background: var(--white);
-      --field-foreground: oklch(0.2103 0.0059 285.89);
-      --field-placeholder: var(--muted);
-      --field-border: transparent; /* no border by default on form fields */
-
-      /* Status Colors */
-      --success: oklch(0.7329 0.1935 150.81);
-      --success-foreground: var(--eclipse);
-
-      --warning: oklch(0.7819 0.1585 72.33);
-      --warning-foreground: var(--eclipse);
-
-      --danger: oklch(0.6532 0.2328 25.74);
-      --danger-foreground: var(--snow);
-
-      /* Component Colors */
-      --segment: var(--white);
-      --segment-foreground: var(--eclipse);
-
-      /* Misc Colors */
-      --border: oklch(90% 0.004 286.32);
-      --separator: oklch(74% 0.004 286.32);
-      --focus: var(--accent);
-      --link: var(--foreground);
-
-      /* Shadows */
-      --surface-shadow:
-        0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.06),
-        0 0 1px 0 rgba(0, 0, 0, 0.06);
-      --overlay-shadow:
-        0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 -6px 12px 0 rgba(0, 0, 0, 0.02),
-        0 14px 28px 0 rgba(0, 0, 0, 0.06);
-      --field-shadow:
-        0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.06),
-        0 0 1px 0 rgba(0, 0, 0, 0.06);
-    }
-
-    @variant dark {
-      /* Base Colors */
-      --background: oklch(12% 0.005 285.823);
-      --foreground: var(--snow);
-
-      /* Surface: Used for non-overlay components (cards, accordions, disclosure groups) */
-      --surface: oklch(0.2103 0.0059 285.89);
-      --surface-foreground: var(--foreground);
-
-      /* Overlay: Used for floating/overlay components (dialogs, popovers, modals, menus) - lighter for contrast */
-      --overlay: oklch(0.2103 0.0059 285.89);
-      --overlay-foreground: var(--foreground);
-
-      --muted: oklch(70.5% 0.015 286.067);
-
-      --default: oklch(27.4% 0.006 286.033);
-      --default-foreground: var(--snow);
-
-      --accent: oklch(0.6204 0.195 253.83);
-      --accent-foreground: var(--snow);
-
-      /* Form Field Defaults - Colors (only the ones that are different from light theme) */
-      --field-background: oklch(0.2103 0.0059 285.89);
-      --field-foreground: var(--foreground);
-      --field-placeholder: var(--muted);
-      --field-border: transparent; /* no border by default on form fields */
-
-      /* Status Colors */
-      --success: oklch(0.7329 0.1935 150.81);
-      --success-foreground: var(--eclipse);
-
-      --warning: oklch(0.8203 0.1388 76.34);
-      --warning-foreground: var(--eclipse);
-
-      --danger: oklch(0.594 0.1967 24.63);
-      --danger-foreground: var(--snow);
-
-      /* Component Colors */
-      --segment: oklch(0.3964 0.01 285.93);
-      --segment-foreground: var(--foreground);
-
-      /* Misc Colors */
-      --border: oklch(28% 0.006 286.033);
-      --separator: oklch(40% 0.006 286.033);
-      --focus: var(--accent);
-      --link: var(--foreground);
-
-      /* Shadows */
-      --surface-shadow: 0 0 0 0 transparent inset; /* No shadow on dark mode */
-      --overlay-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.2) inset;
-      --field-shadow: 0 0 0 0 transparent inset; /* Transparent shadow to allow ring utilities to work */
-    }
-  }
-}
-
-@theme inline static {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-
-  --color-surface: var(--surface);
-  --color-surface-foreground: var(--surface-foreground);
-  --color-surface-hover: color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%);
-
-  --color-overlay: var(--overlay);
-  --color-overlay-foreground: var(--overlay-foreground);
-
-  --color-muted: var(--muted);
-
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-
-  --color-segment: var(--segment);
-  --color-segment-foreground: var(--segment-foreground);
-
-  --color-border: var(--border);
-  --color-separator: var(--separator);
-  --color-focus: var(--focus);
-  --color-link: var(--link);
-
-  --color-default: var(--default);
-  --color-default-foreground: var(--default-foreground);
-
-  --color-success: var(--success);
-  --color-success-foreground: var(--success-foreground);
-
-  --color-warning: var(--warning);
-  --color-warning-foreground: var(--warning-foreground);
-
-  --color-danger: var(--danger);
-  --color-danger-foreground: var(--danger-foreground);
-
-  /* Form Field Tokens */
-  --color-field: var(--field-background, var(--default));
-  --color-field-foreground: var(--field-foreground, var(--foreground));
-  --color-field-placeholder: var(--field-placeholder, var(--muted));
-  --color-field-border: var(--field-border, var(--border));
-  --radius-field: var(--field-radius, var(--radius-xl));
-  --border-width-field: var(--field-border-width, var(--border-width));
-
-  --shadow-surface: var(--surface-shadow);
-  --shadow-overlay: var(--overlay-shadow);
-  --shadow-field: var(--field-shadow);
-
-  /* Calculated Variables */
-
-  /* Colors */
-
-  /* --- background shades --- */
-  --color-background-secondary: color-mix(in oklab, var(--background) 96%, var(--foreground) 4%);
-  --color-background-tertiary: color-mix(in oklab, var(--background) 92%, var(--foreground) 8%);
-  --color-background-inverse: var(--foreground);
-
-  /* ------------------------- */
-  --color-default-hover: color-mix(in oklab, var(--default) 96%, var(--default-foreground) 4%);
-  --color-accent-hover: color-mix(in oklab, var(--accent) 90%, var(--accent-foreground) 10%);
-  --color-success-hover: color-mix(in oklab, var(--success) 90%, var(--success-foreground) 10%);
-  --color-warning-hover: color-mix(in oklab, var(--warning) 90%, var(--warning-foreground) 10%);
-  --color-danger-hover: color-mix(in oklab, var(--danger) 90%, var(--danger-foreground) 10%);
-
-  /* Form Field Colors */
-  --color-field-hover: color-mix(in oklab, var(--field-background, var(--default)) 90%, var(--field-foreground, var(--foreground)) 2%);
-  --color-field-focus: var(--field-background, var(--default));
-  --color-field-border-hover: color-mix(in oklab, var(--field-border, var(--border)) 88%, var(--field-foreground, var(--foreground)) 10%);
-  --color-field-border-focus: color-mix(in oklab, var(--field-border, var(--border)) 74%, var(--field-foreground, var(--foreground)) 22%);
-
-  /* Soft Colors */
-  --color-accent-soft: color-mix(in oklab, var(--accent) 15%, transparent);
-  --color-accent-soft-foreground: var(--accent);
-  --color-accent-soft-hover: color-mix(in oklab, var(--accent) 20%, transparent);
-
-  --color-danger-soft: color-mix(in oklab, var(--danger) 15%, transparent);
-  --color-danger-soft-foreground: var(--danger);
-  --color-danger-soft-hover: color-mix(in oklab, var(--danger) 20%, transparent);
-
-  --color-warning-soft: color-mix(in oklab, var(--warning) 15%, transparent);
-  --color-warning-soft-foreground: var(--warning);
-  --color-warning-soft-hover: color-mix(in oklab, var(--warning) 20%, transparent);
-
-  --color-success-soft: color-mix(in oklab, var(--success) 15%, transparent);
-  --color-success-soft-foreground: var(--success);
-  --color-success-soft-hover: color-mix(in oklab, var(--success) 20%, transparent);
-
-  /* Surface Levels - progressively darker/lighter shades for layering */
-  --color-surface-secondary: color-mix(in oklab, var(--surface) 94%, var(--surface-foreground) 6%);
-  --color-surface-tertiary: color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%);
-
-  /* On Surface Colors */
-  --color-on-surface: color-mix(in oklab, var(--surface) 93%, var(--surface-foreground) 7%);
-  --color-on-surface-foreground: var(--surface-foreground);
-  --color-on-surface-hover: color-mix(in oklab, var(--surface) 91%, var(--surface-foreground) 9%);
-  --color-on-surface-focus: color-mix(in oklab, var(--surface) 93%, var(--surface-foreground) 7%);
-
-  /* On Surface Colors - Secondary (on secondary surface) */
-  --color-on-surface-secondary: color-mix(in oklab, var(--surface) 87%, var(--surface-foreground) 13%);
-  --color-on-surface-secondary-foreground: var(--surface-foreground);
-  --color-on-surface-secondary-hover: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
-  --color-on-surface-secondary-focus: color-mix(in oklab, var(--surface) 87%, var(--surface-foreground) 13%);
-
-   /* On Surface Colors - Tertiary (on tertiary surface) */
-  --color-on-surface-tertiary: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
-  --color-on-surface-tertiary-foreground: var(--surface-foreground);
-  --color-on-surface-tertiary-hover: color-mix(in oklab, var(--surface) 84%, var(--surface-foreground) 16%);
-  --color-on-surface-tertiary-focus: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
-
-  /* Separator Colors - Levels */
-  --color-separator-secondary: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
-  --color-separator-tertiary: color-mix(in oklab, var(--surface) 81%, var(--surface-foreground) 19%);
-
-  /* Border Colors - Levels (progressive contrast: default → secondary → tertiary) */
-  /* Light mode: lighter → darker | Dark mode: darker → lighter */
-  --color-border-secondary: color-mix(in oklab, var(--surface) 78%, var(--surface-foreground) 22%);
-  --color-border-tertiary: color-mix(in oklab, var(--surface) 66%, var(--surface-foreground) 34%);
-
-  /* Radius and default sizes - defaults can change by just changing the --radius */
-  --radius-xs: calc(var(--radius) * 0.25); /* 0.125rem (2px) */
-  --radius-sm: calc(var(--radius) * 0.5); /* 0.25rem (4px) */
-  --radius-md: calc(var(--radius) * 0.75); /* 0.375rem (6px) */
-  --radius-lg: calc(var(--radius) * 1); /* 0.5rem (8px) */
-  --radius-xl: calc(var(--radius) * 1.5); /* 0.75rem (12px) */
-  --radius-2xl: calc(var(--radius) * 2); /* 1rem (16px) */
-  --radius-3xl: calc(var(--radius) * 3); /* 1.5rem (24px) */
-  --radius-4xl: calc(var(--radius) * 4); /* 2rem (32px) */
-}

package/lib/__templates__/expo/client/uniwind-types.d.ts

@@ -1,10 +0,0 @@
-// NOTE: This file is generated by uniwind and it should not be edited manually.
-/// <reference types="uniwind/types" />
-
-declare module 'uniwind' {
-    export interface UniwindConfig {
-        themes: readonly ['light', 'dark']
-    }
-}
-
-export {}

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

@@ -1,14 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { useLaunch } from '@tarojs/taro';
-import { injectH5Styles } from '@/utils/h5-styles';
-import { enableWxDebugIfNeeded } from '@/utils/wx-debug';
-import '@/app.css';
-
-export default ({ children }: PropsWithChildren<any>) => {
-  useLaunch(() => {
-    enableWxDebugIfNeeded();
-    injectH5Styles();
-  });
-
-  return children;
-};

package/lib/__templates__/taro/src/utils/h5-styles.ts

@@ -1,33 +0,0 @@
-/**
- * H5 端特殊样式注入
- * 如无必要，请勿修改本文件
- */
-export function injectH5Styles() {
-  if (TARO_ENV !== 'h5') return;
-
-  const style = document.createElement('style');
-  style.innerHTML = `
-/* H5 端隐藏 TabBar 空图标（只隐藏没有 src 的图标） */
-.weui-tabbar__icon:not([src]),
-.weui-tabbar__icon[src=''] {
-  display: none !important;
-}
-
-.weui-tabbar__item:has(.weui-tabbar__icon:not([src])) .weui-tabbar__label,
-.weui-tabbar__item:has(.weui-tabbar__icon[src='']) .weui-tabbar__label {
-  margin-top: 0 !important;
-}
-
-/* Vite 错误覆盖层无法选择文本的问题 */
-vite-error-overlay {
-  /* stylelint-disable-next-line property-no-vendor-prefix */
-  -webkit-user-select: text !important;
-}
-
-vite-error-overlay::part(window) {
-  max-width: 90vw;
-  padding: 10px;
-}
-  `;
-  document.head.appendChild(style);
-}

package/lib/__templates__/taro/src/utils/wx-debug.ts

@@ -1,23 +0,0 @@
-import Taro from '@tarojs/taro'
-
-/**
- * 微信小程序调试工具
- * 在开发版/体验版自动开启调试模式
- */
-export function enableWxDebugIfNeeded() {
-  // 仅在微信小程序环境执行
-  if (Taro.getEnv() === Taro.ENV_TYPE.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)
-    }
-  }
-}