@praxisjs/runtime 0.5.5 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @praxisjs/runtime
 
+## 0.6.0
+
+### Minor Changes
+
+- 728c90e: `render()` now hydrates prerendered HTML instead of discarding it, when the container carries the marker `@praxisjs/ssg` writes onto its static output.
+
+  The tree is still built the normal way (same `mountElement`/`mountComponent`/`mountReactive` code path, unchanged for every existing app), just into a detached node first. A new reconciliation pass then walks that fresh tree against the container's existing DOM: matching elements keep the real, already-attached node (with props and listeners replayed onto it) instead of being recreated, while text/comment nodes and any local mismatch are recreated as before. `Portal` is skipped during a server render pass (`isServerRenderPass()` from `@praxisjs/core/internal`) so its content is never baked into static HTML, avoiding duplication once it mounts normally on the client.
+
+  Apps that never render server-provided HTML are unaffected — `render()`'s create-mode path is unchanged.
+
+### Patch Changes
+
+- Updated dependencies [1ec5b2f]
+  - @praxisjs/core@2.1.0
+  - @praxisjs/decorators@1.6.1
+
 ## 0.5.5
 
 ### Patch Changes

package/dist/__tests__/hydration.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hydration.test.d.ts.map

package/dist/__tests__/hydration.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydration.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/hydration.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/hydration.test.js

