Skip to content

JOC Ecosystem

JayOnCode™ ships the JOC Ecosystem: independent, headless TypeScript libraries for modern web apps — framework-agnostic, thoroughly documented, and backed by interactive playgrounds.

It is one repository, many libraries. It is not a single runtime you install — it is a monorepo of @jayoncode/* packages that share standards, tooling, and documentation, while remaining independently versioned on npm.

At a glance

text
Your app (React / Vue / Angular / Svelte / vanilla)

  @jayoncode/* packages  (+ optional framework adapters)

  Headless TypeScript cores (typed · tree-shakeable · SSR-aware)

Repository map

AreaPurpose
packages/Public libraries (@jayoncode/*) and internal shared code
apps/Docs site and interactive playgrounds
examples/Framework integration demos
templates/Package blueprint every new library starts from
engineering/Architecture, versioning, and operational policy
.github/CI, templates, and automation

Live surface area

PackageDocsPlayground
Browser Lifecycle/packages/browser-lifecycle/Open
Form Intelligence/packages/form-intelligence/Open
Object Diff/packages/object-diff/Open
Storage/packages/storage/Open

Upcoming libraries will be announced as they enter development — see the roadmap. They appear under Packages when they ship.

Documentation model

Monorepo layer (JayOnCode™ / JOC Ecosystem)

Package layer

Each live package owns /packages/<name>/:

  • Overview and learning path
  • Guides, API reference, examples, FAQ
  • Versioned archives for published releases
  • Playground entry when interactive docs apply

Source docs live next to package code and sync into this VitePress site — so API truth and prose stay aligned.

Growth model

New packages follow the same path:

  1. Scaffold from templates/package-template/
  2. Meet package standards and blueprint checks
  3. Ship docs + (usually) a playground
  4. Version with Changesets; archive docs on release

That keeps the collection coherent as the JOC Ecosystem expands — without forcing consumers onto a single mega-version.

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