Skip to content
Luthor Docs

Demo App Getting Started (`apps/demo`)

Demo App Getting Started (apps/demo)

Section titled “Demo App Getting Started (apps/demo)”

This guide is for users and contributors who want to run the demo app locally and validate editor features.

What the demo provides

Section titled “What the demo provides”

The demo showcases:

  • @lyfie/luthor extensive preset integration
  • feature coverage visualization of installed extensions
  • visual/JSONB persistence round-trip controls
  • theme switching and copy/export helper actions

Versions and dependencies

Section titled “Versions and dependencies”

From apps/demo/package.json:

  • app version: 0.0.0 (private workspace app)
  • React: ^19.2.0
  • React DOM: ^19.2.0
  • workspace packages: @lyfie/luthor, @lyfie/luthor-headless
  • Vite: ^7.3.1
  • TypeScript: ~5.9.3
  • Wrangler: ^4.66.0

Run locally

Section titled “Run locally”

From repository root:

Terminal window
pnpm --filter demo dev

Or from apps/demo:

Terminal window
pnpm dev

Build and preview

Section titled “Build and preview”
Terminal window
pnpm --filter demo build
pnpm --filter demo preview

Lint

Section titled “Lint”
Terminal window
pnpm --filter demo lint

Deploy (Cloudflare Worker)

Section titled “Deploy (Cloudflare Worker)”
Terminal window
pnpm --filter demo deploy

This runs build then wrangler deploy. Ensure Cloudflare auth and Wrangler environment are configured.

Feature walkthrough

Section titled “Feature walkthrough”
  1. Load seeded JSONB content from top bar action.
  2. Explore feature coverage groups rendered from extension metadata.
  3. Save JSONB payload from persistence panel.
  4. Modify/copy payload and restore content to test round-trip behavior.
Section titled “Related docs”