提交当前顶层 mnote Git 工作区,范围集中在 04-tree-domain 的 resource/trash/filetree 生命周期、mnote-web resource_trash 路由、Convex/Next 兼容接口、sidebar/file-tree 客户端适配、smoke 脚本与对应设计/bug 记录。 不包含被 ignore 的 design/05-editor-mainline/reference-code/leptos-tiptap 嵌套仓库改动。新增 smoke 的测试密码改为运行时读取 MNOTE_E2E_PASSWORD,避免提交明文 credential assignment。
83 lines
4.3 KiB
Markdown
83 lines
4.3 KiB
Markdown
# 4-28 Trash Restore Location Reveal Focus v1
|
||
|
||
> 状态:process
|
||
> 创建时间:2026-05-15
|
||
> 所属主线:04-tree-domain / VSCode Explorer 文件树与垃圾箱闭环
|
||
> 来源:`design/10-review/07-vscode-explorer-filetree-trash-gap-review.md` 阶段 6
|
||
|
||
## 1. 目标
|
||
|
||
页面进入垃圾箱前必须记录可恢复的位置快照;恢复时优先回到删除前父节点与排序位置,并在 UI 中 reveal / focus 恢复对象。若原父节点已不存在或仍在垃圾箱,应显式 fallback 到根目录并提示用户。
|
||
|
||
## 2. 已落地范围
|
||
|
||
- `documents` schema 新增 `restore_parent_id` 与 `restore_sort_order`。
|
||
- `documents.softDelete` 对页面子树写入删除前 `parent_id / sort_order` 快照。
|
||
- `documents.restore`:
|
||
- 读取同 workspace 当前文档集合。
|
||
- 父节点仍存在或属于本次级联恢复子树时,恢复到原父节点。
|
||
- 父节点已不存在或仍在垃圾箱时,恢复到根目录。
|
||
- 恢复时回写 `parent_id / sort_order`,并对目标父级兄弟节点重新编号,避免恢复到原排序位时产生重复 `sort_order`。
|
||
- 清空恢复位置快照。
|
||
- 返回 `restore_location.parent_id / sort_order / fallback_reason`。
|
||
- `/api/tree/commands restore` 读取页面 meta 时允许包含已删除页面,避免垃圾箱页面在进入 restore mutation 前被 `getMeta` 过滤成 404。
|
||
- `restoreDocumentCommand` 透传恢复位置结果。
|
||
- Sidebar 垃圾箱恢复后刷新数据、展开恢复父链、滚动并 focus 恢复行;发生 fallback 时提示“原父页面已不存在,已恢复到根目录”。
|
||
|
||
## 3. 设计口径
|
||
|
||
- 当前记录的是稳定数据位置:`parent_id / sort_order`。
|
||
`view path / expanded path` 不持久化到 Convex,恢复后由 Sidebar 根据当前父链展开得到。
|
||
- 子树恢复只恢复与父节点同一 `deleted_at` 批次的子节点,避免把更早独立删除的子页面误恢复。
|
||
- fallback 策略先固定为“恢复到根目录 + 明示提示”,不在本阶段引入位置选择弹窗。
|
||
- `sort_order` 会按当前兄弟数量 clamp;如果原位置越界,则放到可解释的最近位置。
|
||
|
||
## 4. 已验证
|
||
|
||
```bash
|
||
cd /mnt/Data1T/mnote/wolai-frontend
|
||
pnpm test src/lib/documents/tree-command-client.test.ts src/lib/documents/restore-location.test.ts src/components/sidebar/tree-shell-host.test.tsx src/components/sidebar/sidebar-sync.test.ts
|
||
```
|
||
|
||
结果:4 个测试文件通过,20 项测试通过。
|
||
|
||
补充 route 与排序回归:
|
||
|
||
```bash
|
||
cd /mnt/Data1T/mnote/wolai-frontend
|
||
pnpm test src/lib/documents/tree-command-client.test.ts src/lib/documents/restore-location.test.ts src/components/sidebar/tree-shell-host.test.tsx src/components/sidebar/sidebar-sync.test.ts src/app/api/tree/commands/route.test.ts
|
||
```
|
||
|
||
结果:5 个测试文件通过,32 项测试通过。
|
||
|
||
真实浏览器 smoke:
|
||
|
||
```bash
|
||
cd /mnt/Data1T/mnote/wolai-frontend
|
||
npx convex dev --once --tail-logs disable --env-file ../.env.all --run ping:ping
|
||
|
||
cd /mnt/Data1T/mnote
|
||
node scripts/task429-trash-restore-location-reveal-smoke.js
|
||
```
|
||
|
||
结果:通过。脚本使用一次性用户 / workspace,在 3000 主入口验证:
|
||
|
||
- 删除子页面后通过 `tree.node.restore` 恢复,返回 `restore_location.parent_id` 为原父页面、`sort_order` 为原排序位。
|
||
- 原排序位已被兄弟页面占用时,兄弟页面被后移,Convex 中不产生重复 `sort_order`。
|
||
- 当前浏览器页面不刷新,恢复后的页面行重新出现在侧边栏树中。
|
||
- 构造 `restore_parent_id` 指向缺失父节点的历史数据,恢复后返回 `fallback_reason: parent_missing_or_deleted`,并落到根目录。
|
||
|
||
局部 TypeScript 筛查:
|
||
|
||
```bash
|
||
cd /mnt/Data1T/mnote/wolai-frontend
|
||
pnpm exec tsc --noEmit --pretty false 2>&1 | rg "convex/documents.ts\\((160|161|162|163|164|165|166|167|168|169|170|171|172|173|174|175)"
|
||
```
|
||
|
||
结果:阶段 6 修改附近无新增 TypeScript 报错。全量 `tsc` 仍受仓库既有错误影响,未作为本阶段完成条件。
|
||
|
||
## 5. 待补
|
||
|
||
- React Sidebar Drawer 的恢复后 DOM focus 仍需在 React 入口可稳定渲染页面树时补浏览器证据;当前 3000 主壳 smoke 已覆盖“恢复后无需刷新可见 / reveal”,fallback 提示仍由 React Drawer 代码路径负责。
|
||
- 双浏览器 no-refresh:A 恢复页面后,B 不刷新即可看到位置变化;该项归入阶段 8 的实时刷新矩阵。
|