Skip to content

Packages

JayOnCode™’s JOC Ecosystem is a monorepo of focused TypeScript packages. Each @jayoncode/* library solves one developer problem well, ships on its own version line, and documents under its own section on this site — framework-agnostic, thoroughly documented, and backed by interactive playgrounds.

Today: four packages with docs and playgrounds. Next: additional libraries — to be announced.

How the docs are organized

LevelWhat you will find
MonorepoGetting started, philosophy, ecosystem, roadmap, playground
ContributorContribution, monorepo guide, package standards
PackageGuides, API, examples, FAQ, patterns, and playgrounds scoped to that package

Start with a live package below. New libraries will appear here when they ship.

Live on npm

Browser Lifecycle

@jayoncode/browser-lifecycle — observe browser state, derive session intelligence, react with confidence. One session, one snapshot, one event stream — without scattering listeners across the app.

Start here (in order):

  1. Overview & learning path
  2. Tutorial — your first session
  3. VisibilityEventsSession core
  4. Interactive playground

Object Diff

@jayoncode/object-diff — stop guessing what changed. Get paths, patches, and review-ready output (DiffView) — snapshot merge optional, not a CRDT runtime.

Start here (in order):

  1. Overview & learning path
  2. Tutorial — your first diff
  3. DiffingPatchingSerializationEngines
  4. Interactive playground

Form Intelligence

@jayoncode/form-intelligence — declare the workflow, keep the markup, submit with confidence. Validation, when() rules, drafts, and safe submit in one headless engine.

Start here (in order):

  1. Overview & learning path
  2. Tutorial — your first form
  3. ValidationSubmissionWorkflow
  4. Rules · Calculations · State
  5. Migration · Patterns
  6. Interactive playground

Storage

@jayoncode/storage — namespace it, expire it, upgrade it — without localStorage glue. Explicit backends: memory / localStorage / sessionStorage / IndexedDB.

Start here (in order):

  1. Overview & learning path
  2. TutorialConceptsRecipes
  3. Core · Errors · Best practices
  4. Advanced: MaintenanceAsync · Cross-tab · Quota · Transforms
  5. Interactive playground

What’s next

Additional @jayoncode/* packages will be announced as they enter active development. We won’t list unreleased package names here — watch the roadmap, GitHub Discussions, and this catalog when new libraries ship.

New to the JOC Ecosystem?

  1. Read Introduction — what JayOnCode™ and the JOC Ecosystem are.
  2. Skim Philosophy — why packages stay independent.
  3. Pick a library from this catalog (or try the playground).
  4. Follow the roadmap for what’s next — and contribute if you want to help.

An ecosystem of independent, headless TypeScript libraries engineered for modern web development. Every package includes interactive playgrounds and documentation that evolves alongside the code.