Skip to content

Harvested moss interface bank

These files preserve real moss interface states for the landing page and documentation. Reuse them before drawing a substitute interface.

FileStateIntended reuse
editor.htmlSelf-contained harvested editor with mock data and local command adaptersLive editor scenes and interaction reference
app-editor.htmlSelf-contained harvest of the app's own editor.html + editor-main.ts, with only the Tauri seams mocked — opening files, saving, the app's menus, and versions mode are the app's own code, backed by a real in-memory project per locale (?lang=en a William Blake project, ?lang=zh-hant/zh-hans a 朱耷 project)The docs demo (demo/); frames editor-main-only behavior (versions mode, real context menus, creating pages, saving/loading templates) the hand-assembled editor.html cannot
[email protected]Static editor capture, 880 × 1120Fallback when the HTML scene is too heavy or its interaction is irrelevant
shell.htmlSelf-contained harvested preview/publish shellLive preview and publish scenes
[email protected]Static preview capture, 1760 × 1120Static preview fallback
mark.svgmoss mark used by the harvested shellInterface chrome only
demo/<moss-editor-demo> + <moss-demo-marker> — the one editor a documentation page shows, and the markers that hand it a sceneUser-started documentation demos around a harvested fixture; see demo/README.md

The editor guide uses ../assets/guides/editor-ui-source.png and ../assets/guides/choose-page-source.png directly. capture-manifest.json records the desktop source commit, source paths, visible states, and derivation. The older editor-map.svg documentation montage remains in the bank but is not used by the guide.

Refresh recipe

  1. Rebuild or export the desktop editor and preview as self-contained HTML, preserving the app CSS, icons, locale strings, mock command boundary, and the exact state being documented.
  2. Serve site/ through the native moss preview, then run PLAYWRIGHT_MODULE=/path/to/node_modules/playwright/index.mjs node scripts/capture-editor-guide-assets.mjs --preview=http://localhost:PORT/. When Playwright is installed in this repository, omit PLAYWRIGHT_MODULE.
  3. The script sets and focuses the sample through window.__editor, captures the compact editor state, clicks the real breadcrumb summary, waits for the expanded tree, captures that state, and closes the browser in finally.
  4. Update capture-manifest.json with the source commit and visible state. Never animate a gesture the harvested state does not implement.

Current state manifest

The source manifest distinguishes the captured fixture's commit from the desktop commit used to verify the written instructions.

moss