ajo 0.1.29 → 0.1.30

package/dist/html.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./context.cjs"),m=new Set(["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),b=Symbol.for("ajo.args"),p=e=>e.replace(/[&<>"']/g,r=>`&#${r.charCodeAt(0)};`),o=()=>{},v=e=>[...y(e)].join(""),y=function*(e,{alloc:r=o,push:t=o,placeholder:n=o}={}){for(e of f(e,{alloc:r,push:t,placeholder:n}))typeof e=="string"?yield p(e):yield*w(e,{alloc:r,push:t,placeholder:n})},w=function*({nodeName:e,children:r,...t},n){let l="";for(const i in t)i.startsWith("set:")||t[i]==null||t[i]===!1||(t[i]===!0?l+=` ${i}`:l+=` ${i}="${p(String(t[i]))}"`);m.has(e)?yield`<${e}${l}>`:(yield`<${e}${l}>`,r!=null&&(yield*y(r,n)),yield`</${e}>`)},f=function*(e,r){if(e==null)return;const t=typeof e;if(t!="boolean")if(t=="string")yield e;else if(t=="number"||t=="bigint")yield String(e);else if(Symbol.iterator in e)for(e of e)yield*f(e,r);else"nodeName"in e?typeof e.nodeName=="function"?yield*$(e,r):yield a(e,r):yield String(e)},$=function*({nodeName:e,fallback:r=e.fallback,...t},n){const l=e.constructor.name;e.src?yield S(e.src,t,n):l=="GeneratorFunction"?yield x(e,t,n):l=="AsyncGeneratorFunction"?yield A(e,r,t,n):(t=e(t),typeof t?.then=="function"?yield j(r,t,n):yield*f(t,n))},S=(e,r,t)=>{const n=t.alloc();return t.push({id:n,src:e,h:a(r,t),done:!0}),t.placeholder(n)},x=(e,r,t)=>{const n={...e.attrs},l={...e.args};for(const c in r)c.startsWith("attr:")?n[c.slice(5)]=r[c]:c=="key"||c=="skip"||c=="memo"||c=="ref"||c.startsWith("set:")?n[c]=r[c]:l[c]=r[c];const i={[u.Context]:Object.create(u.current()?.[u.Context]??null),[b]:l,next:o,return:o,throw:c=>{throw c}},s=e.call(i,l),g=u.current();u.current(i);const d=c=>({...n,nodeName:e.is??"div",...a({children:c},t)});try{return d(s.next().value)}catch(c){return d(s.throw(c).value)}finally{s.return?.(),u.current(g)}},A=(e,r,t,n)=>{const l=n.alloc();return Promise.resolve().then(async()=>{const i=e(t);n={...n,alloc:(s=l)=>n.alloc(s)};try{for(t=await i.next();!t.done;)n.push({id:l,h:a(t.value,n),done:!1}),t=await i.next();n.push({id:l,h:a(t.value,n),done:!0})}catch(s){n.push({id:l,h:a(s,n),done:!0})}finally{i.return?.()}}),n.placeholder(l,r)},j=(e,r,t)=>{const n=t.alloc();return r.then(l=>t.push({id:n,h:a(l,{...t,alloc:(i=n)=>t.alloc(i)}),done:!0})),t.placeholder(n,e)},a=({key:e,skip:r,memo:t,ref:n,...l},i)=>{if("children"in l){const s=[...f(l.children,i)];s.length?l.children=s.length==1?s[0]:s:delete l.children}return l};exports.html=y;exports.render=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./context.cjs"),m=new Set(["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),b=Symbol.for("ajo.args"),y=e=>e.replace(/[&<>"']/g,r=>`&#${r.charCodeAt(0)};`),f=()=>{},p=e=>[...a(e)].join(""),a=function*(e){for(e of c(e))typeof e=="string"?yield y(e):yield*k(e)},k=function*({nodeName:e,children:r,...i}){let o="";for(const n in i)n.startsWith("set:")||i[n]==null||i[n]===!1||(i[n]===!0?o+=` ${n}`:o+=` ${n}="${y(String(i[n]))}"`);m.has(e)?yield`<${e}${o}>`:(yield`<${e}${o}>`,r!=null&&(yield*a(r)),yield`</${e}>`)},c=function*(e){if(e==null)return;const r=typeof e;if(r!="boolean")if(r=="string")yield e;else if(r=="number"||r=="bigint")yield String(e);else if(Symbol.iterator in e)for(e of e)yield*c(e);else"nodeName"in e?typeof e.nodeName=="function"?yield*$(e):yield d(e):yield String(e)},$=function*({nodeName:e,fallback:r=e.fallback,...i}){e.constructor.name=="GeneratorFunction"?yield S(e,i):yield*c(e(i))},S=(e,r)=>{const i={...e.attrs},o={...e.args};for(const t in r)t.startsWith("attr:")?i[t.slice(5)]=r[t]:t=="key"||t=="skip"||t=="memo"||t=="ref"||t.startsWith("set:")?i[t]=r[t]:o[t]=r[t];const n={[s.Context]:Object.create(s.current()?.[s.Context]??null),[b]:o,next:f,return:f,throw:t=>{throw t}},l=e.call(n,o),g=s.current();s.current(n);const u=t=>({...i,nodeName:e.is??"div",...d({children:t})});try{return u(l.next().value)}catch(t){return u(l.throw(t).value)}finally{l.return?.(),s.current(g)}},d=({key:e,skip:r,memo:i,ref:o,...n})=>{if("children"in n){const l=[...c(n.children)];l.length?n.children=l.length==1?l[0]:l:delete n.children}return n};exports.html=a;exports.render=p;

package/dist/html.js

@@ -1,75 +1,53 @@
-import { Context as d, current as o } from "./context.js";
-const b = /* @__PURE__ */ new Set(["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), w = /* @__PURE__ */ Symbol.for("ajo.args"), p = (e) => e.replace(/[&<>"']/g, (r) => `&#${r.charCodeAt(0)};`), u = () => {
-}, W = (e) => [...g(e)].join(""), g = function* (e, { alloc: r = u, push: t = u, placeholder: n = u } = {}) {
-  for (e of f(e, { alloc: r, push: t, placeholder: n }))
-    typeof e == "string" ? yield p(e) : yield* $(e, { alloc: r, push: t, placeholder: n });
-}, $ = function* ({ nodeName: e, children: r, ...t }, n) {
-  let l = "";
-  for (const i in t)
-    i.startsWith("set:") || t[i] == null || t[i] === !1 || (t[i] === !0 ? l += ` ${i}` : l += ` ${i}="${p(String(t[i]))}"`);
-  b.has(e) ? yield `<${e}${l}>` : (yield `<${e}${l}>`, r != null && (yield* g(r, n)), yield `</${e}>`);
-}, f = function* (e, r) {
+import { Context as f, current as s } from "./context.js";
+const p = /* @__PURE__ */ new Set(["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), b = /* @__PURE__ */ Symbol.for("ajo.args"), y = (e) => e.replace(/[&<>"']/g, (n) => `&#${n.charCodeAt(0)};`), u = () => {
+}, v = (e) => [...d(e)].join(""), d = function* (e) {
+  for (e of c(e))
+    typeof e == "string" ? yield y(e) : yield* k(e);
+}, k = function* ({ nodeName: e, children: n, ...i }) {
+  let o = "";
+  for (const r in i)
+    r.startsWith("set:") || i[r] == null || i[r] === !1 || (i[r] === !0 ? o += ` ${r}` : o += ` ${r}="${y(String(i[r]))}"`);
+  p.has(e) ? yield `<${e}${o}>` : (yield `<${e}${o}>`, n != null && (yield* d(n)), yield `</${e}>`);
+}, c = function* (e) {
   if (e == null) return;
-  const t = typeof e;
-  if (t != "boolean")
-    if (t == "string") yield e;
-    else if (t == "number" || t == "bigint") yield String(e);
-    else if (Symbol.iterator in e) for (e of e) yield* f(e, r);
-    else "nodeName" in e ? typeof e.nodeName == "function" ? yield* v(e, r) : yield a(e, r) : yield String(e);
-}, v = function* ({ nodeName: e, fallback: r = e.fallback, ...t }, n) {
-  const l = e.constructor.name;
-  e.src ? yield x(e.src, t, n) : l == "GeneratorFunction" ? yield S(e, t, n) : l == "AsyncGeneratorFunction" ? yield A(e, r, t, n) : (t = e(t), typeof t?.then == "function" ? yield G(r, t, n) : yield* f(t, n));
-}, x = (e, r, t) => {
-  const n = t.alloc();
-  return t.push({ id: n, src: e, h: a(r, t), done: !0 }), t.placeholder(n);
-}, S = (e, r, t) => {
-  const n = { ...e.attrs }, l = { ...e.args };
-  for (const c in r)
-    c.startsWith("attr:") ? n[c.slice(5)] = r[c] : c == "key" || c == "skip" || c == "memo" || c == "ref" || c.startsWith("set:") ? n[c] = r[c] : l[c] = r[c];
-  const i = {
-    [d]: Object.create(o()?.[d] ?? null),
-    [w]: l,
+  const n = typeof e;
+  if (n != "boolean")
+    if (n == "string") yield e;
+    else if (n == "number" || n == "bigint") yield String(e);
+    else if (Symbol.iterator in e) for (e of e) yield* c(e);
+    else "nodeName" in e ? typeof e.nodeName == "function" ? yield* $(e) : yield m(e) : yield String(e);
+}, $ = function* ({ nodeName: e, fallback: n = e.fallback, ...i }) {
+  e.constructor.name == "GeneratorFunction" ? yield w(e, i) : yield* c(e(i));
+}, w = (e, n) => {
+  const i = { ...e.attrs }, o = { ...e.args };
+  for (const t in n)
+    t.startsWith("attr:") ? i[t.slice(5)] = n[t] : t == "key" || t == "skip" || t == "memo" || t == "ref" || t.startsWith("set:") ? i[t] = n[t] : o[t] = n[t];
+  const r = {
+    [f]: Object.create(s()?.[f] ?? null),
+    [b]: o,
     next: u,
     return: u,
-    throw: (c) => {
-      throw c;
+    throw: (t) => {
+      throw t;
     }
-  }, s = e.call(i, l), m = o();
-  o(i);
-  const y = (c) => ({ ...n, nodeName: e.is ?? "div", ...a({ children: c }, t) });
+  }, l = e.call(r, o), g = s();
+  s(r);
+  const a = (t) => ({ ...i, nodeName: e.is ?? "div", ...m({ children: t }) });
   try {
-    return y(s.next().value);
-  } catch (c) {
-    return y(s.throw(c).value);
+    return a(l.next().value);
+  } catch (t) {
+    return a(l.throw(t).value);
   } finally {
-    s.return?.(), o(m);
+    l.return?.(), s(g);
   }
-}, A = (e, r, t, n) => {
-  const l = n.alloc();
-  return Promise.resolve().then(async () => {
-    const i = e(t);
-    n = { ...n, alloc: (s = l) => n.alloc(s) };
-    try {
-      for (t = await i.next(); !t.done; )
-        n.push({ id: l, h: a(t.value, n), done: !1 }), t = await i.next();
-      n.push({ id: l, h: a(t.value, n), done: !0 });
-    } catch (s) {
-      n.push({ id: l, h: a(s, n), done: !0 });
-    } finally {
-      i.return?.();
-    }
-  }), n.placeholder(l, r);
-}, G = (e, r, t) => {
-  const n = t.alloc();
-  return r.then((l) => t.push({ id: n, h: a(l, { ...t, alloc: (i = n) => t.alloc(i) }), done: !0 })), t.placeholder(n, e);
-}, a = ({ key: e, skip: r, memo: t, ref: n, ...l }, i) => {
-  if ("children" in l) {
-    const s = [...f(l.children, i)];
-    s.length ? l.children = s.length == 1 ? s[0] : s : delete l.children;
+}, m = ({ key: e, skip: n, memo: i, ref: o, ...r }) => {
+  if ("children" in r) {
+    const l = [...c(r.children)];
+    l.length ? r.children = l.length == 1 ? l[0] : l : delete r.children;
   }
-  return l;
+  return r;
 };
 export {
-  g as html,
-  W as render
+  d as html,
+  v as render
 };

package/package.json

@@ -1,60 +1,55 @@
 {
-  "name": "ajo",
-  "version": "0.1.29",
-  "description": "ajo is a JavaScript view library for building user interfaces",
-  "type": "module",
-  "types": "./types.ts",
-  "module": "./dist/index.js",
-  "main": "./dist/index.cjs",
-  "exports": {
-    ".": {
-      "types": "./types.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./context": {
-      "types": "./types.ts",
-      "import": "./dist/context.js",
-      "require": "./dist/context.cjs"
-    },
-    "./html": {
-      "types": "./types.ts",
-      "import": "./dist/html.js",
-      "require": "./dist/html.cjs"
-    },
-    "./stream": {
-      "types": "./types.ts",
-      "import": "./dist/stream.js",
-      "require": "./dist/stream.cjs"
-    }
-  },
-  "files": [
-    "dist",
-    "types.ts"
-  ],
-  "devDependencies": {
-    "@types/node": "25.0.9",
-    "happy-dom": "20.3.1",
-    "vite": "7.3.1",
-    "vite-tsconfig-paths": "6.0.4",
-    "vitest": "4.0.17"
-  },
-  "keywords": [
-    "ui",
-    "frontend",
-    "web",
-    "dom",
-    "jsx"
-  ],
-  "repository": "cristianfalcone/ajo",
-  "author": "Cristian Falcone",
-  "license": "ISC",
-  "bugs": "https://github.com/cristianfalcone/ajo/issues",
-  "homepage": "https://github.com/cristianfalcone/ajo#readme",
-  "scripts": {
-    "test": "vitest --run",
-    "build": "vite build",
-    "bump": "pnpm version patch && git push && git push --tags",
-    "release": "pnpm test && pnpm build && pnpm bump && pnpm publish"
-  }
-}
+	"name": "ajo",
+	"version": "0.1.30",
+	"description": "ajo is a JavaScript view library for building user interfaces",
+	"type": "module",
+	"types": "./types.ts",
+	"module": "./dist/index.js",
+	"main": "./dist/index.cjs",
+	"exports": {
+		".": {
+			"types": "./types.ts",
+			"import": "./dist/index.js",
+			"require": "./dist/index.cjs"
+		},
+		"./context": {
+			"types": "./types.ts",
+			"import": "./dist/context.js",
+			"require": "./dist/context.cjs"
+		},
+		"./html": {
+			"types": "./types.ts",
+			"import": "./dist/html.js",
+			"require": "./dist/html.cjs"
+		}
+	},
+	"files": [
+		"dist",
+		"types.ts"
+	],
+	"scripts": {
+		"test": "vitest --run",
+		"build": "vite build",
+		"bump": "pnpm version patch && git push && git push --tags",
+		"release": "pnpm test && pnpm build && pnpm bump && pnpm publish"
+	},
+	"devDependencies": {
+		"@types/node": "25.2.3",
+		"happy-dom": "20.6.1",
+		"vite": "7.3.1",
+		"vite-tsconfig-paths": "6.1.1",
+		"vitest": "4.0.18"
+	},
+	"keywords": [
+		"ui",
+		"frontend",
+		"web",
+		"dom",
+		"jsx"
+	],
+	"repository": "cristianfalcone/ajo",
+	"author": "Cristian Falcone",
+	"license": "ISC",
+	"bugs": "https://github.com/cristianfalcone/ajo/issues",
+	"homepage": "https://github.com/cristianfalcone/ajo#readme"
+}

package/readme.md

@@ -13,11 +13,10 @@
   </a>
 </div>
 
-A modern JavaScript library for building user interfaces with generator-based state management, efficient DOM updates, and streaming server-side rendering.
+A modern JavaScript library for building user interfaces with generator-based state management and efficient DOM updates.
 
 - **Generator-Based Components**: Use `function*` for stateful components with built-in lifecycle
 - **Efficient DOM Updates**: In-place reconciliation minimizes DOM manipulation
-- **Streaming SSR**: Progressive rendering with selective hydration (islands)
 
 ## Quick Start
 
@@ -29,6 +28,7 @@ npm install ajo
 import { render } from 'ajo'
 
 function* Counter() {
+
   let count = 0
 
   while (true) yield (
@@ -91,6 +91,7 @@ Generator functions with automatic wrapper elements. The structure provides a na
 
 ```javascript
 function* TodoList() {
+
   let todos = []
   let text = ''
 
@@ -102,6 +103,7 @@ function* TodoList() {
   })
 
   while (true) {
+
     const count = todos.length
 
     yield (
@@ -127,6 +129,7 @@ Call `this.next()` to trigger a re-render. The optional callback receives curren
 
 ```javascript
 function* Stepper(args) {
+
   let count = 0
 
   // Access current props in callback
@@ -159,7 +162,9 @@ Use `try...finally` for cleanup when the component unmounts:
 
 ```javascript
 function* Clock() {
+
   let time = new Date()
+
   const interval = setInterval(() => this.next(() => time = new Date()), 1000)
 
   try {
@@ -223,6 +228,7 @@ function* ErrorBoundary(args) {
 
 ```javascript
 function* AutoFocus() {
+
   let input = null
 
   while (true) yield (
@@ -251,6 +257,7 @@ timer?.next()  // trigger re-render from outside
 
 ```javascript
 function* Chart(args) {
+
   let chart = null
 
   while (true) yield (
@@ -292,6 +299,7 @@ const Card = ({ title }) => {
 
 // Stateful - write inside loop (updates each render)
 function* ThemeProvider(args) {
+
   let theme = 'light'
 
   while (true) {
@@ -318,6 +326,7 @@ function* FixedTheme(args) {
 
 ```javascript
 function* UserProfile(args) {
+
   let data = null, error = null, loading = true
 
   fetch(`/api/users/${args.id}`)
@@ -336,41 +345,8 @@ function* UserProfile(args) {
 ## Server-Side Rendering
 
 ```javascript
-// Static
 import { render } from 'ajo/html'
 const html = render(<App />)
-
-// Streaming
-import { stream } from 'ajo/stream'
-for await (const chunk of stream(<App />)) res.write(chunk)
-
-// Hydration (client-side)
-import { hydrate } from 'ajo/stream'
-window.$stream = { push: hydrate }
-```
-
-### Islands Architecture
-
-```javascript
-function* Interactive() {
-  let count = 0
-  while (true) yield (
-    <button set:onclick={() => this.next(() => count++)}>
-      {count}
-    </button>
-  )
-}
-
-Interactive.src = '/islands/interactive.js'  // hydrate on client
-
-const Page = () => (
-  <html>
-    <body>
-      <p>Static content</p>
-      <Interactive fallback={<button>0</button>} />
-    </body>
-  </html>
-)
 ```
 
 ## TypeScript
@@ -388,6 +364,7 @@ const Card: Stateless<CardProps> = ({ title, children }) => (
 type CounterProps = { initial: number; step?: number }
 
 const Counter: Stateful<CounterProps, 'section'> = function* (args) {
+
   let count = args.initial
 
   while (true) {
@@ -423,12 +400,6 @@ let ref: ThisParameterType<typeof Counter> | null = null
 |--------|-------------|
 | `render(children)` | Render to HTML string |
 
-### `ajo/stream`
-| Export | Description |
-|--------|-------------|
-| `stream(children)` | Async iterator for streaming SSR |
-| `hydrate(patch)` | Apply streamed patch on client |
-
 ### Stateful `this`
 | Method | Description |
 |--------|-------------|

package/types.ts

@@ -80,27 +80,8 @@ declare module 'ajo/context' {
 }
 
 declare module 'ajo/html' {
-
-	type Patch = {
-		id: string,
-		h: import('ajo').Children,
-		src?: string,
-		done: boolean,
-	}
-
-	type Hooks = {
-		alloc?: (parentId: string) => string,
-		placeholder?: (id: string, children: import('ajo').Children) => unknown,
-		push?: (patch: Patch) => void,
-	}
-
 	function render(h: import('ajo').Children): string
-	function html(h: import('ajo').Children, hooks?: Hooks): IterableIterator<string>
-}
-
-declare module 'ajo/stream' {
-	function stream(h: import('ajo').Children): AsyncIterableIterator<string>
-	function hydrate(patch: import('ajo/html').Patch): Promise<void>
+	function html(h: import('ajo').Children): IterableIterator<string>
 }
 
 declare namespace JSX {

package/dist/stream.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index.cjs"),m=require("./html.cjs"),y=async function*(o,n=""){const s=new Map([[n,0]]),t=new Set,i=[],r=(e=n)=>(s.set(e,(s.get(e)??0)+1),e?`${e}:${s.get(e)-1}`:String(s.get(e)-1)),h=(e,c)=>({nodeName:"div","data-ssr":e,children:c}),f=e=>{const c=Promise.resolve(`<script>window.$stream?.push(${JSON.stringify(e)})<\/script>`);t.add(c),c.then(u=>i.push(u)).finally(()=>t.delete(c))};for(const e of m.html(o,{alloc:r,placeholder:h,push:f}))yield e;for(;t.size||i.length;){for(;i.length;)yield i.shift();t.size&&await Promise.race(t)}},d=new Set;async function l({id:o,src:n,h:s}){const t=document.querySelector(`[data-ssr="${o}"]`);if(!t)return d.add({id:o,src:n,h:s});n?a.render(a.h((await import(n)).default,s),t):a.render(s,t);const i=o+":";for(const r of d)r.id.startsWith(i)&&(d.delete(r),l(r))}exports.hydrate=l;exports.stream=y;

package/dist/stream.js

@@ -1,24 +0,0 @@
-import { render as l, h as m } from "./index.js";
-import { html as u } from "./html.js";
-const y = async function* (i, n = "") {
-  const s = /* @__PURE__ */ new Map([[n, 0]]), e = /* @__PURE__ */ new Set(), o = [], c = (t = n) => (s.set(t, (s.get(t) ?? 0) + 1), t ? `${t}:${s.get(t) - 1}` : String(s.get(t) - 1)), d = (t, r) => ({ nodeName: "div", "data-ssr": t, children: r }), f = (t) => {
-    const r = Promise.resolve(`<script>window.$stream?.push(${JSON.stringify(t)})<\/script>`);
-    e.add(r), r.then((h) => o.push(h)).finally(() => e.delete(r));
-  };
-  for (const t of u(i, { alloc: c, placeholder: d, push: f })) yield t;
-  for (; e.size || o.length; ) {
-    for (; o.length; ) yield o.shift();
-    e.size && await Promise.race(e);
-  }
-}, a = /* @__PURE__ */ new Set();
-async function p({ id: i, src: n, h: s }) {
-  const e = document.querySelector(`[data-ssr="${i}"]`);
-  if (!e) return a.add({ id: i, src: n, h: s });
-  n ? l(m((await import(n)).default, s), e) : l(s, e);
-  const o = i + ":";
-  for (const c of a) c.id.startsWith(o) && (a.delete(c), p(c));
-}
-export {
-  p as hydrate,
-  y as stream
-};