@coze-arch/cli 0.0.1-alpha.f9be02 → 0.0.1-alpha.ff64d9

package/lib/__templates__/expo/client/app.config.ts

@@ -1,71 +1,75 @@
 import { ExpoConfig, ConfigContext } from 'expo/config';
 
+const appName = 'My App';
+const slugAppName = 'my-app';
+
 export default ({ config }: ConfigContext): ExpoConfig => {
   return {
     ...config,
-      "name": "${app_name}",
-      "slug": "${slug}",
-      "version": "1.0.0",
-      "orientation": "portrait",
-      "icon": "./assets/images/icon.png",
-      "scheme": "myapp",
-      "userInterfaceStyle": "automatic",
-      "newArchEnabled": true,
-      "ios": {
-        "supportsTablet": true
+    "name": appName,
+    "slug": slugAppName,
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "scheme": "myapp",
+    "userInterfaceStyle": "automatic",
+    "newArchEnabled": true,
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
       },
-      "android": {
-        "adaptiveIcon": {
-          "foregroundImage": "./assets/images/adaptive-icon.png",
+      "package": "com.anonymous.myapp"
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "single",
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": [
+      process.env.EXPO_PUBLIC_BACKEND_BASE_URL ? [
+        "expo-router",
+        {
+          "origin": process.env.EXPO_PUBLIC_BACKEND_BASE_URL
+        }
+      ] : 'expo-router',
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/images/splash-icon.png",
+          "imageWidth": 200,
+          "resizeMode": "contain",
           "backgroundColor": "#ffffff"
         }
-      },
-      "web": {
-        "bundler": "metro",
-        "output": "single",
-        "favicon": "./assets/images/favicon.png"
-      },
-      "plugins": [
-        process.env.EXPO_PUBLIC_BACKEND_BASE_URL ? [
-          "expo-router",
-          {
-            "origin": process.env.EXPO_PUBLIC_BACKEND_BASE_URL
-          }
-        ] : 'expo-router',
-        [
-          "expo-splash-screen",
-          {
-            "image": "./assets/images/splash-icon.png",
-            "imageWidth": 200,
-            "resizeMode": "contain",
-            "backgroundColor": "#ffffff"
-          }
-        ],
-        [
-          "expo-image-picker",
-          {
-            "photosPermission": "允许${app_name}访问您的相册，以便您上传或保存图片。",
-            "cameraPermission": "允许${app_name}使用您的相机，以便您直接拍摄照片上传。",
-            "microphonePermission": "允许${app_name}访问您的麦克风，以便您拍摄带有声音的视频。"
-          }
-        ],
-        [
-          "expo-location",
-          {
-            "locationWhenInUsePermission": "${app_name}需要访问您的位置以提供周边服务及导航功能。"
-          }
-        ],
-        [
-          "expo-camera",
-          {
-            "cameraPermission": "${app_name}需要访问相机以拍摄照片和视频。",
-            "microphonePermission": "${app_name}需要访问麦克风以录制视频声音。",
-            "recordAudioAndroid": true
-          }
-        ]
       ],
-      "experiments": {
-        "typedRoutes": true
-      }
+      [
+        "expo-image-picker",
+        {
+          "photosPermission": `允许${appName}访问您的相册，以便您上传或保存图片。`,
+          "cameraPermission": `允许${appName}使用您的相机，以便您直接拍摄照片上传。`,
+          "microphonePermission": `允许${appName}访问您的麦克风，以便您拍摄带有声音的视频。`
+        }
+      ],
+      [
+        "expo-location",
+        {
+          "locationWhenInUsePermission": `${appName}需要访问您的位置以提供周边服务及导航功能。`
+        }
+      ],
+      [
+        "expo-camera",
+        {
+          "cameraPermission": `${appName}需要访问相机以拍摄照片和视频。`,
+          "microphonePermission": `${appName}需要访问麦克风以录制视频声音。`,
+          "recordAudioAndroid": true
+        }
+      ]
+    ],
+    "experiments": {
+      "typedRoutes": true
+    }
   }
 }

package/lib/__templates__/expo/client/{src/constants → constants}/theme.ts

