ajo 0.1.32 → 0.1.33

package/jsx.js

@@ -1,21 +1,20 @@
-export const Fragment = props => props.children
-
-export const h = (type, props, ...children) => {
-
-	(props ??= {}).nodeName = type
-
-	if (!('children' in props) && children.length) props.children = children.length == 1 ? children[0] : children
-
-	return props
-}
-
-export function jsx(type, props, key) {
-
-	if (key != null) (props ??= {}).key = key
-
-	return h(type, props)
-}
-
-export const jsxs = jsx
-
-export const jsxDEV = jsx
+const VNode = Symbol.for('ajo.vnode')
+
+export const mark = v => (v[VNode] = v, v)
+
+export const isVNode = v => v?.[VNode] === v
+
+export const Fragment = props => props.children
+
+export function jsx(type, props, key) {
+
+	(props ??= {}).nodeName = type
+
+	if (key != null) props.key = key
+
+	return mark(props)
+}
+
+export const jsxs = jsx
+
+export const jsxDEV = jsx

package/license

@@ -1,15 +1,15 @@
-ISC License
-
-Copyright (c) 2022-2026, Cristian Falcone
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted, provided that the above
-copyright notice and this permission notice appear in all copies.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE
-OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
+ISC License
+
+Copyright (c) 2022-2026, Cristian Falcone
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE
+OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.

package/package.json

