@moku-labs/web 0.5.4 → 0.5.5

package/dist/browser.mjs

@@ -3303,11 +3303,10 @@ function createSpaKernel(state, config, emit, deps) {
 			const region = document.querySelector(resolved.swapSelector);
 			if (!region) return false;
 			handleStart(pathname);
-			const { renderVNode } = await import("./render-BL9Fv6G6.mjs");
+			const { renderVNode } = await import("./render-BNe0s7fr.mjs");
 			syncDataHead(hit.route, routeContext);
 			unmountPageSpecific(state, emit);
 			runSwap(() => {
-				region.replaceChildren();
 				renderVNode(vnode, region);
 				scanAndMount(state, emit, resolved.swapSelector);
 				notifyNavEnd(state);

package/dist/index.cjs

@@ -6701,11 +6701,10 @@ function createSpaKernel(state, config, emit, deps) {
 			const region = document.querySelector(resolved.swapSelector);
 			if (!region) return false;
 			handleStart(pathname);
-			const { renderVNode } = await Promise.resolve().then(() => require("./render-BSTM0Akv.cjs"));
+			const { renderVNode } = await Promise.resolve().then(() => require("./render-DLZEOe4M.cjs"));
 			syncDataHead(hit.route, routeContext);
 			unmountPageSpecific(state, emit);
 			runSwap(() => {
-				region.replaceChildren();
 				renderVNode(vnode, region);
 				scanAndMount(state, emit, resolved.swapSelector);
 				notifyNavEnd(state);

package/dist/index.mjs

@@ -6688,11 +6688,10 @@ function createSpaKernel(state, config, emit, deps) {
 			const region = document.querySelector(resolved.swapSelector);
 			if (!region) return false;
 			handleStart(pathname);
-			const { renderVNode } = await import("./render-BL9Fv6G6.mjs");
+			const { renderVNode } = await import("./render-BNe0s7fr.mjs");
 			syncDataHead(hit.route, routeContext);
 			unmountPageSpecific(state, emit);
 			runSwap(() => {
-				region.replaceChildren();
 				renderVNode(vnode, region);
 				scanAndMount(state, emit, resolved.swapSelector);
 				notifyNavEnd(state);

package/dist/render-BNe0s7fr.mjs

@@ -0,0 +1,32 @@
+import { render } from "preact";
+//#region src/plugins/spa/render.ts
+/**
+* Render a route's `VNode` into the live swap region, starting from a clean slate
+* each time. Preact keeps the previous vdom tree on the container and diffs the
+* next render against it — but the kernel clears the region between navs to drop
+* the static SSR markup. A raw `replaceChildren()` would delete the live DOM out
+* from under Preact's retained vdom, so the next diff patches detached nodes → an
+* empty region (the bug where a SECOND consecutive client nav went blank).
+*
+* To stay correct without tracking element identity, first `render(null, region)`
+* — this unmounts any Preact tree Preact owns AND resets its retained vdom pointer
+* (a no-op the first time, when the region still holds raw SSR/HTML). Then clear
+* whatever static children remain, then mount the new VNode fresh. Reuses the
+* build's component output verbatim (same `route.render`), so the client paint
+* matches the SSG paint.
+*
+* @param vnode - The VNode produced by the matched route's `.render(ctx)`.
+* @param region - The swap-region element to render into.
+* @example
+* ```ts
+* const { renderVNode } = await import("./render");
+* renderVNode(route._handlers.render(ctx), document.querySelector("main > section"));
+* ```
+*/
+function renderVNode(vnode, region) {
+	render(null, region);
+	region.replaceChildren();
+	render(vnode, region);
+}
+//#endregion
+export { renderVNode };

package/dist/render-DLZEOe4M.cjs

@@ -0,0 +1,32 @@
+let preact = require("preact");
+//#region src/plugins/spa/render.ts
+/**
+* Render a route's `VNode` into the live swap region, starting from a clean slate
+* each time. Preact keeps the previous vdom tree on the container and diffs the
+* next render against it — but the kernel clears the region between navs to drop
+* the static SSR markup. A raw `replaceChildren()` would delete the live DOM out
+* from under Preact's retained vdom, so the next diff patches detached nodes → an
+* empty region (the bug where a SECOND consecutive client nav went blank).
+*
+* To stay correct without tracking element identity, first `render(null, region)`
+* — this unmounts any Preact tree Preact owns AND resets its retained vdom pointer
+* (a no-op the first time, when the region still holds raw SSR/HTML). Then clear
+* whatever static children remain, then mount the new VNode fresh. Reuses the
+* build's component output verbatim (same `route.render`), so the client paint
+* matches the SSG paint.
+*
+* @param vnode - The VNode produced by the matched route's `.render(ctx)`.
+* @param region - The swap-region element to render into.
+* @example
+* ```ts
+* const { renderVNode } = await import("./render");
+* renderVNode(route._handlers.render(ctx), document.querySelector("main > section"));
+* ```
+*/
+function renderVNode(vnode, region) {
+	(0, preact.render)(null, region);
+	region.replaceChildren();
+	(0, preact.render)(vnode, region);
+}
+//#endregion
+exports.renderVNode = renderVNode;

package/package.json

@@ -112,5 +112,5 @@
     "test:integration": "vitest run --project integration",
     "test:coverage": "vitest run --project unit --project integration --coverage"
   },
-  "version": "0.5.4"
+  "version": "0.5.5"
 }

package/dist/render-BL9Fv6G6.mjs

@@ -1,20 +0,0 @@
-import { render } from "preact";
-//#region src/plugins/spa/render.ts
-/**
-* Render a route's `VNode` into the live swap region, replacing its contents.
-* Reuses the build's component output verbatim (same `route.render`), so the
-* client paint matches the SSG paint.
-*
-* @param vnode - The VNode produced by the matched route's `.render(ctx)`.
-* @param region - The swap-region element to render into.
-* @example
-* ```ts
-* const { renderVNode } = await import("./render");
-* renderVNode(route._handlers.render(ctx), document.querySelector("main > section"));
-* ```
-*/
-function renderVNode(vnode, region) {
-	render(vnode, region);
-}
-//#endregion
-export { renderVNode };

package/dist/render-BSTM0Akv.cjs

@@ -1,20 +0,0 @@
-let preact = require("preact");
-//#region src/plugins/spa/render.ts
-/**
-* Render a route's `VNode` into the live swap region, replacing its contents.
-* Reuses the build's component output verbatim (same `route.render`), so the
-* client paint matches the SSG paint.
-*
-* @param vnode - The VNode produced by the matched route's `.render(ctx)`.
-* @param region - The swap-region element to render into.
-* @example
-* ```ts
-* const { renderVNode } = await import("./render");
-* renderVNode(route._handlers.render(ctx), document.querySelector("main > section"));
-* ```
-*/
-function renderVNode(vnode, region) {
-	(0, preact.render)(vnode, region);
-}
-//#endregion
-exports.renderVNode = renderVNode;