SuperAPI AI 工具集

full-stack-panel-authoring

编程与开发

查看项目

更新于 10-16 05:51

技能介绍

用途:为原生 TypeScript 仪表盘新增面板类型,或创建横跨服务端路由、服务层、组件与注册各层的完整功能,并保证全栈模式一致。适用于使用手动 http.createServer 分发循环或 Express 的项目。

主要能力:提供从后端路由到服务、服务端接线、带韧性(重试、熔断、缓存、状态持久化)的 Panel 组件、再到组件注册的统一流程;包含文件清单、分发模式识别、组件模板与工具文件模板。

使用方式:先运行 find 与 grep 命令探查项目结构,读取各层现有示例;再读取 server/index.ts 判断分发模式(Express、switch/case、if/else 链或 handler map);随后依次创建 server/routes/{feature}-route.ts、src/services/{feature}.ts、src/components/{Feature}Panel.ts,更新 src/components/index.ts 与 server/index.ts,按需创建 src/utils/circuit-breaker.ts、src/utils/sparkline.ts 及 Panel 基类。接线后启动服务并 curl /api/panels/{feature} 验证返回 JSON 而非 404。

限制:仅面向原生 TypeScript,不使用 React、JSX 或 .tsx;DOM 需通过 document.createElement 构建,避免对不可信数据使用 innerHTML;误判分发模式是静默 404 的常见原因。资料未提供具体安装命令、依赖版本、收费与平台信息。