@coze-arch/cli 0.0.1-alpha.8e1417 → 0.0.1-alpha.98e280

package/lib/__templates__/expo/.cozeproj/scripts/dev_run.sh

@@ -130,18 +130,13 @@ wait_port_connectable() {
 
 start_expo() {
   local offline="${1:-0}"
-
-  pushd ./client
-
   if [ "$offline" = "1" ]; then
-    EXPO_OFFLINE=1 EXPO_NO_DOCTOR=1 EXPO_PUBLIC_BACKEND_BASE_URL="$EXPO_PUBLIC_BACKEND_BASE_URL" EXPO_PACKAGER_PROXY_URL="$EXPO_PACKAGER_PROXY_URL" nohup npx expo start --port "$EXPO_PORT" > ../logs/expo.log 2>&1 &
+    EXPO_OFFLINE=1 EXPO_NO_DOCTOR=1 EXPO_PUBLIC_BACKEND_BASE_URL="$EXPO_PUBLIC_BACKEND_BASE_URL" EXPO_PACKAGER_PROXY_URL="$EXPO_PACKAGER_PROXY_URL" nohup npx expo start --port "$EXPO_PORT" > logs/expo.log 2>&1 &
   else
-    EXPO_NO_DOCTOR=1 EXPO_PUBLIC_BACKEND_BASE_URL="$EXPO_PUBLIC_BACKEND_BASE_URL" EXPO_PACKAGER_PROXY_URL="$EXPO_PACKAGER_PROXY_URL" nohup npx expo start --port "$EXPO_PORT" > ../logs/expo.log 2>&1 &
+    EXPO_NO_DOCTOR=1 EXPO_PUBLIC_BACKEND_BASE_URL="$EXPO_PUBLIC_BACKEND_BASE_URL" EXPO_PACKAGER_PROXY_URL="$EXPO_PACKAGER_PROXY_URL" nohup npx expo start --port "$EXPO_PORT" > logs/expo.log 2>&1 &
   fi
   EXPO_PID=$!
   echo "$EXPO_PID"
-
-  popd
 }
 
 detect_expo_fetch_failed() {
@@ -186,8 +181,8 @@ ensure_port EXPO_PORT "$EXPO_PORT"
 
 # ==================== 启动 Server 服务 ====================
 write_log "INFO" "==================== 启动 server 服务 ===================="
-write_log "INFO" "正在执行：npm run dev"
-PORT="$SERVER_PORT" nohup npm run dev --prefix ./server > logs/app.log 2>&1 &
+write_log "INFO" "正在执行：npm run server"
+PORT="$SERVER_PORT" nohup npm run server > logs/app.log 2>&1 &
 SERVER_PID=$!
 if [ -z "${SERVER_PID}" ]; then
   write_log "ERROR" "无法获取 server 后台进程 PID"
@@ -195,7 +190,8 @@ fi
 write_log "INFO" "server 服务已启动，进程 ID：${SERVER_PID:-unknown}"
 
 write_log "INFO" "==================== 启动 Expo 项目 ===================="
-write_log "INFO" "开始启动 Expo 服务，端口 ${EXPO_PORT}"
+write_log "INFO" "正在执行：npx expo start --port ${EXPO_PORT}"
+write_log "INFO" "开始启动 Expo 服务"
 EXPO_PID=$(start_expo 0)
 if detect_expo_fetch_failed 8; then
   write_log "WARN" "Expo 启动检测到网络错误：TypeError: fetch failed，启用离线模式重试"

package/lib/__templates__/expo/.cozeproj/scripts/prod_build.sh

@@ -40,8 +40,8 @@ fi
 info "==================== 依赖安装完成！====================\n"
 
 info "==================== dist打包 ===================="
-info "开始执行：npm run build --prefix server"
-(cd "$ROOT_DIR" && npm run build --prefix ./server) || error "dist打包失败"
+info "开始执行：pnpm run server:build"
+(cd "$ROOT_DIR" && pnpm run server:build) || error "dist打包失败"
 info "==================== dist打包完成！====================\n"
 
 info "下一步：执行 ./prod_run.sh 启动服务"

package/lib/__templates__/expo/.cozeproj/scripts/prod_run.sh

@@ -30,6 +30,6 @@ check_command() {
 check_command "pnpm"
 check_command "npm"
 
-info "开始执行：npm run start"
-(cd "$ROOT_DIR" && PORT="$PORT" npm run start --prefix ./server) || error "服务启动失败"
+info "开始执行：pnpm run server:prod"
+(cd "$ROOT_DIR" && PORT="$PORT" pnpm run server:prod) || error "服务启动失败"
 info "服务启动完成！\n"

package/lib/__templates__/expo/_gitignore

@@ -8,4 +8,4 @@ expo/expo-env.d.ts
 expo-env.d.ts
 .DS_Store
 logs/
-*.tsbuildinfo
+tsconfig.tsbuildinfo

package/lib/__templates__/expo/_npmrc

@@ -8,13 +8,15 @@ network-concurrency=16
 fetch-retries=3
 fetch-timeout=60000
 
-# peerDependencies
+# 严格使用 peer dependencies
 strict-peer-dependencies=false
+
+# 自动生成 lockfile
 auto-install-peers=true
 
 # lockfile 配置
 lockfile=true
 prefer-frozen-lockfile=true
 
-# semver 选择最高版本
+# 如果 lockfile 存在但过期，更新而不是失败
 resolution-mode=highest

package/lib/__templates__/expo/{client/app.json → app.json}

@@ -4,7 +4,7 @@
     "slug": "${slug}",
     "version": "1.0.0",
     "orientation": "portrait",
-    "icon": "./assets/images/icon.png",
+    "icon": "./client/assets/images/icon.png",
     "scheme": "myapp",
     "userInterfaceStyle": "automatic",
     "newArchEnabled": true,
@@ -13,21 +13,21 @@
     },
     "android": {
       "adaptiveIcon": {
-        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "foregroundImage": "./client/assets/images/adaptive-icon.png",
         "backgroundColor": "#ffffff"
       }
     },
     "web": {
       "bundler": "metro",
       "output": "single",
-      "favicon": "./assets/images/favicon.png"
+      "favicon": "./client/assets/images/favicon.png"
     },
     "plugins": [
       "expo-router",
       [
         "expo-splash-screen",
         {
-          "image": "./assets/images/splash-icon.png",
+          "image": "./client/assets/images/splash-icon.png",
           "imageWidth": 200,
           "resizeMode": "contain",
           "backgroundColor": "#ffffff"

package/lib/__templates__/expo/babel.config.js

@@ -0,0 +1,19 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ["babel-preset-expo"],
+    plugins: [
+      [
+        "module-resolver",
+        {
+          root: ["./"],
+          alias: {
+            "@": "./client",
+          },
+          extensions: [".ios.js", ".android.js", ".js", ".ts", ".tsx", ".json"],
+        },
+      ],
+      "react-native-reanimated/plugin",
+    ],
+  };
+};

package/lib/__templates__/expo/client/app/(tabs)/_layout.tsx

@@ -0,0 +1,43 @@
+import { Tabs } from 'expo-router';
+import { FontAwesome6 } from '@expo/vector-icons';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useTheme } from '@/hooks/useTheme';
+
+export default function TabLayout() {
+  const insets = useSafeAreaInsets();
+  const { theme } = useTheme();
+  const tabBarHeight = 56 + Math.max(insets.bottom, 8);
+
+  return (
+    <Tabs
+      backBehavior='history'
+      screenOptions={{
+        headerShown: false,
+        tabBarActiveTintColor: theme.tabIconSelected,
+        tabBarInactiveTintColor: theme.tabIconDefault,
+        tabBarStyle: {
+          backgroundColor: theme.backgroundRoot,
+          borderTopColor: theme.backgroundSecondary,
+          borderTopWidth: 1,
+          height: tabBarHeight,
+          paddingBottom: Math.max(insets.bottom, 8),
+          paddingTop: 6,
+        },
+      }}
+    >
+      <Tabs.Screen
+        name='index'
+        options={{ href: null }}
+      />
+      <Tabs.Screen
+        name='home'
+        options={{
+          title: '首页',
+          tabBarIcon: ({ color }) => (
+            <FontAwesome6 name='house' size={20} color={color} />
+          ),
+        }}
+      />
+    </Tabs>
+  );
+}

package/lib/__templates__/expo/client/app/(tabs)/home.tsx

@@ -0,0 +1 @@
+export { default } from "@/screens/home";

package/lib/__templates__/expo/client/app/(tabs)/index.tsx

@@ -0,0 +1,7 @@
+import { Redirect } from 'expo-router';
+
+const Index = () => {
+  return <Redirect href="./home" relativeToDirectory />;
+};
+
+export default Index;

package/lib/__templates__/expo/client/app/+not-found.tsx

@@ -0,0 +1,79 @@
+import { useRouter } from 'expo-router';
+import { StyleSheet, View, Text, Pressable, Platform } from 'react-native';
+
+export default function NotFoundScreen() {
+  const router = useRouter();
+
+  const goBack = () => {
+    if (router.canGoBack()) {
+      router.back();
+    }
+  };
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.heading}>404</Text>
+      <Text style={styles.textStyle}>页面未找到</Text>
+      <Text style={styles.subTextStyle}>
+        抱歉！您访问的页面不存在，当前页面功能待完善。
+      </Text>
+      <Pressable onPress={goBack} style={styles.button}>
+        <Text style={styles.buttonText}>返回上一页</Text>
+      </Pressable>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#f3f5ff',
+    padding: 16,
+  },
+  heading: {
+    fontSize: 120,
+    fontWeight: '900',
+    color: '#4a5568',
+    textShadowColor: 'rgba(0, 0, 0, 0.05)',
+    textShadowOffset: { width: 0, height: 4 },
+    textShadowRadius: 8,
+  },
+  textStyle: {
+    fontSize: 24,
+    fontWeight: '500',
+    marginTop: -16,
+    marginBottom: 16,
+    color: '#4a5568',
+  },
+  subTextStyle: {
+    fontSize: 16,
+    color: '#718096',
+    marginBottom: 32,
+    maxWidth: 400,
+    textAlign: 'center',
+  },
+  button: {
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    backgroundColor: '#6366f1',
+    borderRadius: 9999,
+    ...Platform.select({
+      ios: {
+        shadowColor: 'rgba(0, 0, 0, 0.1)',
+        shadowOffset: { width: 0, height: 10 },
+        shadowOpacity: 1,
+        shadowRadius: 15,
+      },
+      android: {
+        elevation: 5,
+      },
+    }),
+  },
+  buttonText: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#ffffff',
+  },
+});

package/lib/__templates__/expo/client/components/ThemedText.tsx

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,38 @@
+import React from 'react';
+import { View, ViewProps, ViewStyle } from 'react-native';
+import { useTheme } from '@/hooks/useTheme';
+
+type BackgroundLevel = 'root' | 'default' | 'secondary' | 'tertiary';
+
+interface ThemedViewProps extends ViewProps {
+  level?: BackgroundLevel;
+  backgroundColor?: string;
+}
+
+const backgroundMap: Record<BackgroundLevel, string> = {
+  root: 'backgroundRoot',
+  default: 'backgroundDefault',
+  secondary: 'backgroundSecondary',
+  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>
+  );
+}