@coze-arch/cli 0.0.1-alpha.a8e799 → 0.0.1-alpha.aea179

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

@@ -2,23 +2,21 @@ import { Platform, StyleSheet } from "react-native";
 
 export const Colors = {
   light: {
-    text: "#111827",
-    textPrimary: "#111827",
+    textPrimary: "#1C1917",
     textSecondary: "#374151",
     textMuted: "#9CA3AF",
     textDisabled: "#D1D5DB",
     placeholder: "#9CA3AF",
-    buttonText: "#FFFFFF",
     tabIconDefault: "#9CA3AF",
-    tabIconSelected: "#111827",
-    primary: "#111827",
+    tabIconSelected: "#1C1917",
+    primary: "#1C1917",
     accent: "#000000",
-    link: "#111827",
+    link: "#1C1917",
     success: "#16A34A",
     warning: "#F59E0B",
     error: "#DC2626",
     info: "#2563EB",
-    backgroundRoot: "#FFFFFF",
+    backgroundRoot: "#FAFAF9",
     backgroundDefault: "#F9FAFB",
     backgroundSecondary: "#F3F4F6",
     backgroundTertiary: "#E5E7EB",
@@ -27,25 +25,27 @@ export const Colors = {
     divider: "#F3F4F6",
     overlay: "rgba(0, 0, 0, 0.4)",
     chartBackground: "rgba(249, 250, 251, 0.5)",
+    buttonPrimaryBackground: "#1C1917",
+    buttonPrimaryText: "#FFFFFF",
+    buttonSecondaryBackground: "#F3F4F6",
+    buttonSecondaryText: "#1C1917",
   },
   dark: {
-    text: "#ECEDEE",
-    textPrimary: "#ECEDEE",
+    textPrimary: "#FAFAF9",
     textSecondary: "#9BA1A6",
     textMuted: "#6F767E",
     textDisabled: "#4A4D50",
     placeholder: "#6F767E",
-    buttonText: "#FFFFFF",
     tabIconDefault: "#6F767E",
-    tabIconSelected: "#ECEDEE",
-    primary: "#ECEDEE",
+    tabIconSelected: "#FAFAF9",
+    primary: "#FAFAF9",
     accent: "#FFFFFF",
-    link: "#ECEDEE",
+    link: "#FAFAF9",
     success: "#30D158",
     warning: "#FF9F0A",
     error: "#FF453A",
     info: "#64D2FF",
-    backgroundRoot: "#000000",
+    backgroundRoot: "#1C1917",
     backgroundDefault: "#1C1C1E",
     backgroundSecondary: "#2C2C2E",
     backgroundTertiary: "#3A3A3C",
@@ -54,6 +54,10 @@ export const Colors = {
     divider: "#2C2C2E",
     overlay: "rgba(0, 0, 0, 0.6)",
     chartBackground: "rgba(28, 28, 30, 0.5)",
+    buttonPrimaryBackground: "#FAFAF9",
+    buttonPrimaryText: "#1C1917",
+    buttonSecondaryBackground: "#2C2C2E",
+    buttonSecondaryText: "#FAFAF9",
   },
 };
 
@@ -509,7 +513,7 @@ export const createThemedStyles = (theme: Theme) => {
       ...CommonStyles.scrollContent,
     },
     text: {
-      color: theme.text,
+      color: theme.textPrimary,
     },
     textPrimary: {
       color: theme.textPrimary,
@@ -533,7 +537,7 @@ export const createThemedStyles = (theme: Theme) => {
       color: theme.info,
     },
     textButton: {
-      color: theme.buttonText,
+      color: theme.buttonPrimaryText,
     },
     avatar: {
       ...CommonStyles.avatar,

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

@@ -1 +1,34 @@
-export { useColorScheme } from "react-native";
+import { useEffect, useState } from 'react';
+import { ColorSchemeName, useColorScheme as useReactNativeColorScheme, Platform } from 'react-native';
+
+export function useColorScheme() {
+  const systemColorScheme = useReactNativeColorScheme();
+  const [colorScheme, setColorScheme] = useState<ColorSchemeName>(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') {
+          setColorScheme(cs);
+        }
+      }
+    }
+
+    if (Platform.OS === 'web') {
+      window.addEventListener('message', handleMessage, false);
+    }
+
+    return () => {
+      if (Platform.OS === 'web') {
+        window.removeEventListener('message', handleMessage, false);
+      }
+    }
+  }, []);
+
+  return colorScheme;
+}

package/lib/__templates__/expo/client/package.json

