jinbi-utils 1.0.21 → 1.0.23

package/src/build/chunk-optimizer/examples/basic-usage.ts

@@ -1,234 +0,0 @@
-/**
- * Chunk Optimizer 使用示例
- */
-
-import { createChunkOptimizer } from '../index';
-
-// ============================================================
-// 示例 1: 零配置使用（推荐）
-// ============================================================
-export function example1() {
-  const optimizer = createChunkOptimizer();
-  
-  return {
-    build: {
-      rollupOptions: {
-        output: {
-          manualChunks: optimizer.generate()
-        }
-      }
-    }
-  };
-}
-
-// ============================================================
-// 示例 2: 启用调试模式
-// ============================================================
-export function example2() {
-  const optimizer = createChunkOptimizer({
-    debug: true, // 会在构建时打印详细的分包信息
-  });
-  
-  // 手动打印分析报告
-  optimizer.printReport();
-  
-  return {
-    build: {
-      rollupOptions: {
-        output: {
-          manualChunks: optimizer.generate()
-        }
-      }
-    }
-  };
-}
-
-// ============================================================
-// 示例 3: 自定义规则
-// ============================================================
-export function example3() {
-  const optimizer = createChunkOptimizer({
-    framework: 'vue',
-    customRules: {
-      // 将公司内部库单独分包
-      '@company/ui': 'vendor-company-ui',
-      '@company/utils': 'vendor-company-utils',
-      
-      // 将某个大型库单独分包
-      'echarts': 'vendor-echarts',
-      
-      // 使用通配符匹配
-      '@company/*': 'vendor-company',
-    },
-  });
-  
-  return {
-    build: {
-      rollupOptions: {
-        output: {
-          manualChunks: optimizer.generate()
-        }
-      }
-    }
-  };
-}
-
-// ============================================================
-// 示例 4: 排除某些包
-// ============================================================
-export function example4() {
-  const optimizer = createChunkOptimizer({
-    exclude: [
-      '@types/*',      // 排除所有类型定义
-      'vite',          // 排除 vite
-      'rollup',        // 排除 rollup
-      'esbuild',       // 排除 esbuild
-    ],
-  });
-  
-  return {
-    build: {
-      rollupOptions: {
-        output: {
-          manualChunks: optimizer.generate()
-        }
-      }
-    }
-  };
-}
-
-// ============================================================
-// 示例 5: 自定义业务代码分包
-// ============================================================
-export function example5() {
-  const optimizer = createChunkOptimizer({
-    sourceCodeStrategy: {
-      views: true,        // 按 views 模块分包
-      components: true,   // 公共组件单独分包
-      utils: true,        // 工具函数分包
-      store: true,        // store 分包
-      custom: [
-        // 自定义业务代码分包规则
-        {
-          pattern: /\/src\/features\/([^/]+)\//,
-          chunkName: 'feature-$1'
-        },
-        {
-          pattern: /\/src\/modules\/([^/]+)\//,
-          chunkName: 'module-$1'
-        }
-      ]
-    }
-  });
-  
-  return {
-    build: {
-      rollupOptions: {
-        output: {
-          manualChunks: optimizer.generate()
-        }
-      }
-    }
-  };
-}
-
-// ============================================================
-// 示例 6: React 项目使用
-// ============================================================
-export function example6React() {
-  const optimizer = createChunkOptimizer({
-    framework: 'react', // 指定框架为 React
-    customRules: {
-      // React 项目特定的规则
-      'react-query': 'vendor-query',
-      '@tanstack/react-query': 'vendor-query',
-    },
-  });
-  
-  return {
-    build: {
-      rollupOptions: {
-        output: {
-          manualChunks: optimizer.generate()
-        }
-      }
-    }
-  };
-}
-
-// ============================================================
-// 示例 7: 完整配置示例
-// ============================================================
-export function example7Complete() {
-  const optimizer = createChunkOptimizer({
-    // 框架类型
-    framework: 'vue',
-    
-    // 启用调试
-    debug: process.env.NODE_ENV === 'development',
-    
-    // 自定义规则
-    customRules: {
-      '@company/*': 'vendor-company',
-      'echarts': 'vendor-echarts',
-    },
-    
-    // 排除包
-    exclude: ['@types/*', 'vite'],
-    
-    // 业务代码分包
-    sourceCodeStrategy: {
-      views: true,
-      components: true,
-      utils: true,
-      store: true,
-      custom: [
-        {
-          pattern: /\/src\/features\/([^/]+)\//,
-          chunkName: 'feature-$1'
-        }
-      ]
-    }
-  });
-  
-  return {
-    build: {
-      rollupOptions: {
-        output: {
-          chunkFileNames: 'static/js/[name]-[hash].js',
-          entryFileNames: 'static/js/[name]-[hash].js',
-          assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
-          manualChunks: optimizer.generate()
-        }
-      }
-    }
-  };
-}
-
-// ============================================================
-// 示例 8: 获取分析结果
-// ============================================================
-export function example8Analysis() {
-  const optimizer = createChunkOptimizer();
-  
-  // 获取分析结果
-  const result = optimizer.analyze();
-  
-  console.log('检测到的框架:', result.detectedFramework);
-  console.log('依赖总数:', result.dependencies.length);
-  console.log('分类统计:', result.categoryStats);
-  
-  // 打印详细报告
-  optimizer.printReport();
-  
-  return {
-    build: {
-      rollupOptions: {
-        output: {
-          manualChunks: optimizer.generate()
-        }
-      }
-    }
-  };
-}
-

