LOCAL-DRAFT PREVIEW

Compose a loyalty experience visually.

Understand the current schema-driven, device-local builder scope, its safe architecture, and what is deliberately not promised yet.

Developer docs · no accountSandbox firstContract version 1.2.0

PREVIEW SCOPE

A visual editor for device-local design decisions.

Widget Studio is intentionally narrow: compose supported blocks, edit safe properties, preview responsive layouts, validate the schema, and export or import a local draft.

In preview scope

Schema-driven block palette
Order and property editing
Theme tokens
Responsive preview
Device-local draft persistence
JSON import and export

Not generally available

Hosted storefront runtime
Published React, iOS, or Android package
Cloud draft collaboration
Production data binding
Remote deployment or rollback
Guaranteed schema compatibility

BUILDER WORKFLOW

Five visible steps, one inspectable artifact.

1
Choose
Add a supported block rather than an arbitrary executable component.
2
Configure
Edit allow-listed content, display flags, and design tokens.
3
Arrange
Move blocks through the document order with keyboard-accessible controls as well as pointer input.
4
Preview
Inspect narrow and wide surfaces with empty, loading, error, and populated states.
5
Validate & export
Fix schema and accessibility findings, then export a versioned JSON draft.

QUALITY GATES

A pretty preview is not enough.

Every block has a unique ID

The document declares a supported schema version

Text and controls meet contrast targets

Keyboard order follows visual order

Loading, empty, error, and success states exist

No credential or customer record is stored in the draft

HONEST HANDOFF

What a local draft means.

The exported document should be reviewed like source code: version it, inspect changes, run accessibility checks, and never treat local browser storage as a merchant system of record.