The site is the document
The homepage is not a Markdown lookalike. It is a frozen
DesignerBootstrap rendered by the same Corvert Designer that
dealerships use. The host is a full-viewport iframe plus overlay chrome.
View mode and edit mode are one canvas.
Why production stays behind Clerk
The real editor loads a workspace page with a JWT, OCC document saves, and
publish jobs. Iframing designer.valta.site would require a
shared login and would let strangers write a live tenant. The playground
hydrates from static JSON, sets capabilities.autosave/publish = false,
and no-ops save. Uploads and other API calls throw before a
token is attached.
Embed protocol
The host posts origin-checked enter-edit, exit-edit,
and reset messages. The iframe replies with ready
and mode. CSP frame-ancestors on /playground
allows only this host (plus a placeholder personal domain). Clerk JWT
handoff and dashboard token CORS are not reused.
Theme artifacts
The canvas CSS comes from the Atelier theme — HUD tokens from the glasses
handoff (Space Grotesk, amber signal, transparent page so the glass lattice
shows through). A snapshot script writes
apps/designer/public/playground/portfolio-bootstrap.json so the
live page and the editor cannot drift after a redesign. Edit copy in the
playground; the 3D lattice is playground chrome, not document JS.
What I would do next
- Replace placeholder copy, domain, and contact with the real studio identity.
- Author the homepage in the authenticated designer, then re-run the snapshot.
- Optionally add a second fixture for a dealer homepage — not this MVP.
This repo is a pnpm workspace: pnpm dev starts the host and the playground together.