@coze-arch/cli 0.0.7 → 0.0.8-alpha.9a0dda

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coze-arch/cli",
-  "version": "0.0.7",
+  "version": "0.0.8-alpha.9a0dda",
   "private": false,
   "description": "coze coding devtools cli",
   "license": "MIT",
@@ -40,6 +40,7 @@
     "commander": "~12.1.0",
     "debug": "^4.3.7",
     "ejs": "^3.1.10",
+    "fast-glob": "^3.3.3",
     "js-yaml": "^4.1.0",
     "minimist": "^1.2.5",
     "shelljs": "^0.10.0"
@@ -48,6 +49,7 @@
     "@coze-arch/cli-logger": "workspace:*",
     "@coze-arch/cli-slardar": "workspace:*",
     "@coze-arch/eslint-config": "workspace:*",
+    "@coze-arch/fs-enhance": "workspace:*",
     "@coze-arch/monorepo-kits": "workspace:*",
     "@coze-arch/rollup-config": "workspace:*",
     "@coze-arch/ts-config": "workspace:*",

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__/expo/client/screens/demo/styles.ts

@@ -1,28 +0,0 @@
-import { Spacing } from '@/constants/theme';
-import { StyleSheet } from 'react-native';
-
-export const styles = StyleSheet.create({
-  container: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    width: '100%',
-    height: '100%',
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  logo: {
-    width: 130,
-    height: 109,
-  },
-  title: {
-    fontSize: 16,
-    fontWeight: 'bold',
-  },
-  description: {
-    fontSize: 14,
-    marginTop: Spacing.sm,
-  },
-});