rn-bundle-analyzer 1.1.0

package/src/types.ts

@@ -0,0 +1,43 @@
+export interface FileInfo {
+  path: string
+  size: number
+  sizeKB: number
+  lastModified: string
+  extension: string
+}
+
+export interface FileTypeStats {
+  [ext: string]: { count: number; size: number }
+}
+
+export interface InverseDependencyInfo {
+  path: string
+  dependents: string[]
+  dependentCount: number
+}
+
+export interface TreeNode {
+  path: string
+  size: number
+  files: FileInfo[]
+  children: { [name: string]: TreeNode }
+}
+
+export interface TreeOutputNode {
+  path: string
+  size: number
+  ratio: number
+  child?: TreeOutputNode[]
+}
+
+export interface TreeData {
+  totalSize: number
+  pathAnalyse: TreeOutputNode[]
+}
+
+export interface MetroModule {
+  path: string
+  inverseDependencies: Iterable<string>
+}
+
+export type ProcessModuleFilter = (module: MetroModule) => boolean

package/src/utils/envSetup.ts

@@ -0,0 +1,18 @@
+import path from 'path'
+import { SAVE_DIR, OUTPUT_FILES } from '../config'
+import { ensureDir, writeFile } from './fileUtils'
+import { analyseHtml, iconsInlineJs, tailwindJs } from '../templates/analyseTemplate'
+
+let isPrepared = false
+
+export function prepareSaveEnv(): void {
+  if (isPrepared) return
+  isPrepared = true
+
+  const saveFullPath = path.join(process.cwd(), SAVE_DIR)
+  ensureDir(saveFullPath)
+
+  writeFile(path.join(saveFullPath, OUTPUT_FILES.HTML), analyseHtml)
+  writeFile(path.join(saveFullPath, OUTPUT_FILES.ICONS_INLINE), iconsInlineJs)
+  writeFile(path.join(saveFullPath, OUTPUT_FILES.TAILWIND_JS), tailwindJs)
+}

package/src/utils/fileUtils.ts

@@ -0,0 +1,21 @@
+import fs from 'fs'
+import path from 'path'
+
+export function ensureDir(dirPath: string): void {
+  if (!fs.existsSync(dirPath)) {
+    try {
+      fs.mkdirSync(dirPath, { recursive: true })
+      console.log(`✅ 创建目录: ${dirPath}`)
+    } catch (error: any) {
+      console.error(`❌ 创建目录失败: ${dirPath}`, error.message)
+    }
+  }
+}
+
+export function writeFile(filePath: string, content: string): void {
+  fs.writeFileSync(filePath, content, 'utf8')
+}
+
+export function toRelativePath(filePath: string): string {
+  return path.relative(process.cwd(), filePath)
+}

package/src/writers/fileInfoWriter.ts

@@ -0,0 +1,44 @@
+import path from 'path'
+import { SAVE_DIR, OUTPUT_FILES } from '../config'
+import { writeFile } from '../utils/fileUtils'
+import { prepareSaveEnv } from '../utils/envSetup'
+import { FileInfo, FileTypeStats } from '../types'
+
+export function writeFileInfo(fileInfoArray: FileInfo[]) {
+  prepareSaveEnv()
+
+  const totalSize = fileInfoArray.reduce((sum, file) => sum + file.size, 0)
+
+  const fileTypeStats: FileTypeStats = {}
+  fileInfoArray.forEach(file => {
+    const ext = file.extension || 'unknown'
+    if (!fileTypeStats[ext]) fileTypeStats[ext] = { count: 0, size: 0 }
+    fileTypeStats[ext].count++
+    fileTypeStats[ext].size += file.size
+  })
+
+  const fileInfo = {
+    timestamp: new Date().toISOString(),
+    buildInfo: {
+      totalFiles: fileInfoArray.length,
+      totalSize,
+      totalSizeKB: Math.round(totalSize / 1024 * 100) / 100,
+      totalSizeMB: Math.round(totalSize / (1024 * 1024) * 100) / 100,
+    },
+    fileTypeStats,
+    files: fileInfoArray.slice().sort((a, b) => b.size - a.size),
+  }
+
+  const content = `window.packageAnalyseData = ${JSON.stringify(fileInfo, null, 2)};\n`
+
+  writeFile(path.join(process.cwd(), SAVE_DIR, OUTPUT_FILES.PACKAGE_DATA), content)
+  console.log(`✅ RN 包文件信息已保存到 ${OUTPUT_FILES.PACKAGE_DATA}`)
+  console.log(`📊 统计信息: ${fileInfo.buildInfo.totalFiles} 个文件, 总大小 ${fileInfo.buildInfo.totalSizeKB} KB`)
+
+  console.log('📈 文件类型统计:')
+  Object.entries(fileTypeStats).forEach(([ext, stats]) => {
+    console.log(`   ${ext}: ${stats.count} 个文件, ${Math.round(stats.size / 1024 * 100) / 100} KB`)
+  })
+
+  return fileInfo
+}