@@ -0,0 +1,299 @@
+// @vitest-environment jsdom
+import { describe, it, expect, vi, afterEach } from "vitest";
+import { StatefulComponent } from "@praxisjs/core";
+import { isServerRenderPass, setServerRenderPass, signal } from "@praxisjs/core/internal";
+import { mountComponent } from "../component";
+import { getCurrentScope } from "../context";
+import { mountElement } from "../element";
+import { reconcile } from "../hydration";
+import { registerReactiveNode } from "../hydration-context";
+import { render, Portal } from "../index";
+import { Scope } from "../scope";
+const SSG_MARKER = "data-praxis-ssg";
+/** Renders `factory` into a throwaway container and returns the resulting markup, simulating SSR output. */
+function ssrHTML(factory) {
+    const serverContainer = document.createElement("div");
+    const unmount = render(factory, serverContainer);
+    const html = serverContainer.innerHTML;
+    unmount();
+    return html;
+}
+function hydratable(factory) {
+    const container = document.createElement("div");
+    container.innerHTML = ssrHTML(factory);
+    container.setAttribute(SSG_MARKER, "1");
+    document.body.appendChild(container);
+    return container;
+}
+afterEach(() => { setServerRenderPass(false); });
+describe("render() — hydration (build + reconcile)", () => {
+    it("adopts a flat element instead of recreating it", () => {
+        const factory = () => mountElement("p", { id: "greet", children: "hello" }, new Scope());
+        const container = hydratable(factory);
+        const serverEl = container.querySelector("#greet");
+        expect(serverEl).not.toBeNull();
+        render(factory, container);
+        expect(container.querySelector("#greet")).toBe(serverEl);
+        document.body.removeChild(container);
+    });
+    it("adopts nested elements at every level — the case that broke the ambient-cursor attempt", () => {
+        const factory = () => mountElement("div", {
+            id: "outer",
+            children: mountElement("span", { id: "inner", children: "text" }, new Scope()),
+        }, new Scope());
+        const container = hydratable(factory);
+        const outerBefore = container.querySelector("#outer");
+        const innerBefore = container.querySelector("#inner");
+        render(factory, container);
+        expect(container.querySelector("#outer")).toBe(outerBefore);
+        expect(container.querySelector("#inner")).toBe(innerBefore);
+        expect(container.textContent).toBe("text");
+        document.body.removeChild(container);
+    });
+    it("adopts three levels deep with siblings at each level", () => {
+        const factory = () => mountElement("ul", {
+            id: "list",
+            children: [
+                mountElement("li", { id: "a", children: mountElement("b", { children: "1" }, new Scope()) }, new Scope()),
+                mountElement("li", { id: "b", children: "2" }, new Scope()),
+            ],
+        }, new Scope());
+        const container = hydratable(factory);
+        const before = {
+            list: container.querySelector("#list"),
+            a: container.querySelector("#a"),
+            b: container.querySelector("#b"),
+            bold: container.querySelector("b"),
+        };
+        render(factory, container);
+        expect(container.querySelector("#list")).toBe(before.list);
+        expect(container.querySelector("#a")).toBe(before.a);
+        expect(container.querySelector("#b")).toBe(before.b);
+        expect(container.querySelector("b")).toBe(before.bold);
+        document.body.removeChild(container);
+    });
+    it("wires event listeners onto the adopted (real) element via replay", () => {
+        let clicks = 0;
+        const factory = () => mountElement("div", {
+            children: mountElement("button", { onClick: () => { clicks++; }, children: "Click" }, new Scope()),
+        }, new Scope());
+        const container = hydratable(factory);
+        const buttonBefore = container.querySelector("button");
+        render(factory, container);
+        expect(container.querySelector("button")).toBe(buttonBefore);
+        container.querySelector("button")?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+        expect(clicks).toBe(1);
+        document.body.removeChild(container);
+    });
+    it("hydrates reactive text and keeps reacting to signal changes afterwards", () => {
+        const text = signal("initial");
+        const factory = () => mountElement("span", { children: () => text() }, new Scope());
+        const container = hydratable(factory);
+        expect(container.textContent).toBe("initial");
+        render(factory, container);
+        text.set("updated");
+        expect(container.textContent).toBe("updated");
+        text.set("initial");
+        document.body.removeChild(container);
+    });
+    it("hydrates a reactive list of elements, keeping real nodes, and stays correct after a later update", () => {
+        const items = signal(["a", "b", "c"]);
+        const factory = () => mountElement("ul", {
+            id: "list",
+            children: () => items().map((item) => mountElement("li", { children: item }, new Scope())),
+        }, new Scope());
+        const container = hydratable(factory);
+        const list = container.querySelector("#list");
+        const firstLiBefore = list.querySelector("li");
+        expect(container.textContent).toBe("abc");
+        render(factory, container);
+        expect(container.querySelector("#list")?.querySelector("li")).toBe(firstLiBefore);
+        expect(container.textContent).toBe("abc");
+        // A subsequent reactive update must diff correctly — this only works if
+        // reconcile() rewrote mountReactive's `currentNodes` bookkeeping in place
+        // when it kept the real <li> elements instead of the fresh ones.
+        items.set(["x", "y"]);
+        expect(container.textContent).toBe("xy");
+        items.set(["z"]);
+        expect(container.textContent).toBe("z");
+        document.body.removeChild(container);
+    });
+    it("hydrates a component nested inside another component, firing onMount/onUnmount correctly", async () => {
+        class Inner extends StatefulComponent {
+            static __isComponent = true;
+            static __isStateless = false;
+            onMount() { }
+            onUnmount() { }
+            render() { return mountElement("em", { children: "inner" }, getCurrentScope()); }
+        }
+        class Outer extends StatefulComponent {
+            static __isComponent = true;
+            static __isStateless = false;
+            onMount() { }
+            render() {
+                return mountElement("section", {
+                    children: mountComponent(Inner, {}, getCurrentScope()),
+                }, getCurrentScope());
+            }
+        }
+        const factory = () => mountComponent(Outer, {}, getCurrentScope());
+        const container = hydratable(factory);
+        const emBefore = container.querySelector("em");
+        const outerMount = vi.spyOn(Outer.prototype, "onMount");
+        const innerMount = vi.spyOn(Inner.prototype, "onMount");
+        const innerUnmount = vi.spyOn(Inner.prototype, "onUnmount");
+        const dispose = render(factory, container);
+        await Promise.resolve();
+        expect(outerMount).toHaveBeenCalledOnce();
+        expect(innerMount).toHaveBeenCalledOnce();
+        expect(container.querySelector("em")).toBe(emBefore);
+        expect(container.textContent).toBe("inner");
+        dispose();
+        expect(innerUnmount).toHaveBeenCalledOnce();
+        outerMount.mockRestore();
+        innerMount.mockRestore();
+        innerUnmount.mockRestore();
+        document.body.removeChild(container);
+    });
+    it("a tag mismatch at one node replaces only that node — siblings stay adopted", () => {
+        const factory = () => mountElement("div", {
+            id: "wrap",
+            children: [
+                mountElement("p", { id: "before", children: "before" }, new Scope()),
+                mountElement("span", { id: "target", children: "new" }, new Scope()),
+                mountElement("p", { id: "after", children: "after" }, new Scope()),
+            ],
+        }, new Scope());
+        const container = document.createElement("div");
+        container.innerHTML =
+            '<div id="wrap"><p id="before">before</p><strong id="target">old</strong><p id="after">after</p></div>';
+        container.setAttribute(SSG_MARKER, "1");
+        document.body.appendChild(container);
+        const beforeEl = container.querySelector("#before");
+        const afterEl = container.querySelector("#after");
+        render(factory, container);
+        expect(container.querySelector("#before")).toBe(beforeEl);
+        expect(container.querySelector("#after")).toBe(afterEl);
+        expect(container.querySelector("#target")?.tagName.toLowerCase()).toBe("span");
+        expect(container.textContent).toBe("beforenewafter");
+        document.body.removeChild(container);
+    });
+    it("appends extra fresh nodes when the real DOM has fewer children than the fresh tree", () => {
+        // Client factory produces three items; the server only rendered two —
+        // exercises reconcile()'s mismatch branch once realCursor has run out.
+        const factory = () => mountElement("ul", {
+            id: "list",
+            children: [
+                mountElement("li", { id: "a", children: "a" }, new Scope()),
+                mountElement("li", { id: "b", children: "b" }, new Scope()),
+                mountElement("li", { id: "c", children: "c" }, new Scope()),
+            ],
+        }, new Scope());
+        const container = document.createElement("div");
+        container.innerHTML = '<ul id="list"><li id="a">a</li><li id="b">b</li></ul>';
+        container.setAttribute(SSG_MARKER, "1");
+        document.body.appendChild(container);
+        const aBefore = container.querySelector("#a");
+        const bBefore = container.querySelector("#b");
+        render(factory, container);
+        expect(container.querySelector("#a")).toBe(aBefore);
+        expect(container.querySelector("#b")).toBe(bBefore);
+        expect(container.querySelector("#c")?.textContent).toBe("c");
+        expect(container.querySelectorAll("#list > li")).toHaveLength(3);
+        document.body.removeChild(container);
+    });
+    it("keeps the real element even when its fresh counterpart bypassed mountElement (nothing recorded to replay)", () => {
+        class RawComp extends StatefulComponent {
+            static __isComponent = true;
+            static __isStateless = false;
+            render() {
+                const el = document.createElement("mark");
+                el.id = "raw";
+                el.textContent = "raw content";
+                return el;
+            }
+        }
+        const factory = () => mountComponent(RawComp, {}, getCurrentScope());
+        const container = hydratable(factory);
+        const markBefore = container.querySelector("#raw");
+        render(factory, container);
+        expect(container.querySelector("#raw")).toBe(markBefore);
+        expect(container.textContent).toBe("raw content");
+        document.body.removeChild(container);
+    });
+    it("removes trailing real nodes the fresh tree no longer produces", () => {
+        // Server rendered three items; the client factory only produces two —
+        // exercises reconcile()'s cleanup loop for leftover real siblings past
+        // the end of freshChildren.
+        const factory = () => mountElement("ul", {
+            id: "list",
+            children: [
+                mountElement("li", { id: "a", children: "a" }, new Scope()),
+                mountElement("li", { id: "b", children: "b" }, new Scope()),
+            ],
+        }, new Scope());
+        const container = document.createElement("div");
+        container.innerHTML =
+            '<ul id="list"><li id="a">a</li><li id="b">b</li><li id="c">c</li></ul>';
+        container.setAttribute(SSG_MARKER, "1");
+        document.body.appendChild(container);
+        const aBefore = container.querySelector("#a");
+        const bBefore = container.querySelector("#b");
+        render(factory, container);
+        expect(container.querySelector("#a")).toBe(aBefore);
+        expect(container.querySelector("#b")).toBe(bBefore);
+        expect(container.querySelector("#c")).toBeNull();
+        expect(container.querySelectorAll("#list > li")).toHaveLength(2);
+        document.body.removeChild(container);
+    });
+    it("reconcile() is a safe no-op when a fresh node's registered reactive owner doesn't actually contain it", () => {
+        // Defensive guard in notifyReplacement(): registerReactiveNode() always
+        // registers a node into the exact array collectNodes() just built it
+        // into, so indexOf() finding nothing shouldn't happen through normal
+        // mounting — this exercises that branch directly, at the unit level, to
+        // confirm the guard degrades safely (no throw, no corruption) rather
+        // than silently trusting it can never occur.
+        const fresh = document.createElement("span");
+        const bogusOwner = [];
+        registerReactiveNode(fresh, bogusOwner);
+        const container = document.createElement("div");
+        const real = document.createElement("span");
+        container.appendChild(real);
+        expect(() => { reconcile(container, [fresh]); }).not.toThrow();
+        expect(bogusOwner).toEqual([]);
+        expect(container.firstChild).toBe(real);
+    });
+    it("plain client render (no SSG marker) is completely unaffected", () => {
+        const factory = () => mountElement("p", { children: "hello" }, new Scope());
+        const container = document.createElement("div");
+        document.body.appendChild(container);
+        render(factory, container);
+        expect(container.textContent).toBe("hello");
+        document.body.removeChild(container);
+    });
+});
+describe("Portal — server render pass", () => {
+    it("renders nothing into the target during a server render pass", () => {
+        setServerRenderPass(true);
+        expect(isServerRenderPass()).toBe(true);
+        const target = document.createElement("div");
+        document.body.appendChild(target);
+        const scope = new Scope();
+        const nodes = mountComponent(Portal, { to: target, children: document.createTextNode("hi") }, scope);
+        expect(target.textContent).toBe("");
+        expect(nodes.every((n) => n.nodeType === Node.COMMENT_NODE)).toBe(true);
+        scope.dispose();
+        document.body.removeChild(target);
+    });
+    it("mounts normally on the client once the server pass is over", () => {
+        setServerRenderPass(false);
+        const target = document.createElement("div");
+        document.body.appendChild(target);
+        const scope = new Scope();
+        mountComponent(Portal, { to: target, children: document.createTextNode("hi") }, scope);
+        expect(target.textContent).toBe("hi");
+        scope.dispose();
+        document.body.removeChild(target);
+    });
+});
+//# sourceMappingURL=hydration.test.js.map

