Skip to content
Tesseron

All examples

All six examples live in examples/. Each is complete, runnable, and intentionally simple so the Tesseron-specific code is easy to read. Client-side examples share a todo domain; server-side examples share a sampling-heavy prompt-library domain.

vanilla-todo Zero-framework baseline. Start here.
node-prompts Headless Node prompt library. No browser.
express-prompts HTTP REST + MCP on the same Node process.
react-todo React 18 + `@tesseron/react` hooks.
svelte-todo Svelte 5 runes (`$state`, `$derived`).
vue-todo Vue 3 composition API.

Feature matrix

Section titled “Feature matrix”
Featurevanillanodeexpressreactsveltevue
Basic actions✅✅✅✅✅✅
Subscribable resources✅✅✅✅✅✅
Annotations (destructive, requiresConfirmation, readOnly)✅✅✅✅✅✅
Zod input validation✅✅✅✅✅✅
ctx.confirm✅✅✅✅✅✅
ctx.elicit with schema✅✅✅✅✅✅
ctx.progress✅✅✅✅✅✅
ctx.sample✅✅ (first-class)✅ (first-class)✅✅✅
Framework hooks✗-✗✅✗✗
Runs in the browser✅✗✗✅✅✅
Runs in Node✗✅✅✗✗✗
Parallel REST API✗✗✅✗✗✗
Section titled “Recommended reading order”
  1. vanilla-todo - plain DOM, no framework. The SDK's builder API with nothing in the way.
  2. node-prompts - a headless prompt library on Node. Shows the same builder API on the server, with ctx.sample and ctx.elicit as the center of the domain.
  3. express-prompts - the same prompt library plus a REST API. Demonstrates "same state, two channels": HTTP writes fire Tesseron resource notifications and vice versa.
  4. react-todo - hooks-based integration.
  5. svelte-todo - mutation via $state runes.
  6. vue-todo - mutation via ref().value / computed().

Running any of them

Section titled “Running any of them”
Terminal window
git clone https://github.com/BrainBlend-AI/tesseron
cd tesseron
pnpm install
pnpm --filter <example-name> dev

Then claim the session from your agent - see the quickstart if you haven't already.