package/src/writers/inverseDependencyWriter.ts

@@ -0,0 +1,50 @@
+import path from 'path'
+import { SAVE_DIR, OUTPUT_FILES, TOP_DEPENDED_LIMIT } from '../config'
+import { writeFile } from '../utils/fileUtils'
+import { prepareSaveEnv } from '../utils/envSetup'
+import { InverseDependencyInfo } from '../types'
+
+export function writeInverseDependencies(inverseDepsArray: InverseDependencyInfo[]): void {
+  if (!inverseDepsArray || inverseDepsArray.length === 0) {
+    console.log('⚠️ 没有收集到反向依赖信息')
+    return
+  }
+
+  prepareSaveEnv()
+
+  const sortedInverseDeps = inverseDepsArray.slice().sort((a, b) => b.dependentCount - a.dependentCount)
+
+  const totalFiles = sortedInverseDeps.length
+  const totalDependencies = sortedInverseDeps.reduce((sum, item) => sum + item.dependentCount, 0)
+  const avgDependencies = totalFiles > 0 ? Math.round((totalDependencies / totalFiles) * 100) / 100 : 0
+  const mostDependedFiles = sortedInverseDeps.slice(0, TOP_DEPENDED_LIMIT)
+
+  const inverseDependencyData = {
+    timestamp: new Date().toISOString(),
+    summary: {
+      totalFiles,
+      totalDependencies,
+      averageDependencies: avgDependencies,
+      mostDependedFiles: mostDependedFiles.map(item => ({
+        path: item.path,
+        dependentCount: item.dependentCount,
+      })),
+    },
+    inverseDependencies: sortedInverseDeps,
+  }
+
+  const content = `window.inverseDependencyData = ${JSON.stringify(inverseDependencyData, null, 2)};\n`
+
+  try {
+    writeFile(path.join(process.cwd(), SAVE_DIR, OUTPUT_FILES.INVERSE_DEPS), content)
+    console.log(`✅ RN 包反向依赖分析已保存到 ${OUTPUT_FILES.INVERSE_DEPS}`)
+    console.log(`🔗 反向依赖统计: ${totalFiles} 个文件, ${totalDependencies} 个依赖关系`)
+
+    console.log('📊 最受依赖的文件 (前5个):')
+    mostDependedFiles.slice(0, 5).forEach((item, index) => {
+      console.log(`   ${index + 1}. ${item.path}: ${item.dependentCount} 个依赖者`)
+    })
+  } catch (error: any) {
+    console.error('❌ 保存反向依赖分析失败:', error.message)
+  }
+}

package/src/writers/treeWriter.ts

@@ -0,0 +1,24 @@
+import path from 'path'
+import { SAVE_DIR, OUTPUT_FILES, TREE_DISPLAY_LIMIT } from '../config'
+import { writeFile } from '../utils/fileUtils'
+import { prepareSaveEnv } from '../utils/envSetup'
+import { TreeData } from '../types'
+
+export function writeTreeAnalysis(treeData: TreeData): void {
+  prepareSaveEnv()
+
+  const content = `window.treeAnalyseData = ${JSON.stringify(treeData, null, 2)};\n`
+
+  try {
+    writeFile(path.join(process.cwd(), SAVE_DIR, OUTPUT_FILES.TREE_DATA), content)
+    console.log(`✅ RN 包树形分析已保存到 ${OUTPUT_FILES.TREE_DATA}`)
+    console.log(`🌳 树形结构: ${treeData.pathAnalyse.length} 个根目录/文件`)
+
+    console.log('📊 根级目录大小统计:')
+    treeData.pathAnalyse.slice(0, TREE_DISPLAY_LIMIT).forEach(item => {
+      console.log(`   ${item.path}: ${Math.round(item.size / 1024 * 100) / 100} KB (${(item.ratio * 100).toFixed(2)}%)`)
+    })
+  } catch (error: any) {
+    console.error('❌ 保存树形分析失败:', error.message)
+  }
+}

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "commonjs",
+    "lib": ["ES2020"],
+    "types": ["node"],
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "declaration": true,
+    "declarationDir": "./dist",
+    "sourceMap": false
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}