docs(work): close walking-skeleton story 09 (editor package)

This commit is contained in:
2026-07-12 22:24:37 +02:00
parent 9495023aed
commit 97593593f2
2 changed files with 10 additions and 12 deletions

View File

@@ -3,11 +3,12 @@ id: 09-editor-package
epic: walking-skeleton
title: editor package — React Flow board, iframe frame node, canvas-protocol client
type: technical-story
status: todo
status: done
feature: editor
depends-on: [02-core-runner-protocol]
blocks: [10-web-next-wiring]
created: 2026-07-12T10:24:14Z
updated: 2026-07-12T20:24:38.419Z
---
## Goal
@@ -44,6 +45,8 @@ The editor ↔ iframe canvas seam across the origin boundary is the third risk t
## Tasks
- [ ] Scaffold `packages/editor` (`@repo/editor`) as a green package shell using `pnpm turbo gen core-package` output as the baseline shape (adapted for a non-core package): tsconfig `rootDir: "."`, vitest config with `@` alias, conformance ESLint rules active; React 19; React Flow + zustand wired against the pre-approved `platform-retrofit` traces.
- [ ] Add the canvas-protocol client (pinned `targetOrigin` both directions; `runtime.ready`, geometry reports, click-target selection round-trip) unit-tested against a scripted agent double + the minimal zustand store holding registry + selection only.
- [ ] Add the React Flow board shell + one iframe frame node hosting the adapter origin + editor-side selection overlay rendered from agent-reported geometry; the frame renders a single Element (discovered component, default props) requested via `render-frame`; pan/zoom stays editor-side (< 16 ms/frame, no protocol round-trip on drag); stories + component tests for board/frame/overlay.
- [x] Scaffold `packages/editor` (`@repo/editor`) as a green package shell using `pnpm turbo gen core-package` output as the baseline shape (adapted for a non-core package): tsconfig `rootDir: "."`, vitest config with `@` alias, conformance ESLint rules active; React 19; React Flow + zustand wired against the pre-approved `platform-retrofit` traces.
- [x] Add the canvas-protocol client (pinned `targetOrigin` both directions; `runtime.ready`, geometry reports, click-target selection round-trip) unit-tested against a scripted agent double + the minimal zustand store holding registry + selection only.
- [x] Add the React Flow board shell + one iframe frame node hosting the adapter origin + editor-side selection overlay rendered from agent-reported geometry; the frame renders a single Element (discovered component, default props) requested via `render-frame`; pan/zoom stays editor-side (< 16 ms/frame, no protocol round-trip on drag); stories + component tests for board/frame/overlay.
_Landed: c42eca5 + c2f56ac + 9495023, reviewer-approved on all nine checks — targetOrigin pinned both directions with constructor validation, empty-useCases manifest verified legitimate against all four conformance rules, zero protocol traffic on pan/zoom proven by real postMessage spies. 70 tests, ~99% coverage._