storybook

oc-storybook · package · G11-文档站点 · Layer 0

① 作用

UI 组件开发文档站。.storybook/main.ts:13-29 用 storybook-solidjs-vite 定义框架并聚合 ui/session-ui/app 三包的 stories(stories glob 指向 ../../ui、../../session-ui、../../app/src);同时用 mocks 目录对 app 的 context(local/file/prompt/layout/sdk/sync 等 15+ 个)做 SolidJS router 替换与 context mock(main.ts:36-50),使 app 组件能在 Storybook 中独立渲染;preview.tsx 提供全局预览配置。

② 提供能力

· 聚合 ui/session-ui/app 三包组件的 Storybook 开发环境
· app context 全套 mock(main.ts:37-50 别名替换)
· Playground CSS 与主题工具插件(playground-css-plugin.ts、theme-tool.ts)

③ 依赖(上游)

节点机制证据
uisemantic-depstage-01 @opencode-ai/storybook
session-uisemantic-depstage-01 @opencode-ai/storybook

④ 被依赖(下游)

无下游依赖

⑤ 为什么存在(why)

设计意图(官方)

为组件库提供隔离的开发/审查环境,通过 mock 掉 app 的副作用 context 使跨包组件可以独立预览与回归测试。

改造关联

官方底座,未被本机装配层直接引用

⑥ 怎么用(how)

怎么用

典型场景与协作