SuperAPI AI 工具集

obsidian-arrow-stories

测试与质量

查看项目

更新于 10-15 23:48

技能介绍

用途:在 obsidian-arrow-sandbox 中编写、更新、测试和查看组件及其故事文件,覆盖从组件实现到浏览验证的完整流程。

主要能力:每个组件在 stories/views/ 或 stories/components/ 下配一个 *.stories.ts 文件,无需注册或更新导入,通过 import.meta.glob 自动出现在 /components/<slug>。可用变体展示不同状态,用 children 链接子组件,status 设为 live 表示可移植。

使用方式:流程为查 /reference/classes 参考类、写 src/components/MyThing.ts、写 stories/MyThing.stories.ts、运行 pnpm dev 后在 /components 验证、补充变体、提取子组件、设为 live、最后跑 pnpm run ci。查看地址包括 http://localhost:5173/components、/components/my-thing、/reference、/reference/classes;提交前运行 pnpm typecheck、pnpm test、pnpm lint 并检查浏览器控制台。写 CSS 优先用 Obsidian 语义类,其次 oas-* 工具类,最后才自定义。

限制:Arrow 有若干注意事项,如模板内不可写 HTML 注释、属性表达式必须是完整值、静态与响应式表达式区分、事件处理器类型。剪贴板、自还原、需要权限的状态不适合做静态变体,应改用 notes 说明。提权组件前须先调研,确认存在实际重复片段,并同时迁移消费者。资料中未提供具体版本、收费或价格信息。