SuperAPI AI 工具集

dashboard-create-screen

通用与其它

查看项目

更新于 10-15 17:21

技能介绍

用途:在 Multi-site Dashboard 中新建屏幕页面,自动完成路由发现、注册和可选的导航菜单添加。

主要能力与流程:

  1. 路由发现:用 Glob 查找 client/dashboard/app/router/*.tsx 与 *.ts,用 Grep 提取 createRoute 导出、getParentRoute 父子关系、path 路径段与组件导入路径,整理出可用路由。
  2. 菜单发现:根据所选父路由的导入路径确定搜索区域,Glob 查找 client/dashboard/{area}/**/*-menu/index.tsx,必要时回退 app 级菜单。
  3. 用户输入:通过 AskUserQuestion 收集父路由、屏幕名(小写加连字符)、路由路径、页面标题、页面描述(可选)以及是否加入导航菜单。
  4. 创建组件:按父路由导入路径确定位置,如 sites 区域为 client/dashboard/sites/{screen-name}/index.tsx,me 区域为 client/dashboard/me/{screen-name}/index.tsx。组件使用 PageLayout 与 PageHeader,标题与描述经 @wordpress/i18n 的 __ 处理。
  5. 注册路由:在与父路由同一路由文件中添加 createRoute 定义,包含 head 元标题、getParentRoute、path 与 lazy 导入;再按父路由在 create*Routes() 中的用法,将新路由 push 进数组或加入 addChildren 子路由。
  6. 菜单条目(可选):按现有模式插入 ResponsiveMenu.Item,路径由父路径与屏幕路径拼接;如需功能门控,可参考菜单中已有的条件包裹写法。

适用场景:为 WordPress.com Calypso 的 Multi-site Dashboard 扩充新页面,尤其需要路由与导航同步注册时。

限制:技能面向 client/dashboard 代码库结构与既有约定,须遵循 client/dashboard/docs/ 中的编码规范;具体参数、依赖与运行方式资料未提供。