Packages
JayOnCode (JOC) 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 package section in this site.
How the docs are organized
| Level | What you will find |
|---|---|
| Monorepo | Getting started, philosophy, ecosystem, roadmap, playground |
| Contributor | Contribution, monorepo guide, package standards |
| Package | Guides, API, examples, FAQ, patterns, and playgrounds scoped to that package |
Start with the live package today, then explore planned libraries as they land.
Live on npm
Browser Lifecycle
@jayoncode/browser-lifecycle — typed browser session lifecycle for page visibility, window focus, connectivity, idle detection, cross-tab sync, plugins, and diagnostics.
Start here (in order):
- Overview & learning path
- Tutorial — your first session
- Visibility → Events → Session core
- Interactive playground
Object Diff
@jayoncode/object-diff — deep object comparison, structured change reporting, and JSON Patch generation for state snapshots and change tracking.
Start here (in order):
- Overview & learning path
- Tutorial — your first diff
- Diffing → Patching → Serialization
- Interactive playground
Form Intelligent
@jayoncode/form-intelligent — a headless form workflow engine for validation, submission, autosave, drafts, and multi-step wizards.
Start here (in order):
- Overview & learning path
- Tutorial — your first form
- Validation → Submission → Workflow
- Rules · Calculations · State
- Migration · Patterns
- Interactive playground
Coming soon
These packages are tracked in the monorepo and documented as stubs until they publish:
| Package | npm name | Docs |
|---|---|---|
| Request | @jayoncode/request | Overview |
| Scroll | @jayoncode/scroll | Overview |
| Keyboard | @jayoncode/keyboard | Overview |
| Responsive | @jayoncode/responsive | Overview |
| Theme | @jayoncode/theme | Overview |
| Layers | @jayoncode/layers | Overview |
| Audit | @jayoncode/audit | Overview |
| Permissions | @jayoncode/permissions | Overview |
| Workflow | @jayoncode/workflow | Overview |
New to JOC?
- Read Introduction to understand the monorepo model.
- Pick a package — start with Browser Lifecycle if you manage browser session behavior.
- Follow the roadmap for what ships next across the collection.