@@ -2,23 +2,21 @@ import { Platform, StyleSheet } from "react-native";
 
 export const Colors = {
   light: {
-    text: "#111827",
-    textPrimary: "#111827",
-    textSecondary: "#374151",
+    textPrimary: "#1C1917",
+    textSecondary: "#78716c",
     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: "#FFF",
     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",
-    textSecondary: "#9BA1A6",
+    textPrimary: "#FAFAF9",
+    textSecondary: "#A8A29E",
     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: "#0C0A09",
     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: "#0C0A09",
+    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/declarations.d.ts

@@ -0,0 +1,5 @@
+// declarations.d.ts
+
+declare module 'expo-file-system/legacy' {
+  export * from 'expo-file-system';
+}

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

@@ -0,0 +1,34 @@
+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/demo/index.tsx

@@ -0,0 +1,25 @@
+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 DemoPage() {
+  const { theme, isDark } = useTheme();
+
+  return (
+    <Screen backgroundColor={theme.backgroundRoot} statusBarStyle={isDark ? 'light' : 'dark'}>
+      <View
+        style={styles.container}
+      >
+        <Image
+          style={styles.logo}
+          source="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-coding/expo/coze-loading.gif"
+        ></Image>
+        <Text style={{...styles.title, color: theme.textPrimary}}>APP 开发中</Text>
+        <Text style={{...styles.description, color: theme.textSecondary}}>即将为您呈现应用界面</Text>
+      </View>
+    </Screen>
+  );
+}

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

@@ -0,0 +1,28 @@
+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/client/tsconfig.json

@@ -7,7 +7,7 @@
     "strict": true,
     "noEmit": true,
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./*"]
     }
   },
   "include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"],

package/lib/__templates__/expo/package.json

@@ -1,109 +1,15 @@
 {
-  "name": "<%= appName %>",
+  "name": "expo-express-monorepo",
   "private": true,
   "version": "0.0.0",
-  "main": "expo-router/entry",
   "scripts": {
     "dev": "bash .cozeproj/scripts/dev_run.sh",
     "build": "bash .cozeproj/scripts/prod_build.sh",
     "start": "bash .cozeproj/scripts/prod_run.sh",
-    "check-deps": "npx depcheck",
-    "preinstall": "npx only-allow pnpm",
-    "lint": "expo lint",
-    "test": "jest --watchAll"
-  },
-  "jest": {
-    "preset": "jest-expo"
-  },
-  "dependencies": {
-    "@aws-sdk/client-s3": "^3.958.0",
-    "@aws-sdk/lib-storage": "^3.958.0",
-    "@expo/metro-runtime": "^6.1.2",
-    "@expo/vector-icons": "^15.0.0",
-    "@react-native-async-storage/async-storage": "^2.2.0",
-    "@react-native-community/datetimepicker": "^8.5.0",
-    "@react-native-community/slider": "^5.0.1",
-    "@react-native-masked-view/masked-view": "^0.3.2",
-    "@react-native-picker/picker": "^2.11.0",
-    "@react-navigation/bottom-tabs": "^7.2.0",
-    "@react-navigation/native": "^7.0.14",
-    "ajv": "^8.17.1",
-    "ajv-formats": "^3.0.1",
-    "babel-plugin-module-resolver": "^5.0.2",
-    "babel-preset-expo": "^54.0.9",
-    "connect": "^3.7.0",
-    "coze-coding-dev-sdk": "^0.5.5",
-    "dayjs": "^1.11.19",
-    "drizzle-kit": "^0.31.8",
-    "drizzle-orm": "^0.45.1",
-    "drizzle-zod": "^0.8.3",
-    "expo": "^54.0.7",
-    "expo-auth-session": "^7.0.9",
-    "expo-av": "~16.0.6",
-    "expo-blur": "~15.0.6",
-    "expo-camera": "~17.0.10",
-    "expo-constants": "~18.0.8",
-    "expo-crypto": "^15.0.7",
-    "expo-font": "~14.0.7",
-    "expo-haptics": "~15.0.6",
-    "expo-image-picker": "~17.0.7",
-    "expo-linear-gradient": "~15.0.6",
-    "expo-linking": "~8.0.7",
-    "expo-location": "~19.0.7",
-    "expo-router": "~6.0.0",
-    "expo-splash-screen": "~31.0.8",
-    "expo-status-bar": "~3.0.7",
-    "expo-symbols": "~1.0.6",
-    "expo-system-ui": "~6.0.9",
-    "expo-web-browser": "~15.0.10",
-    "express": "^4.22.1",
-    "http-proxy-middleware": "^3.0.5",
-    "multer": "^2.0.2",
-    "pg": "^8.16.3",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-chart-kit": "^6.12.0",
-    "react-native-gesture-handler": "~2.28.0",
-    "react-native-keyboard-aware-scroll-view": "^0.9.5",
-    "react-native-modal-datetime-picker": "18.0.0",
-    "react-native-reanimated": "~4.1.0",
-    "react-native-safe-area-context": "~5.6.0",
-    "react-native-screens": "~4.16.0",
-    "react-native-svg": "15.15.0",
-    "react-native-toast-message": "^2.3.3",
-    "react-native-web": "^0.21.2",
-    "react-native-webview": "~13.15.0",
-    "react-native-worklets": "0.5.1",
-    "zod": "^4.2.1"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@eslint/js": "^9.27.0",
-    "@types/express": "^5.0.6",
-    "@types/jest": "^29.5.12",
-    "@types/multer": "^2.0.0",
-    "@types/pg": "^8.16.0",
-    "@types/react": "~19.1.0",
-    "@types/react-test-renderer": "19.1.0",
-    "chalk": "^4.1.2",
-    "depcheck": "^1.4.7",
-    "esbuild": "0.27.2",
-    "eslint": "^9.39.2",
-    "eslint-formatter-compact": "^9.0.1",
-    "eslint-import-resolver-typescript": "^4.4.4",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-regexp": "^2.10.0",
-    "globals": "^16.1.0",
-    "jest": "^29.2.1",
-    "jest-expo": "~54.0.10",
-    "react-test-renderer": "19.1.0",
-    "tsx": "^4.21.0",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.32.1"
+    "preinstall": "npx only-allow pnpm"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "packageManager": "pnpm@9.0.0",
   "engines": {
     "pnpm": ">=9.0.0"