Playground

Explore the JOC Ecosystem 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. Every package is thoroughly documented and backed by these interactive labs for a consistent developer experience.

Live playgroundv0.3.2

Browser Lifecycle

@jayoncode/browser-lifecycle

Observe browser state. Derive session intelligence. React with confidence.

• Observe
• Understand
• React
• Timeline
• Insights

Open playground

Playground docs ·Package docs

Live playgroundv3.9.1

Form Intelligence

@jayoncode/form-intelligence

Declare the workflow. Keep the markup. Submit with confidence.

• Declare
• Orchestrate
• Submit
• Rules
• Drafts

Open playground

Playground docs ·Package docs

Live playgroundv0.3.3

Object Diff

@jayoncode/object-diff

Stop guessing what changed. Get paths, patches, and review-ready output.

• Compare
• Review
• Patch
• Merge
• DiffView

Open playground

Playground docs ·Package docs

Live playgroundv0.3.0

Storage

@jayoncode/storage

Namespace it. Expire it. Upgrade it — without localStorage glue.

• Adapters
• TTL
• IndexedDB
• Quota
• Transforms

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-intelligence-playground:dev
pnpm storage-playground:dev

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