@coze-arch/cli 0.0.1-alpha.77c1b0 → 0.0.1-alpha.7ccf88

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

@@ -1,332 +1,24 @@
-import { StyleSheet, Platform } from 'react-native';
+import { StyleSheet } from 'react-native';
 
-const styles = StyleSheet.create({
-  loadingContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    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',
-  },
-  retryButton: {
-    marginTop: 20,
-    paddingHorizontal: 24,
-    paddingVertical: 12,
-    backgroundColor: '#2563EB',
-    borderRadius: 8,
-  },
-  retryButtonText: {
-    color: '#FFFFFF',
-    fontSize: 14,
-    fontWeight: '600',
-  },
-  header: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    paddingHorizontal: 16,
-    // paddingBottom: 16,
-    backgroundColor: '#FFFFFF',
-    // borderBottomWidth: 1,
-    borderBottomColor: '#E2E8F0',
-  },
-  headerLeft: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 10,
-  },
-  logoContainer: {
-    width: 32,
-    height: 32,
-    backgroundColor: '#2563EB',
-    borderRadius: 8,
-    justifyContent: 'center',
+export const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    flexDirection: 'column',
     alignItems: 'center',
-    ...Platform.select({
-      ios: {
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.1,
-        shadowRadius: 2,
-      },
-      android: {
-        elevation: 2,
-      },
-    }),
-  },
-  logoText: {
-    fontSize: 18,
-    fontWeight: '700',
-    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: {
+  text: {
     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,
-      },
-    }),
+    fontWeight: 'bold',
   },
-  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',
+  logo: {
+    width: 64,
+    height: 64,
+    marginBottom: 32,
   },
 });
-
-export default styles;

package/lib/__templates__/expo/client/scripts/install-missing-deps.js

@@ -18,7 +18,7 @@ try {
   try {
     depcheckOutput = execSync('npx depcheck --json', {
       encoding: 'utf-8',
-      stdio: ['pipe', 'pipe', 'pipe']
+      stdio: ['pipe', 'pipe', 'pipe'],
     });
   } catch (execError) {
     // depcheck 返回非零退出码时仍然有输出
@@ -30,10 +30,34 @@ try {
   }
 
   const result = JSON.parse(depcheckOutput);
-  
+
   // 获取缺失的依赖
   const missing = result.missing || {};
-  const missingPackages = Object.keys(missing).filter(pkg => !pkg.startsWith('@api/') && !pkg.startsWith('@/') && pkg !== '@api');
+
+  // 需要忽略的文件模式
+  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('✅ 没有发现缺失的依赖！');
@@ -44,30 +68,31 @@ try {
   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(
+      `     被引用于: ${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'
+      stdio: 'inherit',
     });
-    
+
     console.log('\n✅ 所有缺失的依赖已安装完成！');
   } catch (installError) {
     console.log('\n⚠️  expo install 失败，尝试使用 npm install...\n');
-    
+
     execSync(`npm install ${packagesToInstall}`, {
-      stdio: 'inherit'
+      stdio: 'inherit',
     });
-    
+
     console.log('\n✅ 所有缺失的依赖已通过 npm 安装完成！');
   }
-
 } catch (error) {
   if (error.message.includes('depcheck')) {
     console.error('❌ depcheck 未安装或运行失败');
@@ -77,4 +102,3 @@ try {
   }
   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"
+  ]
+}

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/package.json

@@ -1,102 +1,22 @@
 {
-  "name": "<%= appName %>",
-  "version": "1.0.0",
+  "name": "expo-express-monorepo",
   "private": true,
-  "main": "client/index.js",
+  "version": "0.0.0",
   "scripts": {
-    "build": "bash .cozeproj/scripts/deploy_build.sh",
-    "check-deps": "npx depcheck",
-    "dev": "bash .cozeproj/scripts/deploy_run.sh",
-    "install-missing": "node ./client/scripts/install-missing-deps.js",
-    "lint": "expo lint",
-    "preinstall": "npx only-allow pnpm",
-    "postinstall": "node ./client/scripts/install-missing-deps.js",
-    "server": "NODE_ENV=development tsx ./src/index.ts",
-    "start": "expo start --web",
-    "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",
-    "ajv": "^8.17.1",
-    "ajv-formats": "^3.0.1",
-    "coze-coding-dev-sdk": "0.5.0",
-    "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-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",
-    "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/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",
-    "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"
+    "dev": "bash .cozeproj/scripts/dev_run.sh",
+    "build": "bash .cozeproj/scripts/prod_build.sh",
+    "start": "bash .cozeproj/scripts/prod_run.sh",
+    "preinstall": "npx only-allow pnpm"
   },
+  "dependencies": {},
+  "devDependencies": {},
   "packageManager": "pnpm@9.0.0",
   "engines": {
     "pnpm": ">=9.0.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "esbuild": "0.27.2"
+    }
   }
 }