@coze-arch/cli 0.0.1-beta.5

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

@@ -0,0 +1,332 @@
+import { StyleSheet, Platform } 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',
+    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: {
+    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/scripts/install-missing-deps.js

@@ -0,0 +1,80 @@
+#!/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 missingPackages = Object.keys(missing).filter(pkg => !pkg.startsWith('@api/') && !pkg.startsWith('@/') && pkg !== '@api');
+
+  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/utils/index.ts

@@ -0,0 +1,55 @@
+// import { OpenAPI } from '@api'; // 如果使用 openapi 客户端，请取消注释并确保安装
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+dayjs.extend(utc);
+
+const API_BASE = (process.env.EXPO_PUBLIC_API_BASE ?? '').replace(/\/$/, '');
+
+/**
+ * 构建文件或图片完整的URL
+ * @param url 相对或绝对路径
+ * @param w 宽度 (px) - 自动向下取整
+ * @param h 高度 (px)
+ */
+export const buildAssetUrl = (url?: string | null, w?: number, h?: number): string | undefined => {
+  if (!url) return undefined;
+  if (/^https?:\/\//i.test(url)) return url; // 绝对路径直接返回
+
+  // 1. 去除 Base 尾部和 Path 头部的斜杠
+  const base = API_BASE;
+  const path = url.replace(/^\//, '');
+  const abs = `${base}/${path}`;
+
+  // 2. 无需缩略图则直接返回
+  if (!w && !h) return abs;
+
+  // 3. 构造参数，保留原有 Query (如有)
+  const separator = abs.includes('?') ? '&' : '?';
+  const query = [
+    w ? `w=${Math.floor(w)}` : '', 
+    h ? `h=${Math.floor(h)}` : ''
+  ].filter(Boolean).join('&');
+  return `${abs}${separator}${query}`;
+};
+
+/**
+ * 将UTC时间字符串转换为本地时间字符串
+ * @param utcDateStr UTC时间字符串，格式如：2025-11-26T01:49:48.009573
+ * @returns 本地时间字符串，格式如：2025-11-26 08:49:48
+ */
+export const convertToLocalTimeStr = (utcDateStr: string): string => {
+  if (!utcDateStr) {
+    return utcDateStr;
+  }
+  const microUtcRegex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{1,6}/;
+  if (!microUtcRegex.test(utcDateStr)) {
+    console.log('invalid utcDateStr:', utcDateStr);
+    return utcDateStr;
+  }
+  const normalized = utcDateStr.replace(/\.(\d{6})$/, (_, frac) => `.${frac.slice(0, 3)}`);
+  const d = dayjs.utc(normalized);
+  if (!d.isValid()) {
+    return utcDateStr;
+  }
+  return d.local().format('YYYY-MM-DD HH:mm:ss');
+}

package/lib/__templates__/expo/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/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/metro.config.js

@@ -0,0 +1,53 @@
+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 apiProxy = createProxyMiddleware({
+  target: 'http://localhost:3000',
+  logLevel: 'debug',
+});
+
+config.server = {
+    ...config.server,
+    enhanceMiddleware: (metroMiddleware, metroServer) => {
+    return connect()
+      .use((req, res, next) => {
+        if (req.url && req.url.startsWith('/api')) {
+          console.log(`[Metro Proxy] Forwarding ${req.method} ${req.url}`);
+          return apiProxy(req, res, next);
+        }
+        next();
+      })
+      .use(metroMiddleware);
+  },
+}
+*/
+
+module.exports = config;