@@ -1,40 +1,34 @@
 {
   "name": "ajo",
-  "version": "0.1.32",
+  "version": "0.1.33",
   "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": {
     ".": {
       "react-native": "./index.js",
       "types": "./types.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.js"
     },
     "./context": {
       "react-native": "./context.js",
       "types": "./types.ts",
-      "import": "./dist/context.js",
-      "require": "./dist/context.cjs"
+      "import": "./dist/context.js"
     },
     "./html": {
       "types": "./types.ts",
-      "import": "./dist/html.js",
-      "require": "./dist/html.cjs"
+      "import": "./dist/html.js"
     },
     "./jsx-runtime": {
       "react-native": "./jsx.js",
       "types": "./types.ts",
-      "import": "./dist/jsx.js",
-      "require": "./dist/jsx.cjs"
+      "import": "./dist/jsx.js"
     },
     "./jsx-dev-runtime": {
       "react-native": "./jsx.js",
       "types": "./types.ts",
-      "import": "./dist/jsx.js",
-      "require": "./dist/jsx.cjs"
+      "import": "./dist/jsx.js"
     }
   },
   "files": [
@@ -47,12 +41,12 @@
     "types.ts"
   ],
   "devDependencies": {
-    "@types/node": "25.3.1",
-    "happy-dom": "20.7.0",
-    "typescript": "5.9.3",
-    "vite": "7.3.1",
-    "vite-tsconfig-paths": "6.1.1",
-    "vitest": "4.0.18"
+    "@types/node": "26.0.0",
+    "happy-dom": "20.10.6",
+    "terser": "5.48.0",
+    "typescript": "6.0.3",
+    "vite": "8.0.16",
+    "vitest": "4.1.9"
   },
   "keywords": [
     "ui",
@@ -61,13 +55,19 @@
     "dom",
     "jsx"
   ],
-  "repository": "cristianfalcone/ajo",
+  "repository": {
+    "type": "git",
+    "url": "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",
+    "bench": "pnpm --dir bench bench",
+    "bench:quick": "pnpm --dir bench bench:quick",
+    "bench:ajo": "pnpm --dir bench bench:ajo",
     "build": "vite build",
     "bump": "pnpm version patch && git push && git push --tags",
     "release": "pnpm test && pnpm build && pnpm bump && pnpm publish"

package/readme.md

@@ -226,7 +226,7 @@ function* ErrorBoundary() {
 | `key` | Unique identifier for list reconciliation |
 | `ref` | Callback receiving DOM element (or `null` on unmount) |
 | `memo` | Skip reconciliation: `memo={[deps]}`, `memo={value}`, or `memo` (render once) |
-| `skip` | Exclude children from reconciliation (required with `set:innerHTML`) |
+| `skip` | Exclude children from reconciliation; not a sanitizer |
 | `set:*` | Set DOM properties instead of HTML attributes |
 | `attr:*` | Force HTML attributes on stateful component wrappers |
 
@@ -243,8 +243,8 @@ function* ErrorBoundary() {
 <input type="checkbox" set:checked={bool} />
 <video set:currentTime={0} set:muted />
 
-// innerHTML requires skip
-<div set:innerHTML={html} skip />
+// innerHTML is only for trusted/sanitized HTML; skip preserves assigned children
+<div set:innerHTML={trustedHtml} skip />
 ```
 
 ### `ref` - DOM Access
@@ -254,13 +254,13 @@ function* AutoFocus() {
 
   let input = null
 
-  while (true) yield (
-    <>
-      <input ref={el => el?.focus()} />
-      <button set:onclick={() => input?.select()}>Select</button>
-    </>
-  )
-}
+  while (true) yield (
+    <>
+      <input ref={el => { input = el; el?.focus() }} />
+      <button set:onclick={() => input?.select()}>Select</button>
+    </>
+  )
+}
 
 // Ref to stateful component includes control methods
 let timer = null
@@ -424,8 +424,9 @@ let ref: ThisParameterType<typeof Counter> | null = null
 ### `ajo/html`
 | Export | Description |
 |--------|-------------|
-| `render(children)` | Render to HTML string. |
-| `html(children)` | Render to HTML generator (yields strings). |
+| `render(children)` | Render to HTML string. |
+| `html(children, emit)` | Render to HTML chunks by calling `emit(chunk)`. |
+| `defaults` | Default SSR wrapper tag config (`defaults.tag`). |
 
 ### Stateful `this`
 | Property | Description |
@@ -434,7 +435,7 @@ let ref: ThisParameterType<typeof Counter> | null = null
 | `this.signal` | AbortSignal that aborts on unmount. Pass to `fetch()`, `addEventListener()`, etc. |
 | `this.next(fn?)` | Re-render. Callback receives current args. Returns callback's result. |
 | `this.throw(error)` | Throw to parent boundary. |
-| `this.return(deep?)` | Terminate generator. Pass `true` to also terminate child generators. |
+| `this.return(deep?)` | Terminate generator. Deep cleanup is the default; pass `false` to skip child generators. |
 
 `this` is also the wrapper element (`this.addEventListener()`, etc).
 

package/types.ts

@@ -105,12 +105,11 @@ declare module 'ajo/html' {
 }
 
 declare module 'ajo/jsx-runtime' {
-	import { Type, Args, VNode, Children, ElementChildrenAttribute, IntrinsicElements as _IE } from 'ajo'
-	export function Fragment({ children }: ElementChildrenAttribute): typeof children
-	export function h(tag: Type, attrs?: Args | null, ...children: Children[]): VNode
-	export function jsx(type: Type, props: Args | null, key?: string | number): VNode
-	export function jsxs(type: Type, props: Args | null, key?: string | number): VNode
-	export function jsxDEV(type: Type, props: Args | null, key?: string | number): VNode
+	import { Type, Args, VNode, ElementChildrenAttribute, IntrinsicElements as _IE } from 'ajo'
+	export function Fragment({ children }: ElementChildrenAttribute): typeof children
+	export function jsx(type: Type, props: Args | null, key?: string | number): VNode
+	export function jsxs(type: Type, props: Args | null, key?: string | number): VNode
+	export function jsxDEV(type: Type, props: Args | null, key?: string | number): VNode
 	export namespace JSX {
 		type ElementChildrenAttribute = import('ajo').ElementChildrenAttribute
 		type LibraryManagedAttributes<C, P> = import('ajo').ManagedAttributes<C, P>
@@ -118,9 +117,9 @@ declare module 'ajo/jsx-runtime' {
 	}
 }
 
-declare module 'ajo/jsx-dev-runtime' {
-	import { IntrinsicElements as _IE } from 'ajo'
-	export { Fragment, h, jsx, jsxs, jsxDEV } from 'ajo/jsx-runtime'
+declare module 'ajo/jsx-dev-runtime' {
+	import { IntrinsicElements as _IE } from 'ajo'
+	export { Fragment, jsx, jsxs, jsxDEV } from 'ajo/jsx-runtime'
 	export namespace JSX {
 		type ElementChildrenAttribute = import('ajo').ElementChildrenAttribute
 		type LibraryManagedAttributes<C, P> = import('ajo').ManagedAttributes<C, P>

package/dist/context.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol.for("ajo.context"),r=(t,e=Symbol())=>function(...l){const n=this??c;return n?l.length?n[o][e]=l[0]:e in n[o]?n[o][e]:t:t};let c=null;const u=(...t)=>t.length?c=t[0]:c;exports.Context=o;exports.context=r;exports.current=u;

package/dist/html.cjs

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

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./context.cjs"),{isArray:x}=Array,{assign:N,create:A}=Object,a=Symbol.for("ajo.key"),g=Symbol.for("ajo.keyed"),C=Symbol.for("ajo.memo"),u=Symbol.for("ajo.cache"),f=Symbol.for("ajo.generator"),o=Symbol.for("ajo.iterator"),S=Symbol.for("ajo.render"),c=Symbol.for("ajo.args"),h=Symbol.for("ajo.controller"),E={tag:"div"},v=(r,t)=>(t&&(r.is=t),r),m=(r,t,e=t.firstChild,n=null)=>{for(p(r,i=>{const s=typeof i=="string"?M(i,e):W(i,t,e);e==null?b(t,s,n):s==e?e=s.nextSibling:s==e.nextSibling?(b(t,e,n),e=s.nextSibling):b(t,s,e)});e!=n;){const i=e.nextSibling;e.nodeType==1&&O(e),t.removeChild(e),e=i}},p=(r,t)=>{if(r==null)return;const e=typeof r;if(e!="boolean")if(e=="string")t(r);else if(e=="number"||e=="bigint")t(String(r));else if(Symbol.iterator in r)for(r of r)p(r,t);else"nodeName"in r?typeof r.nodeName=="function"?T(r,t):t(r):t(String(r))},T=({nodeName:r,...t},e)=>{r.constructor.name=="GeneratorFunction"?e(G(r,t)):p(r(t),e)},G=(r,t)=>{const e={...r.attrs},n={...r.args};for(const i in t)i.startsWith("attr:")?e[i.slice(5)]=t[i]:i=="key"||i=="skip"||i=="memo"||i=="ref"||i.startsWith("set:")?e[i]=t[i]:n[i]=t[i];return{...e,nodeName:r.is??E.tag,[f]:r,[c]:n}},M=(r,t)=>{for(;t&&t.nodeType!=3;)t=t.nextSibling;return t?t.data!=r&&(t.data=r):t=document.createTextNode(r),t},W=(r,t,e)=>{const{nodeName:n,children:i,key:s,skip:k,memo:w,[f]:y,[c]:j}=r;for(s!=null&&(e=(t[g]??=new Map).get(s)??e);e&&(e.localName!=n||e[a]!=null&&e[a]!=s||e[f]&&e[f]!=y);)e=e[a]!=null?null:e.nextElementSibling;return e??=document.createElementNS(r.xmlns??t.namespaceURI,n),s!=null&&t[g].set(e[a]=s,e),(w==null||I(e[C],e[C]=w))&&(B(e[u],e[u]=r,e),k||(y?R(y,j,e):m(i,e))),e},B=(r,t,e)=>{for(const n in{...r,...t})n=="nodeName"||n=="children"||n=="key"||n=="skip"||n=="memo"||r?.[n]===t[n]||(n=="ref"&&typeof t[n]=="function"?t[n](e):n.startsWith("set:")?e[n.slice(4)]=t[n]:t[n]==null||t[n]===!1?e.removeAttribute(n):e.setAttribute(n,t[n]===!0?"":t[n]))},I=(r,t)=>x(r)&&x(t)?r.some((e,n)=>e!==t[n]):r!==t,K=(r,t)=>{let e=t.firstElementChild;for(;e;)if(r(e)&&e.firstElementChild)e=e.firstElementChild;else{for(;e!=t&&!e.nextElementSibling;)e=e.parentNode??t;e=e!=t&&e.nextElementSibling}},b=(r,t,e)=>{if(t.isConnected&&t.contains(document.activeElement)){const n=t.nextSibling;for(;e&&e!=t;){const i=e.nextSibling;r.insertBefore(e,n),e=i}}else r.insertBefore(t,e)},O=r=>{let t=r;for(;t.firstElementChild;)t=t.firstElementChild;for(;;){const{nextElementSibling:e,parentNode:n}=t;if(t[a]!=null&&n?.[g]?.delete(t[a]),typeof t.return=="function"&&t.return(!1),typeof t[u]?.ref=="function"&&t[u].ref(null),t===r)break;if(t=e??n??r,e)for(;t.firstElementChild;)t=t.firstElementChild}},R=(r,t,e)=>{e[f]??=(N(e,q)[l.Context]=A(l.current()?.[l.Context]??null),r),e[c]=t,e[S]()},q={*[Symbol.iterator](){for(;;)yield this[c]},[S](){const r=l.current();l.current(this);try{this[o]||(this.signal=(this[h]=new AbortController).signal,this[o]=this[f].call(this,this[c]));const{value:t,done:e}=this[o].next();m(t,this),e&&this.return()}catch(t){this.throw(t)}finally{l.current(r)}},next(r,t){if(!this.isConnected)return t;try{typeof r=="function"&&(t=r.call(this,this[c]))}catch(e){return this.throw(e)}return l.current()?.contains(this)||this[S](),t},throw(r){for(let t=this;t;t=t.parentNode)if(t[o]?.throw)try{return m(t[o].throw(r).value,t)}catch(e){r=new Error(e?.message??e,{cause:r})}throw r},return(r=!0){r&&K(t=>typeof t.return=="function"?t.return():!0,this);try{this[o]?.return()}catch(t){this.throw(t)}finally{this[o]=null,this[h]?.abort()}}};exports.defaults=E;exports.render=m;exports.stateful=v;

package/dist/jsx.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=e=>e.children,c=(e,n,...t)=>((n??={}).nodeName=e,!("children"in n)&&t.length&&(n.children=t.length==1?t[0]:t),n);function s(e,n,t){return t!=null&&((n??={}).key=t),c(e,n)}const j=s,l=s;exports.Fragment=i;exports.h=c;exports.jsx=s;exports.jsxDEV=l;exports.jsxs=j;