3.5 KiB
3.5 KiB
4-25 FileTree view-state model-driven lazy reveal v1
创建时间:2026-06-02
状态:
doneOwner:04-tree-domain / mnote-web FileTree runtime
参考:VSCode
AsyncDataTree/ Sidex extension tree view
2026-06-06 归档说明:本文件 checklist 已全部闭合,FileTree view-state / lazy reveal 问题不再占用 active process。验收中记录的 18 秒 Tiptap 冷加载在当前 checkout 未复现;复核约 274ms 可见,后续如再次复现再参考
design/05-editor-mainline/reference/5-36-tiptap-real-shell-cold-load-followup-v1.md。
1. 背景
MNote FileTree 已保存 expandedRelativePaths / selection / scrollTop,但历史实现把 view-state 恢复成首屏 DOM 递归展开动作。打开 design 这类目录时,浏览器需要扫描已有 DOM、逐个展开历史目录、重复同步 selection,容易产生长任务和强制布局。
VSCode / Sidex 的关键不是“保存展开路径”本身,而是:
- view-state 是树模型输入,不是首屏 DOM 脚本。
- children 由 tree data provider 懒加载。
- active item reveal 只解析命中的父链。
- 保存状态与恢复状态分离,恢复过程不反复写回存储。
2. 目标
- 打开 scoped FileTree 时首屏只渲染 scope 的直接子层。
- 打开文档页时,只 reveal 当前 active 文档的父链。
- 历史 expanded view-state 不触发全量递归 DOM 展开。
- selection 同步不读取 layout,避免强制 reflow。
- view-state 保存继续保留用户展开、选择和滚动位置。
3. 非目标
- 不引入 VSCode
AsyncDataTree源码。 - 不重写整个 Sidebar。
- 不改变 Resource Tree / File Tree / Page Tree 的事实源边界。
- 不删除已有用户 view-state。
4. Checklist
- 为
fileTreeScope=design+ active document 位于design/07-ai/done/*.md增加 SSR reveal 测试。 - local-folder FileTree snapshot 支持在 scoped parent 下附加 active 文档父链。
- document shell 使用 scoped FileTree reveal,而不是只加载 scope 根子项。
- view-state 恢复只影响当前可见层,不递归拉取历史所有 expanded path。
- selection 同步不得读取
offsetParent/getClientRects。 - 冷浏览器 smoke 验证从欢迎页打开
design再打开 7-45:FileTree 与文档首屏亚秒级可交互。 - CodeGraph 同步并确认索引状态。
2026-06-02 可见 expanded 空目录 idle hydrate
- 重新登录后仍保留首屏轻量策略:不递归恢复所有历史 expanded path。
- 已展开且当前可见、但未加载 children 的 FileTree folder,在 idle 阶段按小批次补加载一层 children。
- idle hydrate 只针对当前 DOM 可见行,不改变 active 文档父链 reveal 的同步边界。
- 新增 runtime 结构测试,防止 view-state restore 重新回到递归
.then(...restore...)模式。
5. 验收
- 隐私窗口打开
design不因历史展开目录触发多层/api/tree/projections/file/children。 - 打开
7-45-chatonly-api-provider-runtime-v1.md时 FileTree 能看到design/07-ai/done父链和 active 文件。 - 表格内容正常显示;历史 dev-hot 冷浏览器曾观测到 Tiptap wasm-bindgen snippets/hydration 约 18 秒延迟,但 2026-06-06 当前 checkout 复核未复现,不混入本轮 FileTree view-state 修复。
- 无新增轮询或定时刷新链路。
- 重新登录后,如果用户历史展开的可见目录只剩下向下箭头但没有 children,首屏完成后的 idle 小批次补加载应恢复一层文件细节。