package/src/build/chunk-optimizer/index.ts

@@ -1,166 +0,0 @@
-/**
- * Vite Chunk Optimizer
- * 智能分包优化工具 - 自动分析依赖并生成最优的 manualChunks 配置
- * 
- * @author Your Name
- * @license MIT
- */
-
-import type {
-  ChunkOptimizerOptions,
-  ManualChunksFunction,
-  AnalysisResult,
-} from './types';
-import { DependencyReader } from './core/dependency-reader';
-import { DependencyClassifier } from './core/classifier';
-import { ChunkGenerator } from './core/chunk-generator';
-
-/**
- * Chunk 优化器类
- */
-export class ChunkOptimizer {
-  private reader: DependencyReader;
-  private classifier: DependencyClassifier;
-  private generator: ChunkGenerator | null = null;
-  private options: Required<ChunkOptimizerOptions>;
-
-  constructor(options: ChunkOptimizerOptions = {}) {
-    // 设置默认选项
-    this.options = {
-      framework: options.framework || 'auto',
-      strategy: options.strategy || 'balanced',
-      customRules: options.customRules || {},
-      exclude: options.exclude || ['@types/*'],
-      minChunkSize: options.minChunkSize || 0,
-      debug: options.debug || false,
-      sourceCodeStrategy: {
-        views: true,
-        components: true,
-        utils: true,
-        store: true,
-        ...options.sourceCodeStrategy,
-      },
-      packageJsonPath: options.packageJsonPath || '',
-    };
-
-    // 初始化依赖读取器
-    this.reader = new DependencyReader(this.options.packageJsonPath);
-
-    // 自动检测框架
-    if (this.options.framework === 'auto') {
-      this.options.framework = this.reader.detectFramework();
-      if (this.options.debug) {
-        console.log(`🔍 Detected framework: ${this.options.framework}`);
-      }
-    }
-
-    // 初始化分类器
-    this.classifier = new DependencyClassifier(
-      this.options.framework,
-      this.options.customRules,
-      this.options.exclude
-    );
-  }
-
-  /**
-   * 分析依赖
-   */
-  analyze(): AnalysisResult {
-    const dependencies = this.reader.getDependencies();
-    const classified = this.classifier.classifyAll(dependencies);
-    const stats = this.classifier.getCategoryStats(classified);
-
-    return {
-      dependencies: classified,
-      detectedFramework: this.options.framework,
-      categoryStats: stats,
-    };
-  }
-
-  /**
-   * 生成 manualChunks 函数
-   */
-  generate(): ManualChunksFunction {
-    if (this.generator) {
-      return this.generator.generate();
-    }
-
-    // 分析依赖
-    const result = this.analyze();
-
-    // 如果开启调试模式，打印分类信息
-    if (this.options.debug) {
-      this.classifier.printClassification(result.dependencies);
-    }
-
-    // 创建生成器
-    this.generator = new ChunkGenerator(
-      result.dependencies,
-      this.options.sourceCodeStrategy,
-      this.options.debug
-    );
-
-    // 如果开启调试模式，打印统计信息
-    if (this.options.debug) {
-      this.generator.printStats();
-    }
-
-    return this.generator.generate();
-  }
-
-  /**
-   * 获取分析结果
-   */
-  getAnalysisResult(): AnalysisResult {
-    return this.analyze();
-  }
-
-  /**
-   * 打印分析报告
-   */
-  printReport(): void {
-    const result = this.analyze();
-    
-    console.log('\n' + '='.repeat(60));
-    console.log('📦 Vite Chunk Optimizer - Analysis Report');
-    console.log('='.repeat(60) + '\n');
-
-    console.log(`Framework: ${result.detectedFramework}`);
-    console.log(`Strategy: ${this.options.strategy}`);
-    console.log(`Total Dependencies: ${result.dependencies.length}\n`);
-
-    console.log('Chunk Distribution:');
-    Object.entries(result.categoryStats)
-      .sort(([, a], [, b]) => b - a)
-      .forEach(([category, count]) => {
-        const percentage = ((count / result.dependencies.length) * 100).toFixed(1);
-        console.log(`  ${category.padEnd(25)} ${count.toString().padStart(3)} (${percentage}%)`);
-      });
-
-    console.log('\n' + '='.repeat(60) + '\n');
-  }
-}
-
-/**
- * 创建 Chunk 优化器（工厂函数）
- */
-export function createChunkOptimizer(
-  options: ChunkOptimizerOptions = {}
-): ChunkOptimizer {
-  return new ChunkOptimizer(options);
-}
-
-// 导出类型
-export type {
-  ChunkOptimizerOptions,
-  ManualChunksFunction,
-  AnalysisResult,
-  Framework,
-  Strategy,
-  DependencyCategory,
-  SourceCodeStrategy,
-} from './types';
-
-// 默认导出
-export default createChunkOptimizer;
-

