@coze-arch/cli 0.0.1-alpha.912cd5 → 0.0.1-alpha.98e280

package/lib/__templates__/expo/client/contexts/AuthContext.tsx

@@ -4,19 +4,15 @@
  *
  * 基于固定的 API 接口实现，可复用到其他项目
  * 其他项目使用时，只需修改 @api 的导入路径指向项目的 api 模块
+ *
+ * 注意：
+ * - 如果需要登录/鉴权场景，请扩展本文件，完善 login/logout、token 管理、用户信息获取与刷新等逻辑
+ * - 将示例中的占位实现替换为项目实际的接口调用与状态管理
  */
-import React, {
-  createContext,
-  useContext,
-  useState,
-  useEffect,
-  ReactNode,
-} from "react";
-import AsyncStorage from "@react-native-async-storage/async-storage";
-//import { UserOut, UsersService, AuthenticationService } from "@api";
+import React, { createContext, useContext, ReactNode } from "react";
 
 interface UserOut {
-  
+
 }
 
 interface AuthContextType {
@@ -31,105 +27,16 @@ interface AuthContextType {
 
 const AuthContext = createContext<AuthContextType | undefined>(undefined);
 
-export const AuthProvider: React.FC<{ children: ReactNode }> = ({
-  children,
-}) => {
-  const [user, setUser] = useState<UserOut | null>(null);
-  const [token, setToken] = useState<string | null>(null);
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    loadAuthData();
-  }, []);
-
-  const loadAuthData = async () => {
-    try {
-      const results = await AsyncStorage.multiGet(["access_token", "user_data"]);
-      const storedToken = results?.[0]?.[1] ?? null;
-      const storedUser = results?.[1]?.[1] ?? null;
-
-      if (!storedToken) {
-        setToken(null);
-        setUser(null);
-        await AsyncStorage.multiRemove(["access_token", "user_data"]);
-        return;
-      }
-
-      if (storedToken && storedUser) {
-        setToken(storedToken);
-        setUser(JSON.parse(storedUser));
-      } else if (storedToken && !storedUser) {
-        // 若仅有 token，主动拉取当前用户信息
-        setToken(storedToken);
-        try {
-          // const me = await UsersService.getCurrentUserApiV1UsersMeGet();
-          //if (me?.success && me.data) {
-          //  setUser(me.data);
-          //  await AsyncStorage.setItem("user_data", JSON.stringify(me.data));
-          //}
-        } catch (e) {
-          // 拉取失败则保持未登录状态
-          console.error("Failed to fetch current user with stored token:", e);
-        }
-      }
-    } catch (error) {
-      console.error("Failed to load auth data:", error);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const login = async (newToken: string) => {
-    try {
-      setToken(newToken);
-      // 统一写入 access_token，供 OpenAPI 读取并自动携带
-      await AsyncStorage.setItem("access_token", newToken);
-      // 登录后拉取当前用户并缓存
-      try {
-        const me = await UsersService.getCurrentUserApiV1UsersMeGet();
-        if (me?.success && me.data) {
-          setUser(me.data);
-          await AsyncStorage.setItem("user_data", JSON.stringify(me.data));
-        }
-      } catch (e) {
-        console.error("Fetch current user after login failed:", e);
-      }
-    } catch (error) {
-      console.error("Login failed:", error);
-      throw error;
-    }
-  };
-
-  const logout = async () => {
-    try {
-      // await AuthenticationService.logoutApiV1AuthLogoutPost(true);
-    } catch(error) {
-      console.warn('Logout failed:', error);
-    }
-    // remove token
-    setToken(null);
-    setUser(null);
-    await AsyncStorage.multiRemove(["auth_token", "access_token", "user_data"]);
-  };
-
-  const updateUser = (userData: Partial<UserOut>) => {
-    if (user) {
-      const updatedUser = { ...user, ...userData };
-      setUser(updatedUser);
-      AsyncStorage.setItem("user_data", JSON.stringify(updatedUser));
-    }
-  };
-
+export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
   const value: AuthContextType = {
-    user,
-    token,
-    isAuthenticated: !!token && !!user,
-    isLoading,
-    login,
-    logout,
-    updateUser,
+    user: null,
+    token: null,
+    isAuthenticated: false,
+    isLoading: false,
+    login: async (token: string) => {},
+    logout: async () => {},
+    updateUser: () => {},
   };
-
   return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
 };
 

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

@@ -4,7 +4,7 @@ import { useColorScheme } from "@/hooks/useColorScheme";
 export function useTheme() {
   const colorScheme = useColorScheme();
   const isDark = colorScheme === "dark";
-  const theme = Colors[colorScheme ?? "light"];
+  const theme = Colors[(colorScheme as "light" | "dark") ?? "light"];
 
   return {
     theme,

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

@@ -3,10 +3,7 @@ import {
   View,
   Text,
   ScrollView,
-  TouchableOpacity,
   RefreshControl,
-  Image,
-  ActivityIndicator,
 } from 'react-native';
 import { useRouter, useFocusEffect } from 'expo-router';
 import { FontAwesome6 } from '@expo/vector-icons';
@@ -15,7 +12,7 @@ import { useTheme } from "@/hooks/useTheme";
 
 import { Screen } from '@/components/Screen';
 
-import styles from './styles';
+import { styles } from './styles';
 
 
 export default function HomeScreen() {

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

@@ -1,6 +1,6 @@
 import { StyleSheet, Platform } from 'react-native';
 
-const styles = StyleSheet.create({
+export const styles = StyleSheet.create({
   loadingContainer: {
     flex: 1,
     justifyContent: 'center',
@@ -22,18 +22,6 @@ const styles = StyleSheet.create({
     fontSize: 16,
     color: '#64748B',
   },
-  retryButton: {
-    marginTop: 20,
-    paddingHorizontal: 24,
-    paddingVertical: 12,
-    backgroundColor: '#2563EB',
-    borderRadius: 8,
-  },
-  retryButtonText: {
-    color: '#FFFFFF',
-    fontSize: 14,
-    fontWeight: '600',
-  },
   header: {
     flexDirection: 'row',
     justifyContent: 'space-between',
@@ -44,11 +32,6 @@ const styles = StyleSheet.create({
     // borderBottomWidth: 1,
     borderBottomColor: '#E2E8F0',
   },
-  headerLeft: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 10,
-  },
   logoContainer: {
     width: 32,
     height: 32,
@@ -74,259 +57,4 @@ const styles = StyleSheet.create({
     color: '#1E293B',
     letterSpacing: -0.5,
   },
-  userMenuContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 10,
-    paddingLeft: 16,
-    borderLeftWidth: 1,
-    borderLeftColor: '#E2E8F0',
-  },
-  userInfo: {
-    alignItems: 'flex-end',
-  },
-  userName: {
-    fontSize: 14,
-    fontWeight: '500',
-    color: '#1E293B',
-  },
-  userRole: {
-    fontSize: 12,
-    color: '#64748B',
-  },
-  avatar: {
-    width: 36,
-    height: 36,
-    borderRadius: 18,
-    borderWidth: 2,
-    borderColor: '#FFFFFF',
-    ...Platform.select({
-      ios: {
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.1,
-        shadowRadius: 2,
-      },
-      android: {
-        elevation: 2,
-      },
-    }),
-  },
-  avatarPlaceholder: {
-    width: 36,
-    height: 36,
-    borderRadius: 18,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderWidth: 2,
-    borderColor: '#FFFFFF',
-    backgroundColor: '#3B82F6',
-    ...Platform.select({
-      ios: {
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.1,
-        shadowRadius: 2,
-      },
-      android: {
-        elevation: 2,
-      },
-    }),
-  },
-  avatarInitial: {
-    fontSize: 14,
-    fontWeight: '700',
-    color: '#FFFFFF',
-  },
-  content: {
-    paddingHorizontal: 16,
-    paddingTop: 24,
-  },
-  welcomeSection: {
-    marginBottom: 24,
-  },
-  welcomeTitle: {
-    fontSize: 22,
-    fontWeight: '700',
-    color: '#1E293B',
-    marginBottom: 4,
-  },
-  welcomeSubtitle: {
-    fontSize: 14,
-    color: '#64748B',
-  },
-  statsGrid: {
-    flexDirection: 'row',
-    gap: 12,
-    marginBottom: 24,
-  },
-  statCard: {
-    flex: 1,
-    backgroundColor: '#FFFFFF',
-    borderRadius: 12,
-    padding: 16,
-    ...Platform.select({
-      ios: {
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.05,
-        shadowRadius: 3,
-      },
-      android: {
-        elevation: 2,
-      },
-    }),
-  },
-  statCardHeader: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'flex-start',
-    marginBottom: 12,
-  },
-  statIconContainer: {
-    width: 40,
-    height: 40,
-    borderRadius: 10,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  statIconBlue: {
-    backgroundColor: '#EFF6FF',
-  },
-  statIconRed: {
-    backgroundColor: '#FEF2F2',
-  },
-  statIconGreen: {
-    backgroundColor: '#ECFDF5',
-  },
-  attentionBadge: {
-    backgroundColor: '#FEF2F2',
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 10,
-  },
-  attentionBadgeText: {
-    fontSize: 10,
-    fontWeight: '500',
-    color: '#EF4444',
-  },
-  rateBadge: {
-    backgroundColor: '#ECFDF5',
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 10,
-  },
-  rateBadgeText: {
-    fontSize: 10,
-    fontWeight: '500',
-    color: '#10B981',
-  },
-  statValue: {
-    fontSize: 28,
-    fontWeight: '700',
-    color: '#1E293B',
-    marginBottom: 2,
-  },
-  statLabel: {
-    fontSize: 13,
-    color: '#64748B',
-  },
-  shortcutsSection: {
-    gap: 12,
-    marginBottom: 24,
-  },
-  shortcutCard: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    backgroundColor: '#FFFFFF',
-    borderRadius: 12,
-    padding: 16,
-    ...Platform.select({
-      ios: {
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.05,
-        shadowRadius: 3,
-      },
-      android: {
-        elevation: 2,
-      },
-    }),
-  },
-  shortcutContent: {
-    flex: 1,
-    marginRight: 16,
-  },
-  shortcutTitle: {
-    fontSize: 16,
-    fontWeight: '600',
-    color: '#1E293B',
-    marginBottom: 6,
-  },
-  shortcutDescription: {
-    fontSize: 13,
-    color: '#64748B',
-    marginBottom: 10,
-    lineHeight: 18,
-  },
-  shortcutAction: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 6,
-  },
-  shortcutActionText: {
-    fontSize: 13,
-    fontWeight: '500',
-    color: '#2563EB',
-  },
-  shortcutIconContainer: {
-    width: 56,
-    height: 56,
-    borderRadius: 28,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  shortcutIconBlue: {
-    backgroundColor: '#EFF6FF',
-  },
-  shortcutIconGreen: {
-    backgroundColor: '#ECFDF5',
-  },
-  bannerContainer: {
-    height: 160,
-    borderRadius: 12,
-    overflow: 'hidden',
-    backgroundColor: '#1E3A8A',
-  },
-  bannerOverlay: {
-    flex: 1,
-    justifyContent: 'center',
-    paddingHorizontal: 20,
-  },
-  bannerTitle: {
-    fontSize: 18,
-    fontWeight: '700',
-    color: '#FFFFFF',
-    marginBottom: 6,
-  },
-  bannerSubtitle: {
-    fontSize: 13,
-    color: '#BFDBFE',
-    marginBottom: 16,
-  },
-  bannerButton: {
-    alignSelf: 'flex-start',
-    backgroundColor: '#FFFFFF',
-    paddingHorizontal: 20,
-    paddingVertical: 10,
-    borderRadius: 8,
-  },
-  bannerButtonText: {
-    fontSize: 13,
-    fontWeight: '500',
-    color: '#2563EB',
-  },
 });
-
-export default styles;

package/lib/__templates__/expo/client/utils/index.ts

@@ -1,4 +1,3 @@
-// import { OpenAPI } from '@api'; // 如果使用 openapi 客户端，请取消注释并确保安装
 import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc';
 dayjs.extend(utc);
@@ -26,7 +25,7 @@ export const buildAssetUrl = (url?: string | null, w?: number, h?: number): stri
   // 3. 构造参数，保留原有 Query (如有)
   const separator = abs.includes('?') ? '&' : '?';
   const query = [
-    w ? `w=${Math.floor(w)}` : '', 
+    w ? `w=${Math.floor(w)}` : '',
     h ? `h=${Math.floor(h)}` : ''
   ].filter(Boolean).join('&');
   return `${abs}${separator}${query}`;

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

@@ -1,5 +1,5 @@
 const { getDefaultConfig } = require('expo/metro-config');
-// const { createProxyMiddleware } = require('http-proxy-middleware');
+const { createProxyMiddleware } = require('http-proxy-middleware');
 const connect = require('connect');
 
 const config = getDefaultConfig(__dirname);
@@ -28,26 +28,94 @@ config.resolver.blockList = [
   /.*\.git\/.*/, // 排除 Git 目录
 ];
 
-/*
+const BACKEND_TARGET = 'http://localhost:9091';
+
 const apiProxy = createProxyMiddleware({
-  target: 'http://localhost:5000',
+  target: BACKEND_TARGET,
+  changeOrigin: true,
   logLevel: 'debug',
+  proxyTimeout: 86400000,
+  onProxyReq: (proxyReq, req) => {
+    const accept = req.headers.accept || '';
+    if (accept.includes('text/event-stream')) {
+      proxyReq.setHeader('accept-encoding', 'identity');
+    }
+  },
+  onProxyRes: (proxyRes, req, res) => {
+    const contentType = proxyRes.headers['content-type'] || '';
+    if (contentType.includes('text/event-stream') || contentType.includes('application/stream')) {
+      res.setHeader('Cache-Control', 'no-cache');
+      res.setHeader('Connection', 'keep-alive');
+      res.setHeader('X-Accel-Buffering', 'no');
+      if (typeof res.flushHeaders === 'function') {
+        try { res.flushHeaders(); } catch {}
+      }
+    }
+  },
 });
 
+const streamProxy = createProxyMiddleware({
+  target: BACKEND_TARGET,
+  changeOrigin: true,
+  logLevel: 'debug',
+  ws: true,
+  proxyTimeout: 86400000,
+  onProxyReq: (proxyReq, req) => {
+    const upgrade = req.headers.upgrade;
+    const accept = req.headers.accept || '';
+    if (upgrade && upgrade.toLowerCase() === 'websocket') {
+      proxyReq.setHeader('Connection', 'upgrade');
+      proxyReq.setHeader('Upgrade', req.headers.upgrade);
+    } else if (accept.includes('text/event-stream')) {
+      proxyReq.setHeader('accept-encoding', 'identity');
+      proxyReq.setHeader('Connection', 'keep-alive');
+    }
+  },
+  onProxyRes: (proxyRes, req, res) => {
+    const contentType = proxyRes.headers['content-type'] || '';
+    if (contentType.includes('text/event-stream') || contentType.includes('application/stream')) {
+      res.setHeader('Cache-Control', 'no-cache');
+      res.setHeader('Connection', 'keep-alive');
+      res.setHeader('X-Accel-Buffering', 'no');
+      if (typeof res.flushHeaders === 'function') {
+        try { res.flushHeaders(); } catch {}
+      }
+    }
+  },
+});
+
+const shouldProxyToBackend = (url) => {
+  if (!url) return false;
+  if (/^\/api\/v\d+\//.test(url)) {
+    return true;
+  }
+  return false;
+};
+
+const isWebSocketRequest = (req) =>
+  !!(req.headers.upgrade && req.headers.upgrade.toLowerCase() === 'websocket');
+const isSSERequest = (req) => {
+  const accept = req.headers.accept || '';
+  return accept.includes('text/event-stream');
+};
+
 config.server = {
-    ...config.server,
-    enhanceMiddleware: (metroMiddleware, metroServer) => {
+  ...config.server,
+  enhanceMiddleware: (metroMiddleware, metroServer) => {
     return connect()
       .use((req, res, next) => {
-        if (req.url && req.url.startsWith('/api')) {
+        if (shouldProxyToBackend(req.url)) {
           console.log(`[Metro Proxy] Forwarding ${req.method} ${req.url}`);
+
+          if (isWebSocketRequest(req) || isSSERequest(req)) {
+            return streamProxy(req, res, next);
+          }
           return apiProxy(req, res, next);
         }
         next();
       })
       .use(metroMiddleware);
   },
-}
-*/
+};
 
 module.exports = config;

package/lib/__templates__/expo/package.json

@@ -4,14 +4,16 @@
   "private": true,
   "main": "client/index.js",
   "scripts": {
-    "build": "bash .cozeproj/scripts/deploy_build.sh",
+    "build": "bash .cozeproj/scripts/dev_build.sh",
     "check-deps": "npx depcheck",
-    "dev": "bash .cozeproj/scripts/deploy_run.sh",
+    "dev": "bash .cozeproj/scripts/dev_run.sh",
     "preinstall": "npx only-allow pnpm",
     "postinstall": "node ./client/scripts/install-missing-deps.js",
     "install-missing": "node ./client/scripts/install-missing-deps.js",
     "lint": "expo lint",
     "server": "NODE_ENV=development tsx ./src/index.ts",
+    "server:build": "pnpm exec esbuild src/index.ts --platform=node --packages=external --bundle --format=esm --outdir=src_dist",
+    "server:prod": "NODE_ENV=production PORT=${PORT:-5000} node src_dist/index.js",
     "start": "expo start --web",
     "test": "jest --watchAll"
   },
@@ -32,8 +34,10 @@
     "@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.0",
+    "coze-coding-dev-sdk": "^0.5.5",
     "dayjs": "^1.11.19",
     "drizzle-kit": "^0.31.8",
     "drizzle-orm": "^0.45.1",
@@ -58,6 +62,8 @@
     "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",
@@ -81,14 +87,14 @@
     "@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",
-    "babel-plugin-module-resolver": "^5.0.2",
-    "babel-preset-expo": "^54.0.9",
     "chalk": "^4.1.2",
     "depcheck": "^1.4.7",
-    "eslint": "^9.27.0",
+    "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",
@@ -106,5 +112,10 @@
   "packageManager": "pnpm@9.0.0",
   "engines": {
     "pnpm": ">=9.0.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "esbuild": "0.27.2"
+    }
   }
 }