@@ -24,8 +24,6 @@
     "@react-native-picker/picker": "^2.11.0",
     "@react-navigation/bottom-tabs": "^7.2.0",
     "@react-navigation/native": "^7.0.14",
-    "babel-plugin-module-resolver": "^5.0.2",
-    "babel-preset-expo": "^54.0.9",
     "dayjs": "^1.11.19",
     "expo": "^54.0.7",
     "expo-auth-session": "^7.0.9",
@@ -40,6 +38,7 @@
     "expo-linear-gradient": "~15.0.6",
     "expo-linking": "~8.0.7",
     "expo-location": "~19.0.7",
+    "expo-image": "^3.0.11",
     "expo-router": "~6.0.0",
     "expo-splash-screen": "~31.0.8",
     "expo-status-bar": "~3.0.7",
@@ -65,6 +64,8 @@
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "babel-preset-expo": "^54.0.9",
     "@eslint/js": "^9.27.0",
     "@types/jest": "^29.5.12",
     "@types/react": "~19.1.0",

package/lib/__templates__/expo/client/screens/home/index.tsx

@@ -1,50 +1,21 @@
-import React, { useState, useCallback } from 'react';
-import {
-  View,
-  Text,
-  ScrollView,
-  RefreshControl,
-} from 'react-native';
-import { useRouter, useFocusEffect } from 'expo-router';
-import { FontAwesome6 } from '@expo/vector-icons';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useTheme } from "@/hooks/useTheme";
+import { View, Text } from 'react-native';
+import { Image } from 'expo-image';
 
+import { useTheme } from '@/hooks/useTheme';
 import { Screen } from '@/components/Screen';
-
 import { styles } from './styles';
 
 export default function HomeScreen() {
-  const insets = useSafeAreaInsets();
   const { theme, isDark } = useTheme();
 
-  const [isRefreshing, setIsRefreshing] = useState(false);
-
-  const loadData = useCallback(async () => {
-  }, []);
-
-  useFocusEffect(
-    useCallback(() => {
-      loadData();
-    }, [loadData])
-  );
-
-  const handleRefresh = useCallback(() => {
-    setIsRefreshing(true);
-    loadData();
-  }, [loadData]);
   return (
     <Screen backgroundColor={theme.backgroundRoot} statusBarStyle={isDark ? 'light' : 'dark'}>
-      <ScrollView
-        showsVerticalScrollIndicator={false}
-        contentContainerStyle={{}}
-        refreshControl={
-          <RefreshControl refreshing={isRefreshing} onRefresh={handleRefresh} colors={['#2563EB']} />
-        }
+      <View
+        style={styles.container}
       >
-        <View style={[styles.header]}>
-        </View>
-      </ScrollView>
+        <Image style={styles.logo} source={require('@/assets/images/coze-logo.png')}></Image>
+        <Text style={{...styles.text, color: theme.textPrimary}}>即将完成开发，请稍后...</Text>
+      </View>
     </Screen>
   );
 }

package/lib/__templates__/expo/client/screens/home/styles.ts

@@ -1,60 +1,24 @@
-import { StyleSheet, Platform } from 'react-native';
+import { StyleSheet } from 'react-native';
 
 export const styles = StyleSheet.create({
-  loadingContainer: {
-    flex: 1,
-    justifyContent: 'center',
+  container: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    flexDirection: 'column',
     alignItems: 'center',
-  },
-  loadingText: {
-    marginTop: 12,
-    fontSize: 14,
-    color: '#64748B',
-  },
-  errorContainer: {
-    flex: 1,
     justifyContent: 'center',
-    alignItems: 'center',
-    paddingHorizontal: 24,
-  },
-  errorText: {
-    marginTop: 16,
-    fontSize: 16,
-    color: '#64748B',
   },
-  header: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    paddingHorizontal: 16,
-    // paddingBottom: 16,
-    backgroundColor: '#FFFFFF',
-    // borderBottomWidth: 1,
-    borderBottomColor: '#E2E8F0',
-  },
-  logoContainer: {
-    width: 32,
-    height: 32,
-    backgroundColor: '#2563EB',
-    borderRadius: 8,
-    justifyContent: 'center',
-    alignItems: 'center',
-    ...Platform.select({
-      ios: {
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.1,
-        shadowRadius: 2,
-      },
-      android: {
-        elevation: 2,
-      },
-    }),
+  text: {
+    fontSize: 14,
+    fontWeight: 'bold',
   },
-  logoText: {
-    fontSize: 18,
-    fontWeight: '700',
-    color: '#1E293B',
-    letterSpacing: -0.5,
+  logo: {
+    width: 64,
+    height: 64,
+    marginBottom: 32,
   },
 });