package/dist/__tests__/hydration.test.js.map

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

package/dist/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,KAAK,EAAE,KAAK,GACX,WAAW,GAAG,UAAU,CAa1B"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,KAAK,EAAE,KAAK,GACX,WAAW,GAAG,UAAU,CAiB1B"}

package/dist/element.js

@@ -1,8 +1,13 @@
 import { mountChildren } from "./children";
 import { createElement } from "./dom/create";
 import { applyProp } from "./dom/props";
+import { isRecording, recordProps } from "./hydration-context";
 export function mountElement(tag, props, scope) {
     const el = createElement(tag);
+    // During a hydration build pass, retain (props, scope) so reconcile() can
+    // replay them onto whichever real element it ends up keeping instead.
+    if (isRecording())
+        recordProps(el, props, scope);
     for (const key in props) {
         if (key === "children")
             continue;

package/dist/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,MAAM,UAAU,YAAY,CAC1B,GAAW,EACX,KAA8B,EAC9B,KAAY;IAEZ,MAAM,EAAE,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;IAE9B,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,IAAI,GAAG,KAAK,UAAU;YAAE,SAAS;QACjC,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACjC,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC"}
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAI/D,MAAM,UAAU,YAAY,CAC1B,GAAW,EACX,KAA8B,EAC9B,KAAY;IAEZ,MAAM,EAAE,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;IAE9B,0EAA0E;IAC1E,sEAAsE;IACtE,IAAI,WAAW,EAAE;QAAE,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAEjD,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,IAAI,GAAG,KAAK,UAAU;YAAE,SAAS;QACjC,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACjC,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/dist/hydration-context.d.ts

@@ -0,0 +1,21 @@
+import type { Scope } from "./scope";
+/**
+ * Marks the synchronous "build" pass of a hydration attempt: `factory()` runs
+ * completely normally (same create-mode code as a plain client render), but
+ * every element additionally records its (props, scope) for reconcile()'s
+ * replay step, and every mountReactive() region records which of its output
+ * nodes may need to be swapped in-place if reconcile() decides to keep a real
+ * element instead of the fresh one. No-op / zero cost outside a build pass.
+ */
+export declare function runInRecording<T>(fn: () => T): T;
+export declare function isRecording(): boolean;
+interface PropRecord {
+    props: Record<string, unknown>;
+    scope: Scope;
+}
+export declare function recordProps(el: Element, props: Record<string, unknown>, scope: Scope): void;
+export declare function getRecordedProps(el: Element): PropRecord | undefined;
+export declare function registerReactiveNode(node: Node, owner: Node[]): void;
+export declare function getReactiveOwner(node: Node): Node[] | undefined;
+export {};
+//# sourceMappingURL=hydration-context.d.ts.map

package/dist/hydration-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydration-context.d.ts","sourceRoot":"","sources":["../src/hydration-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIrC;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAQhD;AAED,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,KAAK,EAAE,KAAK,CAAC;CACd;AAID,wBAAgB,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAE3F;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAEpE;AAOD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAEpE;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,SAAS,CAE/D"}

package/dist/hydration-context.js

@@ -0,0 +1,40 @@
+let _recording = false;
+/**
+ * Marks the synchronous "build" pass of a hydration attempt: `factory()` runs
+ * completely normally (same create-mode code as a plain client render), but
+ * every element additionally records its (props, scope) for reconcile()'s
+ * replay step, and every mountReactive() region records which of its output
+ * nodes may need to be swapped in-place if reconcile() decides to keep a real
+ * element instead of the fresh one. No-op / zero cost outside a build pass.
+ */
+export function runInRecording(fn) {
+    const prev = _recording;
+    _recording = true;
+    try {
+        return fn();
+    }
+    finally {
+        _recording = prev;
+    }
+}
+export function isRecording() {
+    return _recording;
+}
+const _propRecords = new WeakMap();
+export function recordProps(el, props, scope) {
+    _propRecords.set(el, { props, scope });
+}
+export function getRecordedProps(el) {
+    return _propRecords.get(el);
+}
+// mountReactive() keeps a `currentNodes` array (by reference) for diffing its
+// *next* update. If reconcile() replaces one of those fresh nodes with a real
+// one, it needs to overwrite that array in place so the closure sees the swap.
+const _reactiveOwners = new WeakMap();
+export function registerReactiveNode(node, owner) {
+    _reactiveOwners.set(node, owner);
+}
+export function getReactiveOwner(node) {
+    return _reactiveOwners.get(node);
+}
+//# sourceMappingURL=hydration-context.js.map

package/dist/hydration-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydration-context.js","sourceRoot":"","sources":["../src/hydration-context.ts"],"names":[],"mappings":"AAEA,IAAI,UAAU,GAAG,KAAK,CAAC;AAEvB;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAI,EAAW;IAC3C,MAAM,IAAI,GAAG,UAAU,CAAC;IACxB,UAAU,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC;QACH,OAAO,EAAE,EAAE,CAAC;IACd,CAAC;YAAS,CAAC;QACT,UAAU,GAAG,IAAI,CAAC;IACpB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,UAAU,CAAC;AACpB,CAAC;AAOD,MAAM,YAAY,GAAG,IAAI,OAAO,EAAuB,CAAC;AAExD,MAAM,UAAU,WAAW,CAAC,EAAW,EAAE,KAA8B,EAAE,KAAY;IACnF,YAAY,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAW;IAC1C,OAAO,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAC9B,CAAC;AAED,8EAA8E;AAC9E,8EAA8E;AAC9E,+EAA+E;AAC/E,MAAM,eAAe,GAAG,IAAI,OAAO,EAAgB,CAAC;AAEpD,MAAM,UAAU,oBAAoB,CAAC,IAAU,EAAE,KAAa;IAC5D,eAAe,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAU;IACzC,OAAO,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC"}

package/dist/hydration.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Walks `freshChildren` (the complete, correctly-nested output of a normal
+ * create-mode mount into a detached scratch node) against `realParent`'s
+ * existing children (the server-rendered DOM already attached to the page),
+ * in document order — safe now that both trees are fully built, unlike trying
+ * to adopt while `freshChildren` was still being constructed.
+ *
+ * Matching elements keep the real node (props/listeners replayed onto it,
+ * via `applyProp` — the same function normal mounting uses) and recurse.
+ * Text/comment nodes are always taken from the fresh side — they carry no
+ * listeners or state, so recreating them is free and avoids having to
+ * re-point mountComponent/mountReactive's anchor comments. Anything that
+ * doesn't line up (different tag, or one side ran out) is a local mismatch:
+ * the stale real node is dropped and the fresh one takes its place — no
+ * lookahead, no reordering, and no whole-page fallback.
+ */
+export declare function reconcile(realParent: Node, freshChildren: Node[]): void;
+//# sourceMappingURL=hydration.d.ts.map

package/dist/hydration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydration.d.ts","sourceRoot":"","sources":["../src/hydration.ts"],"names":[],"mappings":"AAuBA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,CA8BvE"}

package/dist/hydration.js

@@ -0,0 +1,67 @@
+import { applyProp } from "./dom/props";
+import { getReactiveOwner, getRecordedProps } from "./hydration-context";
+function replayProps(real, fresh) {
+    const record = getRecordedProps(fresh);
+    if (!record)
+        return;
+    for (const key in record.props) {
+        if (key === "children")
+            continue;
+        applyProp(real, key, record.props[key], record.scope);
+    }
+}
+// mountReactive()'s `currentNodes` array holds fresh node references for its
+// *next* diff. If we're keeping `real` instead of `fresh` here, that array
+// needs to see the swap too — it's registered by reference, so this mutation
+// is visible to whichever effect closure owns it.
+function notifyReplacement(fresh, real) {
+    const owner = getReactiveOwner(fresh);
+    if (!owner)
+        return;
+    const idx = owner.indexOf(fresh);
+    if (idx !== -1)
+        owner[idx] = real;
+}
+/**
+ * Walks `freshChildren` (the complete, correctly-nested output of a normal
+ * create-mode mount into a detached scratch node) against `realParent`'s
+ * existing children (the server-rendered DOM already attached to the page),
+ * in document order — safe now that both trees are fully built, unlike trying
+ * to adopt while `freshChildren` was still being constructed.
+ *
+ * Matching elements keep the real node (props/listeners replayed onto it,
+ * via `applyProp` — the same function normal mounting uses) and recurse.
+ * Text/comment nodes are always taken from the fresh side — they carry no
+ * listeners or state, so recreating them is free and avoids having to
+ * re-point mountComponent/mountReactive's anchor comments. Anything that
+ * doesn't line up (different tag, or one side ran out) is a local mismatch:
+ * the stale real node is dropped and the fresh one takes its place — no
+ * lookahead, no reordering, and no whole-page fallback.
+ */
+export function reconcile(realParent, freshChildren) {
+    let realCursor = realParent.firstChild;
+    for (const fresh of freshChildren) {
+        if (fresh.nodeType === Node.ELEMENT_NODE &&
+            realCursor?.nodeType === Node.ELEMENT_NODE &&
+            realCursor.localName === fresh.localName) {
+            const real = realCursor;
+            realCursor = real.nextSibling;
+            replayProps(real, fresh);
+            reconcile(real, Array.from(fresh.childNodes));
+            notifyReplacement(fresh, real);
+            continue;
+        }
+        if (realCursor) {
+            const stale = realCursor;
+            realCursor = realCursor.nextSibling;
+            stale.remove();
+        }
+        realParent.insertBefore(fresh, realCursor);
+    }
+    while (realCursor) {
+        const stale = realCursor;
+        realCursor = realCursor.nextSibling;
+        stale.remove();
+    }
+}
+//# sourceMappingURL=hydration.js.map

package/dist/hydration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydration.js","sourceRoot":"","sources":["../src/hydration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEzE,SAAS,WAAW,CAAC,IAAa,EAAE,KAAc;IAChD,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,GAAG,KAAK,UAAU;YAAE,SAAS;QACjC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;AACH,CAAC;AAED,6EAA6E;AAC7E,2EAA2E;AAC3E,6EAA6E;AAC7E,kDAAkD;AAClD,SAAS,iBAAiB,CAAC,KAAW,EAAE,IAAU;IAChD,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,GAAG,KAAK,CAAC,CAAC;QAAE,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AACpC,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,SAAS,CAAC,UAAgB,EAAE,aAAqB;IAC/D,IAAI,UAAU,GAAqB,UAAU,CAAC,UAAU,CAAC;IAEzD,KAAK,MAAM,KAAK,IAAI,aAAa,EAAE,CAAC;QAClC,IACE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YACpC,UAAU,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY;YACzC,UAAsB,CAAC,SAAS,KAAM,KAAiB,CAAC,SAAS,EAClE,CAAC;YACD,MAAM,IAAI,GAAG,UAAqB,CAAC;YACnC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;YAC9B,WAAW,CAAC,IAAI,EAAE,KAAgB,CAAC,CAAC;YACpC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAE,KAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;YAC3D,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC/B,SAAS;QACX,CAAC;QAED,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,KAAK,GAAG,UAAU,CAAC;YACzB,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC;YACpC,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,CAAC;QACD,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,UAAU,EAAE,CAAC;QAClB,MAAM,KAAK,GAAG,UAAU,CAAC;QACzB,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC;QACpC,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -4,6 +4,12 @@
  * The factory function is called once inside the root scope,
  * so `jsx()` can access the current scope via `getCurrentScope()`.
  *
+ * If `container` carries the marker `@praxisjs/ssg` stamps onto prerendered
+ * HTML, the tree is built normally into a detached scratch node and then
+ * reconciled against the existing DOM (real elements are kept and have their
+ * props/listeners replayed onto them; text/comments and any mismatched nodes
+ * are recreated) instead of clearing the container and mounting fresh.
+ *
  * @example
  * render(() => <App />, document.getElementById('app'));
  */

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,wBAAgB,MAAM,CACpB,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EACnC,SAAS,EAAE,WAAW,GACrB,MAAM,IAAI,CAcZ;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAqDA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CACpB,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EACnC,SAAS,EAAE,WAAW,GACrB,MAAM,IAAI,CAKZ;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -1,16 +1,11 @@
 import { mountChildren } from "./children";
 import { runInScope } from "./context";
+import { reconcile } from "./hydration";
+import { runInRecording } from "./hydration-context";
 import { Scope } from "./scope";
-/**
- * Renders a component tree into a container element.
- *
- * The factory function is called once inside the root scope,
- * so `jsx()` can access the current scope via `getCurrentScope()`.
- *
- * @example
- * render(() => <App />, document.getElementById('app'));
- */
-export function render(factory, container) {
+/** Written by `@praxisjs/ssg` onto the mount container in its prerendered HTML. */
+const SSG_MARKER = "data-praxis-ssg";
+function mountCreate(factory, container) {
     const rootScope = new Scope();
     container.innerHTML = "";
     runInScope(rootScope, () => {
@@ -22,6 +17,46 @@ export function render(factory, container) {
         container.innerHTML = "";
     };
 }
+function hydrate(factory, container) {
+    const rootScope = new Scope();
+    const scratch = document.createDocumentFragment();
+    // Build normally — same code as mountCreate, just into a detached scratch
+    // node instead of the real container, so it can be walked in document
+    // order afterwards (its own construction order is bottom-up, not useful
+    // for matching against the server-rendered DOM directly).
+    runInRecording(() => {
+        runInScope(rootScope, () => {
+            const result = factory();
+            mountChildren(scratch, result, rootScope);
+        });
+    });
+    reconcile(container, Array.from(scratch.childNodes));
+    return () => {
+        rootScope.dispose();
+        container.innerHTML = "";
+    };
+}
+/**
+ * Renders a component tree into a container element.
+ *
+ * The factory function is called once inside the root scope,
+ * so `jsx()` can access the current scope via `getCurrentScope()`.
+ *
+ * If `container` carries the marker `@praxisjs/ssg` stamps onto prerendered
+ * HTML, the tree is built normally into a detached scratch node and then
+ * reconciled against the existing DOM (real elements are kept and have their
+ * props/listeners replayed onto them; text/comments and any mismatched nodes
+ * are recreated) instead of clearing the container and mounting fresh.
+ *
+ * @example
+ * render(() => <App />, document.getElementById('app'));
+ */
+export function render(factory, container) {
+    if (container.hasAttribute(SSG_MARKER)) {
+        return hydrate(factory, container);
+    }
+    return mountCreate(factory, container);
+}
 export { Scope } from "./scope";
 export { runInScope, getCurrentScope } from "./context";
 export { mountElement } from "./element";