@coze-arch/cli 0.0.1-alpha.f74941 → 0.0.1-alpha.f9be02

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/src/app/index.ts

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

package/lib/__templates__/expo/client/src/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/src/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>
+  );
+}