@coze-arch/cli 0.0.1-alpha.035e0e

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

@@ -0,0 +1,49 @@
+// @ts-nocheck
+/**
+ * 通用认证上下文
+ *
+ * 基于固定的 API 接口实现，可复用到其他项目
+ * 其他项目使用时，只需修改 @api 的导入路径指向项目的 api 模块
+ *
+ * 注意：
+ * - 如果需要登录/鉴权场景，请扩展本文件，完善 login/logout、token 管理、用户信息获取与刷新等逻辑
+ * - 将示例中的占位实现替换为项目实际的接口调用与状态管理
+ */
+import React, { createContext, useContext, ReactNode } from "react";
+
+interface UserOut {
+
+}
+
+interface AuthContextType {
+  user: UserOut | null;
+  token: string | null;
+  isAuthenticated: boolean;
+  isLoading: boolean;
+  login: (token: string) => Promise<void>;
+  logout: () => Promise<void>;
+  updateUser: (userData: Partial<UserOut>) => void;
+}
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
+  const value: AuthContextType = {
+    user: null,
+    token: null,
+    isAuthenticated: false,
+    isLoading: false,
+    login: async (token: string) => {},
+    logout: async () => {},
+    updateUser: () => {},
+  };
+  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
+};
+
+export const useAuth = (): AuthContextType => {
+  const context = useContext(AuthContext);
+  if (context === undefined) {
+    throw new Error("useAuth must be used within an AuthProvider");
+  }
+  return context;
+};

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/eslint-formatter-simple.mjs

@@ -0,0 +1,49 @@
+export default function (results) {
+  
+  return results
+    .flatMap(file =>
+      file.messages.map(m => {
+        // split into lines
+        const lines = m.message.split('\n');
+
+        // 第一行（句子）：直接用
+        const first = lines[0];
+
+        // 附加解释：过滤掉所有 codeframe/箭头/行号/重复路径
+        const details = lines
+          .slice(1)
+          .filter(l => {
+            // 移除空行
+            if (!l.trim()) return false;
+
+            // 移除 "58 | xxx" 这样的行
+            if (/^\s*\d+\s*\|/.test(l)) return false;
+
+            // 移除 "> 60 | ..." 这样的箭头行
+            if (/^\s*>/.test(l)) return false;
+
+            // 移除只有箭头提示的行，如 "| ^^^^^"
+            if (/^\s*\|/.test(l)) return false;
+
+            // 移除 "…" 省略号行
+            if (/^\s*…/.test(l)) return false;
+
+            // 移除重复路径行（eslint message 有时夹带 file:line）
+            if (/\.tsx:\d+:\d+/.test(l)) return false;
+
+            return true;
+          })
+          .join('\n')
+          .trim();
+
+        let output = `${file.filePath}:${m.line}:${m.column}  ${
+          m.severity === 2 ? 'error' : 'warn'
+        }  ${first}`;
+
+        if (details) output += `\n${details}\n`;
+
+        return output;
+      })
+    )
+    .join('\n');
+};

package/lib/__templates__/expo/client/eslint.config.mjs

@@ -0,0 +1,98 @@
+import js from "@eslint/js";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+import regexp from "eslint-plugin-regexp";
+import pluginImport from "eslint-plugin-import";
+
+export default [
+  {
+    ignores: [
+      '**/dist/**',
+      '**/node_modules/**',
+      'api/**',           // 排除自动生成的 API 代码
+      'src/api/**',       // 排除 src 下的自动生成 API
+      '.expo/**',         // 排除 Expo 自动生成的文件
+      'tailwind.config.js', // 排除 Tailwind 配置文件
+    ],
+  },
+  regexp.configs["flat/recommended"],
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  
+  // React 的推荐配置
+  pluginReact.configs.flat.recommended,
+  pluginReact.configs.flat['jsx-runtime'],
+  reactHooks.configs.flat.recommended,
+  {
+    files: ["**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
+    
+    // 语言选项：设置全局变量
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.es2021,
+        '__DEV__': 'readonly',
+      },
+    },
+
+    // React 版本自动检测
+    settings: {
+      react: {
+        version: 'detect',
+      },
+      'import/resolver': {
+        typescript: {
+          project: ['./tsconfig.json'],
+          alwaysTryTypes: true,
+        },
+      },
+    },
+
+    plugins: {
+      import: pluginImport,
+    },
+    rules: {
+      // 关闭代码风格规则
+      'semi': 'off',
+      'quotes': 'off',
+      'indent': 'off',
+      "no-empty": ["error", { "allowEmptyCatch": true }],
+      "no-unused-expressions": "warn",
+      "no-useless-escape": "warn",
+      'import/no-unresolved': 'error',
+      '@typescript-eslint/no-require-imports': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-empty-object-type': 'off',
+      'no-prototype-builtins': 'off',
+      'react/react-in-jsx-scope': 'off',
+      'react/jsx-uses-react': 'off',
+    },
+  },
+
+  {
+    files: [
+      "metro.config.js",
+      "scripts/**/*.js",
+      "expo/scripts/**/*.js",
+      "eslint.config.js",
+      "babel.config.js",
+      "server/**/*.js"
+    ],
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+    },
+    rules: {
+      // 在 .js 文件中关闭 TS 规则
+      '@typescript-eslint/no-require-imports': 'off',
+      // 在 Node.js 文件中允许 require
+      '@typescript-eslint/no-var-requires': 'off', 
+      'no-undef': 'off',
+    },
+  },
+];

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/hooks/useTheme.ts

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

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

