AI导哈

配置向导工具

一个基于Next.js 15和React Hook Form的Schema驱动配置向导工具，用于生成和验证Continue Dev Hub的config.yaml文件。

  • by Drummerms
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 Drummerms/continuedev-hub-config-wizard

使用说明

继续开发人员中心配置向导

Continue Dev Hub的架构驱动创作工具 config.yaml 文件夹。使用Next.js 15、React Hook Form和Zod模式构建，Zod模式充当验证、UI元数据和JSON模式生成的单一真实源。

入门指南

pnpm install
pnpm dev

打开http://localhost:3000使用实时YAML预览启动向导。

脚本

  • pnpm dev Next.js开发服务器，支持热重载。
  • pnpm build –类型检查，重新生成 public/schema/config.schema.json，并生成生产包。
  • pnpm start –运行生产构建。
  • pnpm lint –ESLint（严格的TypeScript规则，Next.js插件）。
  • pnpm test –Vitest单元套件（模式、YAML助手、存储、表单转换器）。
  • pnpm test:e2e –占位符剧作家烟雾测试脚手架。

项目结构

src/
  app/               # Next.js App Router entry points
  components/        # UI primitives and wizard surfaces
  lib/               # Schema-driven form metadata, YAML helpers, validation
  schema/            # Zod config schema (single source of truth)
  store/             # Zustand store for shared wizard state
public/schema/       # Generated JSON schema (pnpm build/gen:schema)
scripts/             # Build-time utilities
tests/               # YAML fixtures for unit suites

参见 spec_1_continue_dev_hub_configuration_wizard.md 产品简介和待办事项列表优先级。

亮点

  • 表单+块奇偶校验 基础：模式派生的表单部分、模型/上下文/规则/提示/文档/MCP/数据的数组控件，以及摩纳哥驱动的YAML预览通过Zod模式保持同步。
  • 验证：从Zod模式编译的AJV确保运行时反馈，而React Hook Form强制执行类型化输入。
  • YAML保真度: yaml 文档AST帮助程序保留锚点，因此往返导入/导出保持无损。

路线图

  • 充实块模式（拖放画布）和预设/片段。
  • 已弃用/未知密钥的Surface文档链接和警告面板。
  • 扩大Playwright E2E的覆盖范围，以创建/导入/编辑/导出流程。

相关 MCP