@praxisjs/runtime 0.7.1 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @praxisjs/runtime
 
+## 0.8.0
+
+### Minor Changes
+
+- 75115a9: Component hot module replacement. In the dev server, `@praxisjs/vite-plugin` registers each top-level class of the app's modules with `@praxisjs/runtime` (`_$hmrRegister`), and a module whose exports are all component classes accepts its own update: every mounted instance of an edited component renders again in place with the new class, without a page reload. Modules that export anything else keep Vite's default handling.
+- 75115a9: Fix fragments dropping function children: `<>{() => x}</>` now mounts a reactive region, like element children. `@praxisjs/runtime` exports `mountChildren`, which `@praxisjs/jsx` uses to mount fragment children.
+- 75115a9: Add keyed list reconciliation. `For` (keyed by `by`, or by item identity) and `Index` (by position) in `@praxisjs/runtime` render each key once, keep its row while the key stays, and create, move or remove only the rows that changed, with the minimum number of moves (LIS) and `moveBefore()` where available. They support fallbacks, Promise-based enter/leave transitions, hydration of prerendered rows, and isolate row render errors. `@praxisjs/jsx` types components that set `static __jsxRawProps = true` by their exact constructor props, so `For` infers its item type. `@praxisjs/vite-plugin` rewrites keyed `{() => list.map((item) => <Row key={…} />)}` children into `For` and warns about keyed `.map()` calls it cannot rewrite (`keyedLists` option).
+- 75115a9: Rendering and reactivity performance overhaul. `@praxisjs/core` has a new push-pull reactive graph (linked dependencies reused across runs, version-checked computeds, glitch-free effects) and keeps component internals on the instance. `@praxisjs/decorators` shares one accessor pair per `@State`/`@Prop` field, creates `@Computed` lazily, and `@Component` no longer wraps the class. `@praxisjs/runtime` adds the compiled-template helpers, a shared event dispatcher, leaner scopes and reactive children, skipped no-op prop writes, cheaper component mounting and a detached fill for large `For` renders, and fixes a static `<select>` value being lost. `@praxisjs/vite-plugin` compiles JSX trees of host elements into templates cloned per render (`templates` option, on by default).
+- 75115a9: Smaller startup: `render()` hydrates only after the new `enableHydration()` (called by `ssgPlugin()`), so apps that don't prerender leave the hydration code out. **Breaking:** an app that hydrates server-rendered HTML without `ssgPlugin()` must call `enableHydration()` before `render()`. Also, compiled templates whose tree the HTML parser reads back unchanged are emitted as markup and parsed once (`_$html`); decorated fields, methods and classes call shorter lowering helpers; the list view's internal members are `#private`.
+
+### Patch Changes
+
+- 75115a9: DevTools: a Performance panel and `profiler` that record signal writes, effect runs and computed recomputations with their cost, grouped by the component that created each effect; `@Debug({ log, break })`, reactive observation of accessor fields (props included), promise-aware method timing, `@Trace({ slow })`, inert decorators in production builds, and a faster registry. Core exposes the observer hooks the profiler uses (`setReactiveObserver`, `setCurrentOwner`, `getEffectOwner` in `@praxisjs/core/internal`), which cost one null check while no observer is installed; the runtime marks the rendering component as the owner of the effects it creates.
+- 75115a9: Edge-case fixes in the new fast paths. `@praxisjs/vite-plugin` keeps a claimed field's initializer in the field's own scope instead of moving it into the constructor, where a constructor parameter or local of the same name shadowed what it read (and `new.target` fields are claimed too). `selector()` from `@praxisjs/core` compares against the current source value when read outside an effect, also inside a batch or an event handler before its subscribers are notified. `@praxisjs/runtime` keeps updating a hydrated element through a reactive child that fills it alone, rebuilds compiled templates when `render()` runs with another global document (a new SSG window), and always writes `open`, `selectedIndex`, media and scroll props from reactive bindings so a re-run restores what the user changed. Compiled templates keep the leading whitespace of JSX text (`{v} / {m}` lost its first space) and keep tabs inside a line, as the JSX transform does. Methods of `@Bind`, `@Emit` and the other built-in method decorators can be spied on with `vi.spyOn(instance, name)` before their first read again. `@praxisjs/router`'s `Link` removes its `class` attribute when it stops being active instead of leaving `class=""`.
+- 75115a9: Published packages no longer contain their tests: package builds compile `src` without `src/**/__tests__` (through a `tsconfig.build.json`), and each package's `files` leaves test sources and stale compiled tests out of the tarball. `pnpm typecheck` still type-checks the tests.
+- 75115a9: Cheaper creation of rows and components. `@praxisjs/runtime` builds and clones compiled templates in the inert `<template>` document (live document for templates with custom elements) and no longer touches `document` at import time, binds template event props without a listener (one capture listener per event type on the document and on each render container attaches an element's own listener on first use, same dispatch semantics), runs reactive props and children through shared functions with per-binding records instead of closures, creates text natively without JS wrappers, forks a reactive child's scope only when a run asks for it, stops wrapping single-root components in comments, writes only-child text with `textContent` and inserts arrays without a fragment. Compiled event props bind through a per-module target (`_$event`/`_$onEvent`) and reactive `class` props through `_$className`, skipping the generic prop dispatch. `@praxisjs/core`'s `getComponentAnchor()` returns a `Node` (a single-root component is anchored on its root) and every `selector()` shares one bucket class, `createContextEffect()` runs an effect whose shared function reads its state from `this.ctx`; effects record their owner even when no reactive observer is installed (`getEffectOwner()` reads it from the node). `@praxisjs/vite-plugin` also compiles lone elements that have something static or a reactive child, emits the delegated event bindings, emits a template that is an arrow function's whole body or a `return` operand as plain statements, leaves no placeholder for a reactive only child, hoists one event target per event prop name and module, emits a dedicated binding for a reactive `class`/`className`, and no longer wraps a JSX tree used as an attribute value of a compiled element in braces. Both packages keep one inert instance of each hot internal class (graph nodes and links, selector buckets, scopes, list rows, reactive children) so their V8 hidden classes survive a full GC after a list is cleared, and every list row gets the same hidden class whatever it renders.
+- 75115a9: Update reactive text in place. A reactive child that returns a string or number rewrites its existing text node, and skips the write when the text is unchanged, instead of replacing the node on every re-run.
+- 75115a9: Smaller production bundles. The framework and feature packages are marked `"sideEffects": false`, so bundlers leave out the modules an app does not use (`For`/`Index` and `selector()` were kept in every bundle by their shape keepers). `@praxisjs/core`'s graph gates its observer instrumentation on a boolean that minifiers fold away when no observer is ever installed. `@praxisjs/runtime` passes `Index`'s positional update to the list view, so `For`-only apps leave it out, and builds its event prop table from camel-case names. `@praxisjs/devtools` is built one file per module and its decorators check `process.env.NODE_ENV` inline, so `@Trace`/`@Debug` in production code no longer bundle the registry and the panel. `@praxisjs/vite-plugin` serves TypeScript's decorator helpers and the claimed fields' helper from one virtual module (`virtual:praxisjs/decorators`) instead of writing them into every decorated file, and replaces the identical copies `tsc` wrote into ES module libraries.
+- Updated dependencies [75115a9]
+- Updated dependencies [75115a9]
+- Updated dependencies [75115a9]
+- Updated dependencies [75115a9]
+- Updated dependencies [75115a9]
+- Updated dependencies [75115a9]
+- Updated dependencies [75115a9]
+- Updated dependencies [75115a9]
+- Updated dependencies [75115a9]
+- Updated dependencies [75115a9]
+- Updated dependencies [75115a9]
+  - @praxisjs/decorators@2.0.0
+  - @praxisjs/core@2.3.0
+  - @praxisjs/shared@0.3.2
+
 ## 0.7.1
 
 ### Patch Changes

package/dist/children.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"children.d.ts","sourceRoot":"","sources":["../src/children.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,aAAa,CAC3B,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,KAAK,GACX,IAAI,CAwBN"}
+{"version":3,"file":"children.d.ts","sourceRoot":"","sources":["../src/children.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,aAAa,CAC3B,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,KAAK,GACX,IAAI,CAyBN"}

package/dist/children.js

@@ -3,7 +3,8 @@ export function mountChildren(parent, children, scope) {
     if (children === null || children === undefined || children === false)
         return;
     if (typeof children === "string" || typeof children === "number") {
-        parent.appendChild(document.createTextNode(String(children)));
+        // append() builds the text node natively: no JS wrapper is created for it.
+        parent.append(String(children));
         return;
     }
     if (typeof children === "function") {

package/dist/children.js.map

@@ -1 +1 @@
-{"version":3,"file":"children.js","sourceRoot":"","sources":["../src/children.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,UAAU,aAAa,CAC3B,MAAY,EACZ,QAAiB,EACjB,KAAY;IAEZ,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,KAAK;QAAE,OAAO;IAE9E,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACjE,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC9D,OAAO;IACT,CAAC;IAED,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACnC,aAAa,CAAC,MAAM,EAAE,QAAyB,EAAE,KAAK,CAAC,CAAC;QACxD,OAAO;IACT,CAAC;IAED,IAAI,QAAQ,YAAY,IAAI,EAAE,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC7B,OAAO;IACT,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC7B,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACtC,CAAC;QACD,OAAO;IACT,CAAC;AACH,CAAC"}
+{"version":3,"file":"children.js","sourceRoot":"","sources":["../src/children.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,UAAU,aAAa,CAC3B,MAAY,EACZ,QAAiB,EACjB,KAAY;IAEZ,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,KAAK;QAAE,OAAO;IAE9E,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACjE,2EAA2E;QAC1E,MAAqB,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChD,OAAO;IACT,CAAC;IAED,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACnC,aAAa,CAAC,MAAM,EAAE,QAAyB,EAAE,KAAK,CAAC,CAAC;QACxD,OAAO;IACT,CAAC;IAED,IAAI,QAAQ,YAAY,IAAI,EAAE,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC7B,OAAO;IACT,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC7B,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACtC,CAAC;QACD,OAAO;IACT,CAAC;AACH,CAAC"}

package/dist/component.d.ts

@@ -1,5 +1,4 @@
-import { isComponent, type ComponentConstructor } from "@praxisjs/shared/internal";
+import type { ComponentConstructor } from "@praxisjs/shared/internal";
 import type { Scope } from "./scope";
-export declare function mountComponent(ctor: ComponentConstructor, props: Record<string, unknown>, parentScope: Scope): Node[];
-export { isComponent };
+export declare function mountComponent(ctor: ComponentConstructor, props: Record<string, unknown>, parentScope: Scope, bounds?: [Comment, Comment] | null): Node[];
 //# sourceMappingURL=component.d.ts.map

package/dist/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,KAAK,oBAAoB,EAAG,MAAM,2BAA2B,CAAC;AAKpF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAwBrC,wBAAgB,cAAc,CAC5B,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,WAAW,EAAE,KAAK,GACjB,IAAI,EAAE,CA0DR;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAOtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAsDrC,wBAAgB,cAAc,CAC5B,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,WAAW,EAAE,KAAK,EAElB,MAAM,GAAE,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,IAAW,GACvC,IAAI,EAAE,CAgFR"}

package/dist/component.js

@@ -1,78 +1,151 @@
-import { setComponentAnchor, setComponentMounted, untrack, } from "@praxisjs/core/internal";
+import { getComponentStart, pauseTracking, resumeTracking, setCurrentOwner, setComponentAnchor, setComponentMounted, } from "@praxisjs/core/internal";
 import { initSlots } from "@praxisjs/decorators";
-import { isComponent } from "@praxisjs/shared/internal";
 import { mountChildren } from "./children";
-import { runInScope } from "./context";
+import { swapScope } from "./context";
+import { hotEnabled, isHotClass, latestClass, setHotRemount, trackHotInstance } from "./hmr";
+import { recording, onHydrationReplace } from "./hydration-context";
+// One object per component carries both lifecycle steps: mounting (drained in a shared microtask)
+// and disposal (registered in the component's scope), instead of a closure for each.
+class ComponentLife {
+    constructor(instance, ref) {
+        this.disposed = false;
+        this.instance = instance;
+        this.ref = ref;
+    }
+    mount() {
+        if (this.disposed)
+            return;
+        setComponentMounted(this.instance, true);
+        this.instance.onMount?.();
+        this.ref?.(this.instance);
+    }
+    dispose() {
+        this.disposed = true;
+        this.instance.onUnmount?.();
+        setComponentMounted(this.instance, false);
+        this.ref?.(null);
+    }
+}
 let pendingMounts = [];
 // One shared microtask drains every component mounted in the same synchronous pass, in mount
 // order (children before parents). A throwing onMount is rethrown on its own microtask so it
 // can't stop the others, as it couldn't when each component had a microtask of its own.
-function scheduleMount(run) {
-    if (pendingMounts.length === 0) {
-        queueMicrotask(() => {
-            const queue = pendingMounts;
-            pendingMounts = [];
-            for (const job of queue) {
-                try {
-                    job();
-                }
-                catch (e) {
-                    queueMicrotask(() => { throw e; });
-                }
-            }
-        });
+function drainMounts() {
+    const queue = pendingMounts;
+    pendingMounts = [];
+    for (const life of queue) {
+        try {
+            life.mount();
+        }
+        catch (e) {
+            queueMicrotask(() => { throw e; });
+        }
     }
-    pendingMounts.push(run);
 }
-export function mountComponent(ctor, props, parentScope) {
-    return untrack(() => {
+function scheduleMount(life) {
+    if (pendingMounts.length === 0)
+        queueMicrotask(drainMounts);
+    pendingMounts.push(life);
+}
+export function mountComponent(ctor, props, parentScope, 
+// Hot remount only: the comments of the instance being replaced, kept as the new one's bounds.
+bounds = null) {
+    const prevSub = pauseTracking();
+    try {
+        // A registered class (development, see hmr.ts) always mounts its newest version, and every
+        // instance gets comment bounds, which stay in place when it is mounted again.
+        let hot = false;
+        if (hotEnabled) {
+            ctor = latestClass(ctor);
+            hot = isHotClass(ctor);
+        }
         const scope = parentScope.fork();
-        // Strip ref — managed by the runtime, not forwarded to the component.
-        const { ref: refFn, ...instanceProps } = props;
-        const ref = typeof refFn === "function"
-            ? refFn
-            : undefined;
-        const instance = new ctor({ ...instanceProps });
+        // Strip ref — managed by the runtime, not forwarded to the component. The component copies its
+        // props itself, so they are only copied here when there is a ref to leave out.
+        let instanceProps = props;
+        let ref;
+        if ("ref" in props) {
+            const { ref: refFn, ...rest } = props;
+            instanceProps = rest;
+            if (typeof refFn === "function")
+                ref = refFn;
+        }
+        const instance = new ctor(instanceProps);
         const rawChildren = instanceProps.children;
         if (rawChildren != null) {
             initSlots(instance, rawChildren);
         }
-        const start = document.createComment(`[${ctor.name}]`);
-        const end = document.createComment(`[/${ctor.name}]`);
-        let disposed = false;
-        setComponentAnchor(instance, end);
         instance.onBeforeMount?.();
-        const container = document.createDocumentFragment();
-        container.appendChild(start);
         let dom = null;
-        runInScope(scope, () => {
-            try {
-                dom = instance.render();
-            }
-            catch (e) {
-                const fallback = instance.onError?.(e instanceof Error ? e : new Error(String(e)));
-                if (fallback != null)
-                    dom = fallback;
+        const prevScope = swapScope(scope);
+        const prevOwner = setCurrentOwner(instance);
+        try {
+            dom = instance.render();
+        }
+        catch (e) {
+            const fallback = instance.onError?.(e instanceof Error ? e : new Error(String(e)));
+            if (fallback != null)
+                dom = fallback;
+        }
+        finally {
+            setCurrentOwner(prevOwner);
+            swapScope(prevScope);
+        }
+        let nodes;
+        if (hot) {
+            const container = document.createDocumentFragment();
+            const start = bounds === null ? container.appendChild(document.createComment(`[${ctor.name}]`)) : bounds[0];
+            mountChildren(container, dom, scope);
+            const end = bounds === null ? container.appendChild(document.createComment(`[/${ctor.name}]`)) : bounds[1];
+            setComponentAnchor(instance, end);
+            nodes = Array.from(container.childNodes);
+            trackHotInstance({ ctor, props, parentScope, scope, start, end });
+        }
+        else if (dom instanceof Node && dom.nodeType !== 11) {
+            // A single root node can't change, so it bounds the component by itself: no comments.
+            nodes = [dom];
+            setComponentAnchor(instance, dom);
+            if (recording)
+                onHydrationReplace(dom, (real) => { setComponentAnchor(instance, real); });
+        }
+        else {
+            // Several nodes, or ones a reactive child may replace: comments mark where the component
+            // starts and ends, unless its render already brought them (see getComponentStart).
+            const bounded = getComponentStart(instance) !== undefined;
+            const container = document.createDocumentFragment();
+            if (!bounded)
+                container.appendChild(document.createComment(`[${ctor.name}]`));
+            mountChildren(container, dom, scope);
+            if (!bounded) {
+                const end = document.createComment(`[/${ctor.name}]`);
+                container.appendChild(end);
+                setComponentAnchor(instance, end);
             }
-        });
-        mountChildren(container, dom, scope);
-        container.appendChild(end);
-        scheduleMount(() => {
-            if (disposed)
-                return;
-            setComponentMounted(instance, true);
-            instance.onMount?.();
-            ref?.(instance);
-        });
-        scope.add(() => {
-            disposed = true;
-            instance.onUnmount?.();
-            setComponentMounted(instance, false);
-            ref?.(null);
-        });
-        // Return the nodes from the fragment as an array so the caller can append them
-        return Array.from(container.childNodes);
-    });
+            nodes = Array.from(container.childNodes);
+        }
+        const life = new ComponentLife(instance, ref);
+        scheduleMount(life);
+        scope.add(life);
+        return nodes;
+    }
+    finally {
+        resumeTracking(prevSub);
+    }
+}
+// Mounts `hot` again with `ctor` between the comments it already has: the reactive children and
+// lists around it keep their references to those comments.
+function remountHot(hot, ctor) {
+    const { start, end } = hot;
+    const parent = end.parentNode;
+    // Detached (kept aside by its owner): there is no place to render into, so it is left as it is.
+    if (parent === null || start.parentNode !== parent)
+        return;
+    hot.scope.dispose();
+    for (let node = start.nextSibling; node !== null && node !== end; node = start.nextSibling)
+        parent.removeChild(node);
+    const nodes = mountComponent(ctor, hot.props, hot.parentScope, [start, end]);
+    for (const node of nodes)
+        parent.insertBefore(node, end);
 }
-export { isComponent };
+setHotRemount(remountHot);
 //# sourceMappingURL=component.js.map

package/dist/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"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"}

package/dist/context.d.ts

@@ -1,4 +1,17 @@
 import type { Scope } from "./scope";
+/** Owner of a child scope that is created only once something asks for it (see swapLazyScope). */
+export interface LazyScopeHost {
+    parentScope: Scope;
+    scope: Scope | null;
+}
 export declare function getCurrentScope(): Scope;
+/**
+ * Makes `host` the scope source while no scope is current: its child scope is forked from
+ * `host.parentScope` the first time code asks for the current scope, so a run that registers
+ * nothing (a reactive text binding) creates no scope at all. Returns the previous host, which the
+ * caller must restore in a `finally`, together with the current scope (set it to `host.scope`).
+ */
+export declare function swapLazyScope(host: LazyScopeHost | null): LazyScopeHost | null;
 export declare function runInScope<T>(scope: Scope, fn: () => T): T;
+export declare function swapScope(scope: Scope | null): Scope | null;
 //# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIrC,wBAAgB,eAAe,IAAI,KAAK,CAOvC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAQ1D"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIrC,kGAAkG;AAClG,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,KAAK,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAID,wBAAgB,eAAe,IAAI,KAAK,CAUvC;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,GAAG,aAAa,GAAG,IAAI,CAI9E;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAQ1D;AAID,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,CAI3D"}

package/dist/context.js

@@ -1,10 +1,25 @@
 let _currentScope = null;
+let lazyHost = null;
 export function getCurrentScope() {
-    if (!_currentScope) {
-        throw new Error("[PraxisJS] jsx() called outside of a render context. Make sure to call render() with a factory function.");
+    if (_currentScope === null) {
+        if (lazyHost === null) {
+            throw new Error("[PraxisJS] jsx() called outside of a render context. Make sure to call render() with a factory function.");
+        }
+        _currentScope = lazyHost.scope ??= lazyHost.parentScope.fork();
     }
     return _currentScope;
 }
+/**
+ * Makes `host` the scope source while no scope is current: its child scope is forked from
+ * `host.parentScope` the first time code asks for the current scope, so a run that registers
+ * nothing (a reactive text binding) creates no scope at all. Returns the previous host, which the
+ * caller must restore in a `finally`, together with the current scope (set it to `host.scope`).
+ */
+export function swapLazyScope(host) {
+    const prev = lazyHost;
+    lazyHost = host;
+    return prev;
+}
 export function runInScope(scope, fn) {
     const prev = _currentScope;
     _currentScope = scope;
@@ -15,4 +30,11 @@ export function runInScope(scope, fn) {
         _currentScope = prev;
     }
 }
+// Same as runInScope without a closure per call, for hot paths that create many scopes in a row.
+// Callers must restore the returned scope in a `finally`.
+export function swapScope(scope) {
+    const prev = _currentScope;
+    _currentScope = scope;
+    return prev;
+}
 //# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAEA,IAAI,aAAa,GAAiB,IAAI,CAAC;AAEvC,MAAM,UAAU,eAAe;IAC7B,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CACb,0GAA0G,CAC3G,CAAC;IACJ,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,UAAU,CAAI,KAAY,EAAE,EAAW;IACrD,MAAM,IAAI,GAAG,aAAa,CAAC;IAC3B,aAAa,GAAG,KAAK,CAAC;IACtB,IAAI,CAAC;QACH,OAAO,EAAE,EAAE,CAAC;IACd,CAAC;YAAS,CAAC;QACT,aAAa,GAAG,IAAI,CAAC;IACvB,CAAC;AACH,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAEA,IAAI,aAAa,GAAiB,IAAI,CAAC;AAQvC,IAAI,QAAQ,GAAyB,IAAI,CAAC;AAE1C,MAAM,UAAU,eAAe;IAC7B,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;QAC3B,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACtB,MAAM,IAAI,KAAK,CACb,0GAA0G,CAC3G,CAAC;QACJ,CAAC;QACD,aAAa,GAAG,QAAQ,CAAC,KAAK,KAAK,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IACjE,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,IAA0B;IACtD,MAAM,IAAI,GAAG,QAAQ,CAAC;IACtB,QAAQ,GAAG,IAAI,CAAC;IAChB,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,UAAU,CAAI,KAAY,EAAE,EAAW;IACrD,MAAM,IAAI,GAAG,aAAa,CAAC;IAC3B,aAAa,GAAG,KAAK,CAAC;IACtB,IAAI,CAAC;QACH,OAAO,EAAE,EAAE,CAAC;IACd,CAAC;YAAS,CAAC;QACT,aAAa,GAAG,IAAI,CAAC;IACvB,CAAC;AACH,CAAC;AAED,iGAAiG;AACjG,0DAA0D;AAC1D,MAAM,UAAU,SAAS,CAAC,KAAmB;IAC3C,MAAM,IAAI,GAAG,aAAa,CAAC;IAC3B,aAAa,GAAG,KAAK,CAAC;IACtB,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/dom/constants.d.ts

@@ -1,4 +1,4 @@
 export declare const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 export declare const SVG_TAGS: Set<string>;
-export declare const EVENT_MAP: Record<string, string>;
+export declare const EVENT_MAP: ReadonlyMap<string, string>;
 //# sourceMappingURL=constants.d.ts.map

package/dist/dom/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/dom/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+BAA+B,CAAC;AAE1D,eAAO,MAAM,QAAQ,aA2BnB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA+F5C,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/dom/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+BAA+B,CAAC;AAE1D,eAAO,MAAM,QAAQ,aA2BnB,CAAC;AAKH,eAAO,MAAM,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CA+BjD,CAAC"}

package/dist/dom/constants.js

@@ -27,100 +27,41 @@ export const SVG_TAGS = new Set([
     "textPath",
     "foreignObject",
 ]);
-export const EVENT_MAP = {
-    // Mouse
-    onClick: "click",
-    onDblClick: "dblclick",
-    onMouseDown: "mousedown",
-    onMouseUp: "mouseup",
-    onMouseEnter: "mouseenter",
-    onMouseLeave: "mouseleave",
-    onMouseMove: "mousemove",
-    onMouseOver: "mouseover",
-    onMouseOut: "mouseout",
-    onContextMenu: "contextmenu",
+// Event props and the DOM event each one listens to. Every prop is "on" + the event name in camel
+// case and listens to that name in lowercase, so only the camel-case names are spelled out, which
+// keeps the table small in bundles. A Map: looking a prop up is a single probe.
+export const EVENT_MAP = /* @__PURE__ */ eventMap(
+// Mouse
+"Click DblClick MouseDown MouseUp MouseEnter MouseLeave MouseMove MouseOver MouseOut ContextMenu " +
     // Keyboard
-    onKeyDown: "keydown",
-    onKeyUp: "keyup",
-    onKeyPress: "keypress",
+    "KeyDown KeyUp KeyPress " +
     // Focus
-    onFocus: "focus",
-    onBlur: "blur",
+    "Focus Blur " +
     // Pointer
-    onPointerDown: "pointerdown",
-    onPointerUp: "pointerup",
-    onPointerMove: "pointermove",
-    onPointerEnter: "pointerenter",
-    onPointerLeave: "pointerleave",
-    onPointerOver: "pointerover",
-    onPointerOut: "pointerout",
-    onPointerCancel: "pointercancel",
-    onGotPointerCapture: "gotpointercapture",
-    onLostPointerCapture: "lostpointercapture",
+    "PointerDown PointerUp PointerMove PointerEnter PointerLeave PointerOver PointerOut PointerCancel " +
+    "GotPointerCapture LostPointerCapture " +
     // Touch
-    onTouchStart: "touchstart",
-    onTouchEnd: "touchend",
-    onTouchMove: "touchmove",
+    "TouchStart TouchEnd TouchMove " +
     // Drag
-    onDrag: "drag",
-    onDragStart: "dragstart",
-    onDragEnd: "dragend",
-    onDragEnter: "dragenter",
-    onDragLeave: "dragleave",
-    onDragOver: "dragover",
-    onDrop: "drop",
+    "Drag DragStart DragEnd DragEnter DragLeave DragOver Drop " +
     // Scroll / Wheel
-    onScroll: "scroll",
-    onScrollEnd: "scrollend",
-    onWheel: "wheel",
+    "Scroll ScrollEnd Wheel " +
     // Form
-    onChange: "change",
-    onInput: "input",
-    onBeforeInput: "beforeinput",
-    onSubmit: "submit",
-    onReset: "reset",
-    onSelect: "select",
-    onInvalid: "invalid",
+    "Change Input BeforeInput Submit Reset Select Invalid " +
     // Clipboard
-    onCopy: "copy",
-    onCut: "cut",
-    onPaste: "paste",
+    "Copy Cut Paste " +
     // Composition (IME)
-    onCompositionStart: "compositionstart",
-    onCompositionUpdate: "compositionupdate",
-    onCompositionEnd: "compositionend",
+    "CompositionStart CompositionUpdate CompositionEnd " +
     // Resource
-    onLoad: "load",
-    onError: "error",
+    "Load Error " +
     // Animation / Transition
-    onAnimationEnd: "animationend",
-    onTransitionEnd: "transitionend",
+    "AnimationEnd TransitionEnd " +
     // Element-specific (details, dialog, popover)
-    onToggle: "toggle",
-    onBeforeToggle: "beforetoggle",
-    onClose: "close",
-    onCancel: "cancel",
+    "Toggle BeforeToggle Close Cancel " +
     // Media
-    onAbort: "abort",
-    onCanPlay: "canplay",
-    onCanPlayThrough: "canplaythrough",
-    onDurationChange: "durationchange",
-    onEmptied: "emptied",
-    onEnded: "ended",
-    onLoadedData: "loadeddata",
-    onLoadedMetadata: "loadedmetadata",
-    onLoadStart: "loadstart",
-    onPause: "pause",
-    onPlay: "play",
-    onPlaying: "playing",
-    onProgress: "progress",
-    onRateChange: "ratechange",
-    onSeeked: "seeked",
-    onSeeking: "seeking",
-    onStalled: "stalled",
-    onSuspend: "suspend",
-    onTimeUpdate: "timeupdate",
-    onVolumeChange: "volumechange",
-    onWaiting: "waiting",
-};
+    "Abort CanPlay CanPlayThrough DurationChange Emptied Ended LoadedData LoadedMetadata LoadStart Pause Play " +
+    "Playing Progress RateChange Seeked Seeking Stalled Suspend TimeUpdate VolumeChange Waiting");
+function eventMap(names) {
+    return new Map(names.split(" ").map((name) => [`on${name}`, name.toLowerCase()]));
+}
 //# sourceMappingURL=constants.js.map

package/dist/dom/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/dom/constants.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/dom/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,4BAA4B,CAAC;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC;IAC9B,KAAK;IACL,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,UAAU;IACV,SAAS;IACT,SAAS;IACT,MAAM;IACN,GAAG;IACH,MAAM;IACN,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,MAAM;IACN,SAAS;IACT,OAAO;IACP,gBAAgB;IAChB,gBAAgB;IAChB,MAAM;IACN,QAAQ;IACR,gBAAgB;IAChB,OAAO;IACP,UAAU;IACV,eAAe;CAChB,CAAC,CAAC;AAEH,kGAAkG;AAClG,kGAAkG;AAClG,gFAAgF;AAChF,MAAM,CAAC,MAAM,SAAS,GAAgC,eAAe,CAAC,QAAQ;AAC5E,QAAQ;AACR,kGAAkG;IAClG,WAAW;IACX,yBAAyB;IACzB,QAAQ;IACR,aAAa;IACb,UAAU;IACV,mGAAmG;IACnG,uCAAuC;IACvC,QAAQ;IACR,gCAAgC;IAChC,OAAO;IACP,2DAA2D;IAC3D,iBAAiB;IACjB,yBAAyB;IACzB,OAAO;IACP,uDAAuD;IACvD,YAAY;IACZ,iBAAiB;IACjB,oBAAoB;IACpB,oDAAoD;IACpD,WAAW;IACX,aAAa;IACb,yBAAyB;IACzB,6BAA6B;IAC7B,8CAA8C;IAC9C,mCAAmC;IACnC,QAAQ;IACR,2GAA2G;IAC3G,4FAA4F,CAC7F,CAAC;AAEF,SAAS,QAAQ,CAAC,KAAa;IAC7B,OAAO,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;AACpF,CAAC"}

package/dist/dom/create.d.ts

@@ -1,2 +1,2 @@
-export declare function createElement(tag: string): HTMLElement | SVGElement;
+export declare function createElement(tag: string, doc?: Document): HTMLElement | SVGElement;
 //# sourceMappingURL=create.d.ts.map

package/dist/dom/create.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/dom/create.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAInE"}
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/dom/create.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,GAAE,QAAmB,GAAG,WAAW,GAAG,UAAU,CAI7F"}

package/dist/dom/create.js

@@ -1,7 +1,7 @@
 import { SVG_NAMESPACE, SVG_TAGS } from "./constants";
-export function createElement(tag) {
+export function createElement(tag, doc = document) {
     return SVG_TAGS.has(tag)
-        ? (document.createElementNS(SVG_NAMESPACE, tag))
-        : document.createElement(tag);
+        ? (doc.createElementNS(SVG_NAMESPACE, tag))
+        : doc.createElement(tag);
 }
 //# sourceMappingURL=create.js.map

package/dist/dom/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../../src/dom/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,UAAU,aAAa,CAAC,GAAW;IACvC,OAAO,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;QACtB,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;QAChD,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAClC,CAAC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../src/dom/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,UAAU,aAAa,CAAC,GAAW,EAAE,MAAgB,QAAQ;IACjE,OAAO,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;QACtB,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;QAC3C,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAC7B,CAAC"}

package/dist/dom/events.d.ts

@@ -1,3 +1,31 @@
 import type { Scope } from "../scope";
 export declare function addEvent(el: Element, eventName: string, handler: EventListener | EventListenerObject | null | undefined, scope: Scope): void;
+export interface DelegatedType {
+    /** The event prop (`onClick`), under which a hydration build pass records the handler. */
+    key: string;
+    type: string;
+    /** Holds an element's handler for this type. */
+    slot: symbol;
+    /** Set once the element's own listener for this type is attached. */
+    attached: symbol;
+    /** The capture listeners for this type are registered. */
+    watched: boolean;
+}
+/** The delegated event type an event prop binds, or null when `key` is not an event prop. */
+export declare function delegatedProp(key: string): DelegatedType | null;
+/**
+ * Registers a render container (or portal target) whose subtree gets delegated handlers even while
+ * it is not in the document. Returns the function that unregisters it.
+ */
+export declare function addEventRoot(root: EventTarget): () => void;
+/**
+ * Binds `handler` for the event of `entry` (see delegatedProp) on `el` without attaching a
+ * listener now (see above). Falls back to addEvent when no render container is registered (an
+ * element mounted outside render()), when the element already has a delegated handler for this
+ * type, or when it was bound by another scope.
+ */
+export declare function addDelegatedEvent(el: Element, entry: DelegatedType, handler: unknown, scope: Scope & {
+    gen: number;
+}): void;
+export declare function removeListener(el: Element, eventName: string, handler: unknown): void;
 //# sourceMappingURL=events.d.ts.map