@@ -0,0 +1,121 @@
+const { getDefaultConfig } = require('expo/metro-config');
+const { createProxyMiddleware } = require('http-proxy-middleware');
+const connect = require('connect');
+
+const config = getDefaultConfig(__dirname);
+
+// 安全地获取 Expo 的默认排除列表
+const existingBlockList = [].concat(config.resolver.blockList || []);
+
+config.resolver.blockList = [
+  ...existingBlockList,
+  /.*\/\.expo\/.*/, // Expo 的缓存和构建产物目录
+
+  // 1. 原生代码 (Java/C++/Objective-C)
+  /.*\/react-native\/ReactAndroid\/.*/,
+  /.*\/react-native\/ReactCommon\/.*/,
+
+  // 2. 纯开发和调试工具
+  // 这些工具只在开发电脑上运行，不会被打包到应用中
+  /.*\/@typescript-eslint\/eslint-plugin\/.*/,
+
+  // 3. 构建时数据
+  // 这个数据库只在打包过程中使用，应用运行时不需要
+  /.*\/caniuse-lite\/data\/.*/,
+
+  // 4. 通用规则
+  /.*\/__tests__\/.*/, // 排除所有测试目录
+  /.*\.git\/.*/, // 排除 Git 目录
+];
+
+const BACKEND_TARGET = 'http://localhost:9091';
+
+const apiProxy = createProxyMiddleware({
+  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) => {
+    return connect()
+      .use((req, res, next) => {
+        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/client/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "expo-app",
+  "description": "<%= appName %>",
+  "main": "expo-router/entry",
+  "private": true,
+  "scripts": {
+    "check-deps": "npx depcheck",
+    "postinstall": "npm run install-missing",
+    "install-missing": "node ./scripts/install-missing-deps.js",
+    "lint": "expo lint",
+    "start": "expo start --web --clear",
+    "test": "jest --watchAll"
+  },
+  "jest": {
+    "preset": "jest-expo"
+  },
+  "dependencies": {
+    "@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",
+    "dayjs": "^1.11.19",
+    "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-image": "^3.0.11",
+    "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",
+    "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",
+    "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",
+    "@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",
+    "connect": "^3.7.0",
+    "http-proxy-middleware": "^3.0.5"
+  }
+}

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/scripts/install-missing-deps.js

@@ -0,0 +1,104 @@
+#!/usr/bin/env node
+
+/**
+ * 自动检测并安装缺失的依赖
+ * 使用方法: node scripts/install-missing-deps.js
+ */
+
+const { execSync } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+console.log('🔍 检测缺失的依赖...\n');
+
+try {
+  // 运行 depcheck 并获取 JSON 输出
+  // 注意：depcheck 发现问题时会返回非零退出码，但这不是错误
+  let depcheckOutput;
+  try {
+    depcheckOutput = execSync('npx depcheck --json', {
+      encoding: 'utf-8',
+      stdio: ['pipe', 'pipe', 'pipe'],
+    });
+  } catch (execError) {
+    // depcheck 返回非零退出码时仍然有输出
+    if (execError.stdout) {
+      depcheckOutput = execError.stdout;
+    } else {
+      throw execError;
+    }
+  }
+
+  const result = JSON.parse(depcheckOutput);
+
+  // 获取缺失的依赖
+  const missing = result.missing || {};
+
+  // 需要忽略的文件模式
+  const ignoreFilePatterns = [
+    /template\.config\.(ts|js)$/, // 模板配置文件
+    /\.template\./, // 其他模板文件
+  ];
+
+  // 过滤包：排除内部别名和只被模板文件引用的包
+  const missingPackages = Object.keys(missing).filter(pkg => {
+    // 排除内部路径别名
+    if (pkg.startsWith('@api/') || pkg.startsWith('@/') || pkg === '@api') {
+      return false;
+    }
+
+    // 获取引用该包的文件列表
+    const referencingFiles = missing[pkg] || [];
+
+    // 过滤掉模板配置文件
+    const nonTemplateFiles = referencingFiles.filter(file => {
+      return !ignoreFilePatterns.some(pattern => pattern.test(file));
+    });
+
+    // 只有当存在非模板文件引用时才保留该包
+    return nonTemplateFiles.length > 0;
+  });
+
+  if (missingPackages.length === 0) {
+    console.log('✅ 没有发现缺失的依赖！');
+    process.exit(0);
+  }
+
+  console.log('📦 发现以下缺失的依赖：');
+  missingPackages.forEach((pkg, index) => {
+    const files = missing[pkg];
+    console.log(`  ${index + 1}. ${pkg}`);
+    console.log(
+      `     被引用于: ${files.slice(0, 2).join(', ')}${files.length > 2 ? ' ...' : ''}`,
+    );
+  });
+
+  console.log('\n🚀 开始安装...\n');
+
+  // 使用 expo install 安装所有缺失的包
+  const packagesToInstall = missingPackages.join(' ');
+
+  try {
+    execSync(`pnpm expo install ${packagesToInstall}`, {
+      stdio: 'inherit',
+    });
+
+    console.log('\n✅ 所有缺失的依赖已安装完成！');
+  } catch (installError) {
+    console.log('\n⚠️  expo install 失败，尝试使用 npm install...\n');
+
+    execSync(`npm install ${packagesToInstall}`, {
+      stdio: 'inherit',
+    });
+
+    console.log('\n✅ 所有缺失的依赖已通过 npm 安装完成！');
+  }
+} catch (error) {
+  if (error.message.includes('depcheck')) {
+    console.error('❌ depcheck 未安装或运行失败');
+    console.log('💡 尝试运行: npm install -g depcheck');
+  } else {
+    console.error('❌ 发生错误:', error.message);
+  }
+  process.exit(1);
+}

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

@@ -0,0 +1,24 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "strict": true,
+    "noEmit": true,
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"],
+  "exclude": [
+    "node_modules",
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "dist",
+    "build",
+    ".expo"
+  ]
+}