Playground

Explore live JOC packages in the browser. Each playground is a standalone app bundled with the docs site — open a package below to try APIs, inspect state, and validate behavior without cloning the monorepo.

◎

Live playgroundv0.1.3

Browser Lifecycle

@jayoncode/browser-lifecycle

Observe browser session lifecycle with a unified typed API.

• Visibility
• Focus
• Idle
• Cross-tab
• Lifecycle

Open playground

Playground docs ·Package docs

▤

Live playgroundv0.1.1

Form Intelligent

@jayoncode/form-intelligent

Headless form workflow engine — validation, submission, and orchestration.

• Validation
• Workflow
• Wizard
• Autosave
• Offline

Open playground

Playground docs ·Package docs

≠

Live playgroundv0.1.0

Object Diff

@jayoncode/object-diff

Fast deep comparison, change records, and JSON Patch generation.

• Diff
• Patch
• Serialize
• Snapshots

Open playground

Playground docs ·Package docs

Local development

Run a playground app directly from the monorepo when you are contributing or debugging:

pnpm browser-session-playground:dev
pnpm object-diff-playground:dev
pnpm form-intelligent-playground:dev

See each package’s playground guide for routes, deployment notes, and module-specific walkthroughs.