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

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,
-  },
-});

package/lib/__templates__/expo/patches/expo@54.0.32.patch

@@ -1,28 +0,0 @@
-diff --git a/src/async-require/hmr.ts b/src/async-require/hmr.ts
-index 33ce50ee2950c40d2b0553b148710f1e24e44f3d..ed853b38809866ea8d1b78e5a71342f02dd735ef 100644
---- a/src/async-require/hmr.ts
-+++ b/src/async-require/hmr.ts
-@@ -216,6 +216,23 @@ const HMRClient: HMRClientNativeInterface = {
-
-     client.on('update-done', () => {
-       hideLoading();
-+
-+      if (process.env.EXPO_PUBLIC_COZE_PROJECT_ID && typeof window !== 'undefined' && window.location) {
-+        if((window as any).__updateTimeoutId) {
-+          clearTimeout((window as any).__updateTimeoutId);
-+        }
-+
-+        const updateDoneTime = Date.now();
-+        (window as any).__updateDoneTime = updateDoneTime;
-+
-+        (window as any).__updateTimeoutId = setTimeout(() => {
-+          const lastUpdateTime = (window as any).__updateDoneTime;
-+          if (lastUpdateTime === updateDoneTime) {
-+            console.warn('[HMR] Update timeout, force reload');
-+            window.location.reload();
-+          }
-+        }, 35_000);
-+      }
-     });
-
-     client.on('error', (data: { type: string; message: string }) => {