用途:重构 Dify 前端代码库中高复杂度的 React 组件。触发条件为 pnpm analyze-component --json 显示 complexity > 50 或 lineCount > 300。
主要能力:提供六类重构模式——提取自定义 Hook、拆分子组件、简化条件逻辑、抽取 API/数据逻辑、抽取弹窗管理、抽取表单逻辑;并给出 Dify 特定约定,如 Context Provider 拆分、工作流节点组件结构、配置组件与工具/插件组件组织方式。
使用方式:在 web/ 目录下运行命令。生成重构提示:pnpm refactor-component <path>;输出 JSON:pnpm refactor-component <path> --json;重构后生成测试提示:pnpm analyze-component <path>;输出测试分析 JSON:pnpm analyze-component <path> --json。工作流为生成提示、分析指标、制定计划、增量执行(每次抽取后运行 pnpm lint:fix、pnpm type-check:tsgo、pnpm test 并手动验证)、最后复跑命令验证。目标指标为 complexity < 50、lineCount < 300、maxComplexity < 30。
适用场景:Dify 前端组件复杂度超标、状态与副作用混杂、API 逻辑内嵌、弹窗状态过多、表单校验复杂等。
限制:仅面向 Dify 前端代码库及其既有约定;需遵循现有目录结构与命名,避免过度工程、破坏既有模式与过早抽象。资料未提供安装步骤、收费信息及具体平台支持范围。