package/src/build/chunk-optimizer/rules/common-rules.ts

@@ -1,131 +0,0 @@
-/**
- * 通用库的分包规则
- */
-import type { Rule } from '../types';
-
-/**
- * 工具库规则
- */
-export const utilsRules: Rule[] = [
-  // 日期时间
-  { match: 'dayjs', category: 'vendor-utils', priority: 60, description: '日期时间库' },
-  { match: 'moment', category: 'vendor-utils', priority: 60, description: 'Moment.js' },
-  { match: 'date-fns', category: 'vendor-utils', priority: 60, description: 'date-fns' },
-  
-  // HTTP 请求
-  { match: 'axios', category: 'vendor-utils', priority: 70, description: 'Axios HTTP 客户端' },
-  { match: 'ky', category: 'vendor-utils', priority: 70, description: 'Ky HTTP 客户端' },
-  
-  // 工具函数
-  { match: 'lodash', category: 'vendor-utils', priority: 60, description: 'Lodash' },
-  { match: 'lodash-es', category: 'vendor-utils', priority: 60, description: 'Lodash ES' },
-  { match: 'ramda', category: 'vendor-utils', priority: 60, description: 'Ramda' },
-  
-  // Cookie & Storage
-  { match: 'js-cookie', category: 'vendor-utils', priority: 50, description: 'JS Cookie' },
-  { match: 'localforage', category: 'vendor-utils', priority: 50, description: 'LocalForage' },
-  { match: 'responsive-storage', category: 'vendor-utils', priority: 50, description: 'Responsive Storage' },
-  
-  // 查询字符串
-  { match: 'qs', category: 'vendor-utils', priority: 50, description: 'Query String' },
-  
-  // 事件总线
-  { match: 'mitt', category: 'vendor-utils', priority: 50, description: 'Mitt 事件总线' },
-  { match: 'eventemitter3', category: 'vendor-utils', priority: 50, description: 'EventEmitter3' },
-  
-  // 数学计算
-  { match: 'decimal.js', category: 'vendor-utils', priority: 50, description: 'Decimal.js' },
-  { match: 'big.js', category: 'vendor-utils', priority: 50, description: 'Big.js' },
-  
-  // 拖拽
-  { match: 'sortablejs', category: 'vendor-utils', priority: 50, description: 'SortableJS' },
-  
-  // 动画
-  { match: 'animate.css', category: 'vendor-utils', priority: 40, description: 'Animate.css' },
-  { match: '@vueuse/motion', category: 'vendor-utils', priority: 40, description: 'VueUse Motion' },
-  
-  // 其他工具
-  { match: 'nprogress', category: 'vendor-utils', priority: 40, description: 'NProgress' },
-  { match: 'path-browserify', category: 'vendor-utils', priority: 40, description: 'Path Browserify' },
-];
-
-/**
- * 图标库规则
- */
-export const iconRules: Rule[] = [
-  { match: /^@iconify\//, category: 'vendor-icons', priority: 60, description: 'Iconify' },
-  { match: 'unplugin-icons', category: 'vendor-icons', priority: 60, description: 'Unplugin Icons' },
-  { match: /-icons?$/, category: 'vendor-icons', priority: 50, description: '图标库（通用匹配）' },
-];
-
-/**
- * 表单和验证规则
- */
-export const formRules: Rule[] = [
-  { match: 'vee-validate', category: 'vendor-utils', priority: 50, description: 'VeeValidate' },
-  { match: 'yup', category: 'vendor-utils', priority: 50, description: 'Yup 验证' },
-  { match: 'zod', category: 'vendor-utils', priority: 50, description: 'Zod 验证' },
-  { match: '@zxcvbn-ts/core', category: 'vendor-utils', priority: 40, description: 'Zxcvbn 密码强度' },
-];
-
-/**
- * 图表库规则
- */
-export const chartRules: Rule[] = [
-  { match: 'echarts', category: 'vendor-charts', priority: 70, description: 'ECharts' },
-  { match: 'chart.js', category: 'vendor-charts', priority: 70, description: 'Chart.js' },
-  { match: 'd3', category: 'vendor-charts', priority: 70, description: 'D3.js' },
-  { match: /^@antv\//, category: 'vendor-charts', priority: 70, description: 'AntV 图表' },
-];
-
-/**
- * 富文本编辑器规则
- */
-export const editorRules: Rule[] = [
-  { match: 'quill', category: 'vendor-editor', priority: 60, description: 'Quill 编辑器' },
-  { match: '@wangeditor/editor', category: 'vendor-editor', priority: 60, description: 'wangEditor' },
-  { match: 'tinymce', category: 'vendor-editor', priority: 60, description: 'TinyMCE' },
-  { match: '@tiptap/vue-3', category: 'vendor-editor', priority: 60, description: 'Tiptap' },
-];
-
-/**
- * 表格库规则
- */
-export const tableRules: Rule[] = [
-  { match: 'vxe-table', category: 'vendor-table', priority: 70, description: 'VXE Table' },
-  { match: 'ag-grid', category: 'vendor-table', priority: 70, description: 'AG Grid' },
-];
-
-/**
- * 中国特色库规则
- */
-export const chinaRules: Rule[] = [
-  { match: 'china-area-data', category: 'vendor-utils', priority: 40, description: '中国地区数据' },
-  { match: 'pinyin-pro', category: 'vendor-utils', priority: 40, description: '拼音转换' },
-];
-
-/**
- * 业务组件库规则
- */
-export const businessRules: Rule[] = [
-  { match: 'plus-pro-components', category: 'vendor-pro', priority: 70, description: 'Plus Pro Components' },
-  { match: 'vue-tippy', category: 'vendor-utils', priority: 40, description: 'Vue Tippy' },
-  { match: 'vue-types', category: 'vendor-utils', priority: 40, description: 'Vue Types' },
-];
-
-/**
- * 获取所有通用规则
- */
-export function getCommonRules(): Rule[] {
-  return [
-    ...utilsRules,
-    ...iconRules,
-    ...formRules,
-    ...chartRules,
-    ...editorRules,
-    ...tableRules,
-    ...chinaRules,
-    ...businessRules,
-  ];
-}
-

package/src/build/chunk-optimizer/rules/framework-rules.ts

@@ -1,93 +0,0 @@
-/**
- * 框架相关的分包规则
- */
-import type { Rule } from '../types';
-
-/**
- * Vue 生态规则
- */
-export const vueRules: Rule[] = [
-  // Vue 核心
-  { match: 'vue', category: 'vendor-vue', priority: 100, description: 'Vue 核心框架' },
-  { match: /^@vue\//, category: 'vendor-vue', priority: 100, description: 'Vue 官方包' },
-  
-  // 状态管理
-  { match: 'pinia', category: 'vendor-vue', priority: 100, description: 'Pinia 状态管理' },
-  { match: 'vuex', category: 'vendor-state', priority: 90, description: 'Vuex 状态管理' },
-  
-  // 路由
-  { match: 'vue-router', category: 'vendor-router', priority: 100, description: 'Vue Router' },
-  
-  // UI 框架
-  { match: 'element-plus', category: 'vendor-element', priority: 80, description: 'Element Plus UI' },
-  { match: 'ant-design-vue', category: 'vendor-ui', priority: 80, description: 'Ant Design Vue' },
-  { match: 'naive-ui', category: 'vendor-ui', priority: 80, description: 'Naive UI' },
-  { match: 'vant', category: 'vendor-ui', priority: 80, description: 'Vant UI' },
-  { match: 'arco-design', category: 'vendor-ui', priority: 80, description: 'Arco Design' },
-  
-  // VueUse
-  { match: /^@vueuse\//, category: 'vendor-vueuse', priority: 70, description: 'VueUse 工具集' },
-  
-  // 国际化
-  { match: 'vue-i18n', category: 'vendor-i18n', priority: 60, description: 'Vue I18n' },
-  { match: /^@intlify\//, category: 'vendor-i18n', priority: 60, description: 'Intlify' },
-];
-
-/**
- * React 生态规则
- */
-export const reactRules: Rule[] = [
-  // React 核心
-  { match: 'react', category: 'vendor-react', priority: 100, description: 'React 核心' },
-  { match: 'react-dom', category: 'vendor-react', priority: 100, description: 'React DOM' },
-  
-  // 状态管理
-  { match: 'redux', category: 'vendor-state', priority: 90, description: 'Redux' },
-  { match: 'react-redux', category: 'vendor-state', priority: 90, description: 'React Redux' },
-  { match: 'zustand', category: 'vendor-state', priority: 90, description: 'Zustand' },
-  { match: 'mobx', category: 'vendor-state', priority: 90, description: 'MobX' },
-  { match: 'mobx-react', category: 'vendor-state', priority: 90, description: 'MobX React' },
-  
-  // 路由
-  { match: 'react-router', category: 'vendor-router', priority: 100, description: 'React Router' },
-  { match: 'react-router-dom', category: 'vendor-router', priority: 100, description: 'React Router DOM' },
-  
-  // UI 框架
-  { match: 'antd', category: 'vendor-ui', priority: 80, description: 'Ant Design' },
-  { match: '@ant-design/icons', category: 'vendor-icons', priority: 70, description: 'Ant Design Icons' },
-  { match: '@mui/material', category: 'vendor-ui', priority: 80, description: 'Material UI' },
-  { match: 'chakra-ui', category: 'vendor-ui', priority: 80, description: 'Chakra UI' },
-];
-
-/**
- * Angular 生态规则
- */
-export const angularRules: Rule[] = [
-  { match: /^@angular\//, category: 'vendor-angular', priority: 100, description: 'Angular 框架' },
-];
-
-/**
- * Svelte 生态规则
- */
-export const svelteRules: Rule[] = [
-  { match: 'svelte', category: 'vendor-svelte', priority: 100, description: 'Svelte 框架' },
-];
-
-/**
- * 获取框架规则
- */
-export function getFrameworkRules(framework: string): Rule[] {
-  switch (framework) {
-    case 'vue':
-      return vueRules;
-    case 'react':
-      return reactRules;
-    case 'angular':
-      return angularRules;
-    case 'svelte':
-      return svelteRules;
-    default:
-      return [...vueRules, ...reactRules, ...angularRules, ...svelteRules];
-  }
-}
-

package/src/build/chunk-optimizer/rules/index.ts

@@ -1,27 +0,0 @@
-/**
- * 规则导出
- */
-import type { Rule, Framework } from '../types';
-import { getFrameworkRules } from './framework-rules';
-import { getCommonRules } from './common-rules';
-
-/**
- * 获取所有规则
- */
-export function getAllRules(framework: Framework = 'auto'): Rule[] {
-  const frameworkRules = getFrameworkRules(framework === 'auto' ? 'all' : framework);
-  const commonRules = getCommonRules();
-  
-  return [...frameworkRules, ...commonRules];
-}
-
-/**
- * 根据优先级排序规则
- */
-export function sortRulesByPriority(rules: Rule[]): Rule[] {
-  return rules.sort((a, b) => (b.priority || 0) - (a.priority || 0));
-}
-
-export { getFrameworkRules } from './framework-rules';
-export { getCommonRules } from './common-rules';
-