@void/react 1.3.0 → 1.5.0

package/dist/{action-4EvQppia.mjs → action-CyCVdW12.mjs}

@@ -1,7 +1,6 @@
 import { createActionClient } from "void/pages-client";
-//#region src/runtime/action.ts
-const client = createActionClient();
+// src/runtime/action.ts
+const client = createActionClient({ _resolveOnShell: true });
 const action = client.action;
 const setActionRouter = client.setActionRouter;
-//#endregion
 export { setActionRouter as n, action as t };

package/dist/{context-D2ctU4yT.mjs → context-BQpawTZc.mjs}

@@ -1,11 +1,10 @@
 import { createContext } from "react";
 import { idleNavigationState } from "void/pages-client";
-//#region src/runtime/context.ts
+// src/runtime/context.ts
 const SharedContext = createContext(null);
 const ErrorsContext = createContext(null);
 const ParamsContext = createContext(null);
 const RouterContext = createContext(null);
 const NavigationContext = createContext(idleNavigationState());
 const FrontmatterContext = createContext({});
-//#endregion
 export { RouterContext as a, ParamsContext as i, FrontmatterContext as n, SharedContext as o, NavigationContext as r, ErrorsContext as t };

package/dist/{deferred-shell-DOuP2YAo.mjs → deferred-shell-D5T32zXz.mjs}

@@ -1,6 +1,5 @@
-//#region src/runtime/deferred-shell.ts
+// src/runtime/deferred-shell.ts
 const DEFERRED_SHELL_END_ID = "__VOID_DEFERRED_SHELL_END__";
 const DEFERRED_SHELL_END_MARKER = `<template id="${DEFERRED_SHELL_END_ID}"></template>`;
 const DEFERRED_SHELL_CANCEL_REASON = "Void deferred shell complete";
-//#endregion
 export { DEFERRED_SHELL_END_ID as n, DEFERRED_SHELL_END_MARKER as r, DEFERRED_SHELL_CANCEL_REASON as t };

package/dist/index.d.mts

@@ -2,15 +2,12 @@ import { AnchorHTMLAttributes, ButtonHTMLAttributes, Context, FormHTMLAttributes
 import { ActionClient, FormMethod, FormModel, FormResetOptions, NavigationState, VoidActionError, VoidRouter } from "void/pages-client";
 import { CloudContextVariables, InferProps } from "void";
 import { ActionFormOptions, ActionUrl, ResolveActionBody } from "void/routes";
-//#region src/runtime/form.d.ts
 type FormProps = Omit<FormHTMLAttributes<HTMLFormElement>, "action" | "onSubmit" | "method" | "onError"> & {
   form: FormModel<[FormData]>;
   method?: FormMethod;
   renderError?: (error: VoidActionError) => ReactNode;
 };
 export declare function Form({ form, method, renderError, children, ...props }: FormProps): ReactElement;
-//#endregion
-//#region src/runtime/link.d.ts
 type PrefetchStrategy = "hover" | "click" | "mount" | "visible";
 type LinkMethod = "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
 type CommonProps = {
@@ -30,18 +27,16 @@ type CommonProps = {
 };
 type LinkProps = CommonProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps>;
 export declare function Link({ href, method, data, preserveScroll, preserveState, replace, reloadDocument, viewTransition, prefetch: prefetchProp, cacheFor, onNavigate, children, style, onClick: onClickProp, onMouseEnter: onMouseEnterProp, onMouseLeave: onMouseLeaveProp, onFocus: onFocusProp, onMouseDown: onMouseDownProp, onTouchStart: onTouchStartProp, ...rest }: LinkProps): JSX.Element;
-//#endregion
-//#region src/runtime/use-router.d.ts
 export declare function useRouter(): VoidRouter;
-//#endregion
-//#region src/runtime/use-params.d.ts
 export declare function useParams<T extends Record<string, string> = Record<string, string>>(): T;
-//#endregion
-//#region src/runtime/use-shared.d.ts
 export declare function useShared<T = CloudContextVariables["shared"]>(): T;
-//#endregion
-//#region src/runtime/use-form.d.ts
-export declare function useForm<U extends ActionUrl & string>(url: U, defaults: ResolveActionBody<U>, options?: ActionFormOptions<U>): {
+type FormOptions = {
+  params?: Record<string, string>;
+  resetOnSuccess?: boolean;
+  onSuccess?: () => void | Promise<void>;
+  onError?: (error: Record<string, string> | VoidActionError) => void | Promise<void>;
+};
+export declare function useForm<U extends ActionUrl & string>(url: U, defaults: ResolveActionBody<U>, options?: ActionFormOptions<U> & Pick<FormOptions, "onSuccess" | "onError">): {
   data: ResolveActionBody<U>;
   setData: <K extends keyof ResolveActionBody<U> & string>(field: K, value: ResolveActionBody<U>[K]) => void;
   errors: Partial<Record<keyof ResolveActionBody<U> & string, string>>;
@@ -60,11 +55,7 @@ export declare function useForm<U extends ActionUrl & string>(url: U, defaults:
   clearErrors(...fields: ReadonlyArray<keyof ResolveActionBody<U> & string>): void;
   clearError(): void;
 };
-//#endregion
-//#region src/runtime/use-navigation.d.ts
 export declare function useNavigation(): NavigationState;
-//#endregion
-//#region src/runtime/use-island-form.d.ts
 type IslandFormReturn<T extends Record<string, unknown>> = Readonly<{
   data: T;
   setData: <K extends keyof T & string>(field: K, value: T[K]) => void;
@@ -87,20 +78,13 @@ type IslandFormReturn<T extends Record<string, unknown>> = Readonly<{
  * Void Router (which is not available in island mode).
  */
 export declare function useIslandForm<T extends Record<string, unknown>>(defaults: T): IslandFormReturn<T>;
-//#endregion
-//#region src/runtime/action.d.ts
 export declare const action: ActionClient["action"];
 export declare const setActionRouter: ActionClient["setActionRouter"];
-//#endregion
-//#region src/runtime/context.d.ts
 export declare const SharedContext: Context<Record<string, unknown> | null>;
 export declare const ErrorsContext: Context<Record<string, string> | null>;
 export declare const ParamsContext: Context<Record<string, string> | null>;
 export declare const RouterContext: Context<VoidRouter | null>;
 export declare const NavigationContext: Context<NavigationState>;
 export declare const FrontmatterContext: Context<Record<string, unknown>>;
-//#endregion
-//#region src/runtime/index.d.ts
 export type Deferred<T> = Promise<T>;
-//#endregion
 export type { InferProps };

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { a as RouterContext, i as ParamsContext, n as FrontmatterContext, o as SharedContext, r as NavigationContext, t as ErrorsContext } from "./context-D2ctU4yT.mjs";
-import { n as setActionRouter, t as action } from "./action-4EvQppia.mjs";
+import { a as RouterContext, i as ParamsContext, n as FrontmatterContext, o as SharedContext, r as NavigationContext, t as ErrorsContext } from "./context-BQpawTZc.mjs";
+import { n as setActionRouter, t as action } from "./action-CyCVdW12.mjs";
 import { useActionState, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { VoidActionError, categorizeActionError, cloneFormValue, formErrorMessage, formRetryMessage, formSubmissionBlocked, getValidationErrors, interpolateRouteParams, isAbortError, isEqualFormValue, isModifiedEvent, mergeDataIntoHref, parseFormResetArgs, scheduleFormRetry, ssrProxy, submitAction } from "void/pages-client";
+import { cloneFormValue, formErrorMessage, formRetryMessage, formSubmissionBlocked, getValidationErrors, interpolateRouteParams, isAbortError, isEqualFormValue, isModifiedEvent, mergeDataIntoHref, parseFormResetArgs, scheduleFormRetry, ssrProxy, submitAction, submitIslandAction } from "void/pages-client";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/runtime/form.tsx
+// src/runtime/form.tsx
 function Form({ form, method = "post", renderError, children, ...props }) {
 	const [now, setNow] = useState(Date.now);
 	useEffect(() => scheduleFormRetry(form.error, () => setNow(Date.now())), [form.error]);
@@ -24,8 +24,7 @@ function Form({ form, method = "post", renderError, children, ...props }) {
 		}), children]
 	});
 }
-//#endregion
-//#region src/runtime/link.tsx
+// src/runtime/link.tsx
 function Link({ href, method = "GET", data, preserveScroll = false, preserveState = false, replace = false, reloadDocument = false, viewTransition, prefetch: prefetchProp = false, cacheFor, onNavigate, children, style, onClick: onClickProp, onMouseEnter: onMouseEnterProp, onMouseLeave: onMouseLeaveProp, onFocus: onFocusProp, onMouseDown: onMouseDownProp, onTouchStart: onTouchStartProp, ...rest }) {
 	const router = useContext(RouterContext);
 	const elementRef = useRef(null);
@@ -208,27 +207,23 @@ function Link({ href, method = "GET", data, preserveScroll = false, preserveStat
 		children
 	});
 }
-//#endregion
-//#region src/runtime/use-router.ts
+// src/runtime/use-router.ts
 function useRouter() {
 	return useContext(RouterContext) ?? ssrProxy;
 }
-//#endregion
-//#region src/runtime/use-params.ts
+// src/runtime/use-params.ts
 function useParams() {
 	const params = useContext(ParamsContext);
 	if (params === null) throw new Error("useParams(): must be used inside a Void page.");
 	return params;
 }
-//#endregion
-//#region src/runtime/use-shared.ts
+// src/runtime/use-shared.ts
 function useShared() {
 	const shared = useContext(SharedContext);
 	if (!shared) throw new Error("useShared(): must be used inside a Void page.");
 	return shared;
 }
-//#endregion
-//#region src/runtime/use-form.ts
+// src/runtime/use-form.ts
 function useForm(url, defaults, options) {
 	const router = useContext(RouterContext);
 	const [data, setDataState] = useState(() => cloneFormValue(defaults));
@@ -309,8 +304,13 @@ function useForm(url, defaults, options) {
 		}
 		if (!result.ok) {
 			const validationErrors = getValidationErrors(result.error.body);
-			if (validationErrors) setErrors(validationErrors);
-			else setActionError(result.error);
+			if (validationErrors) {
+				setErrors(validationErrors);
+				await options?.onError?.(validationErrors);
+			} else {
+				setActionError(result.error);
+				await options?.onError?.(result.error);
+			}
 			return previousSuccessVersion;
 		}
 		if (options?.resetOnSuccess) {
@@ -326,6 +326,7 @@ function useForm(url, defaults, options) {
 			setRecentlySuccessful(false);
 			successTimeoutRef.current = null;
 		}, 2e3);
+		await options?.onSuccess?.();
 		return previousSuccessVersion + 1;
 	}, 0);
 	useEffect(() => {
@@ -358,22 +359,11 @@ function useForm(url, defaults, options) {
 		clearError
 	};
 }
-//#endregion
-//#region src/runtime/use-navigation.ts
+// src/runtime/use-navigation.ts
 function useNavigation() {
 	return useContext(NavigationContext);
 }
-//#endregion
-//#region src/runtime/use-island-form.ts
-async function readActionErrorBody(response) {
-	const contentType = response.headers.get("content-type") || "";
-	try {
-		if (contentType.includes("application/json")) return await response.json();
-		return await response.text() || null;
-	} catch {
-		return null;
-	}
-}
+// src/runtime/use-island-form.ts
 /**
 * Form hook for island pages. Uses fetch + page reload instead of the
 * Void Router (which is not available in island mode).
@@ -424,16 +414,12 @@ function useIslandForm(defaults) {
 		setErrors({});
 		setError(null);
 		try {
-			const response = await fetch(url, {
-				method,
-				headers: { "Content-Type": "application/json" },
-				body: JSON.stringify(data)
-			});
-			if (response.redirected) {
-				window.location.href = response.url;
+			const result = await submitIslandAction(url, method, data);
+			if (result.kind === "redirect") {
+				window.location.href = result.url;
 				return;
 			}
-			if (response.ok) {
+			if (result.kind === "success") {
 				setWasSuccessful(true);
 				setRecentlySuccessful(true);
 				const nextDefaults = { ...data };
@@ -441,22 +427,8 @@ function useIslandForm(defaults) {
 				setDefaultsState(nextDefaults);
 				successTimeoutRef.current = setTimeout(() => setRecentlySuccessful(false), 2e3);
 				window.location.reload();
-			} else {
-				const body = await readActionErrorBody(response);
-				const actionError = new VoidActionError({
-					body,
-					status: response.status,
-					statusText: response.statusText,
-					url
-				});
-				const validationErrors = response.status === 422 ? getValidationErrors(body) : null;
-				if (validationErrors) {
-					setErrors(validationErrors);
-					return;
-				}
-				if (categorizeActionError(response.status) === "boundary") throw actionError;
-				setError(actionError);
-			}
+			} else if (result.kind === "validation") setErrors(result.errors);
+			else setError(result.error);
 		} finally {
 			setPending(false);
 		}
@@ -479,5 +451,4 @@ function useIslandForm(defaults) {
 		delete: (url) => submit(url, "DELETE")
 	};
 }
-//#endregion
 export { ErrorsContext, Form, FrontmatterContext, Link, NavigationContext, ParamsContext, RouterContext, SharedContext, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/plugin.d.mts

@@ -1,17 +1,13 @@
 import react from "@vitejs/plugin-react";
 import { Plugin } from "vite";
-//#region src/plugin-pages.d.ts
 type PrefetchConfig = {
   hoverDelay?: number;
   cacheFor?: number | string | [string, string];
 };
-//#endregion
-//#region src/plugin.d.ts
 export type VoidReactOptions = Readonly<{
   react?: Parameters<typeof react>[0];
   viewTransitions?: boolean;
   prefetch?: PrefetchConfig;
 }>;
 export declare function voidReact(options?: VoidReactOptions): Array<Plugin>;
-//#endregion
 export {};

package/dist/plugin.mjs

@@ -1,10 +1,10 @@
 import react from "@vitejs/plugin-react";
-import { generateComponentManifest, resolveEffectiveLayoutChain, resolvePagesDir, resolveStaticPageDataBuildOptions, scanPages } from "void/pages";
+import { createPagesPlugin, generateComponentManifest, resolveEffectiveLayoutChain, resolvePagesDir, scanPages } from "void/pages";
 import { existsSync, readFileSync } from "node:fs";
 import nodePath from "node:path";
 import { normalizePath } from "vite";
 import { ISLANDS_CLIENT_ENTRY_ID, ISLANDS_RENDERER_ID, computePagesNeedingClientJS, editIslandSource, findIslandImports, findStaticCssImports, hasIslandPages, islandStylesPlugin, recordIslandStyles, recordedIslandStyles, resolveSpecifier, rewriteCssImportForVirtualModule, watchPagesForRescan } from "void/pages-islands-plugin";
-//#region ../../node_modules/.pnpm/pathslash@0.1.0/node_modules/pathslash/dist/index.mjs
+// ../../node_modules/.pnpm/pathslash@0.1.0/node_modules/pathslash/dist/index.mjs
 const BACKSLASH_RE = /\\/g;
 const isWindows = process.platform === "win32";
 /**
@@ -42,9 +42,7 @@ const posix = { ...nodePath.posix };
 posix.posix = win32.posix = posix;
 posix.win32 = win32.win32 = win32;
 const { basename, delimiter, dirname, extname, format, isAbsolute, join, matchesGlob, normalize, parse, relative, resolve, sep, toNamespacedPath } = isWindows ? win32 : posix;
-//#endregion
-//#region src/plugin-pages.ts
-const RENDERER_ID = "virtual:void-pages-renderer";
+// src/plugin-pages.ts
 const CLIENT_ENTRY_ID = "virtual:void-pages-client";
 const WORKER_ENVIRONMENT_NAME = "void_worker";
 const REACT_DEDUPE = ["react", "react-dom"];
@@ -69,88 +67,28 @@ const REACT_REFRESH_PREAMBLE = `
   window.__vite_plugin_react_preamble_installed__ = true
 <\/script>`;
 function pagesPlugin(pagesDir, options) {
-	let pageScan = null;
-	let isDev = false;
-	let viteConfig;
 	const root = options?.root ?? dirname(pagesDir);
-	const normalizedPagesDir = normalizePath(pagesDir);
 	const pagesOptimizeEntries = `${relative(root, pagesDir)}/**/*.{js,jsx,ts,tsx}`;
-	let pendingRescan = null;
-	const rescanPages = async () => {
-		pageScan = existsSync(pagesDir) ? await scanPages(root, {
-			pagesDir,
-			environment: isDev ? "dev" : "prod"
-		}) : null;
-	};
-	const runRescan = () => {
-		pendingRescan ??= rescanPages().finally(() => {
-			pendingRescan = null;
-		});
-		return pendingRescan;
-	};
-	const invalidatePageModules = (server) => {
-		for (const env of Object.values(server.environments)) for (const id of ["\0" + RENDERER_ID, "\0" + CLIENT_ENTRY_ID]) {
-			const mod = env.moduleGraph.getModuleById(id);
-			if (mod) env.moduleGraph.invalidateModule(mod);
-		}
-	};
-	return {
+	return createPagesPlugin(pagesDir, {
 		name: "void-react:pages",
-		async buildStart() {
-			await runRescan();
-		},
-		resolveId: {
-			filter: { id: /^virtual:void-pages-(renderer|client)$/ },
-			handler(id) {
-				return "\0" + id;
-			}
-		},
-		load: {
-			filter: { id: /^\0virtual:void-pages-(renderer|client)$/ },
-			async handler(id) {
-				if (isDev && pendingRescan) await pendingRescan;
-				if (!pageScan && existsSync(pagesDir)) await runRescan();
-				if (id === "\0" + RENDERER_ID) {
-					if (!pageScan) return "export function renderPage() { throw new Error('No pages found'); }";
-					return generateRendererModule(pageScan, pagesDir, isDev);
-				}
-				if (id === "\0" + CLIENT_ENTRY_ID) {
-					if (!pageScan) return "";
-					return generateClientEntry(pageScan, pagesDir, options?.viewTransitions, options?.prefetch, resolveStaticPageDataBuildOptions(root, { publicDir: viteConfig?.publicDir }));
-				}
-			}
+		root,
+		generateRenderer(scan, isDev) {
+			return generateRendererModule(scan, pagesDir, isDev);
 		},
-		configureServer(server) {
-			const handlePagesChange = async (path, event) => {
-				const normalizedPath = normalizePath(path);
-				if (normalizedPath !== normalizedPagesDir && !normalizedPath.startsWith(normalizedPagesDir + "/")) return;
-				if (event === "change" && !normalizedPath.endsWith(".md")) return;
-				try {
-					await runRescan();
-				} catch (error) {
-					server.config.logger.error(error instanceof Error ? error.message : String(error), {
-						error: error instanceof Error ? error : void 0,
-						timestamp: true
-					});
-					return;
-				}
-				invalidatePageModules(server);
-			};
-			server.watcher.on("add", (path) => handlePagesChange(path, "add"));
-			server.watcher.on("change", (path) => handlePagesChange(path, "change"));
-			server.watcher.on("unlink", (path) => handlePagesChange(path, "unlink"));
-		},
-		configResolved(config) {
-			viteConfig = config;
+		generateClient(scan, staticPageData) {
+			return generateClientEntry(scan, pagesDir, options?.viewTransitions, options?.prefetch, staticPageData);
 		},
-		async config(_, env) {
-			isDev = env.command === "serve";
-			if (!existsSync(pagesDir)) return;
+		async config({ isDev, scan }) {
 			if (isDev) return {
 				resolve: { dedupe: REACT_DEDUPE },
 				optimizeDeps: {
 					exclude: ["@void/react"],
-					include: CLIENT_OPTIMIZE_DEPS
+					entries: clientOptimizeEntries(await scan(), pagesDir, root),
+					include: [
+						...CLIENT_OPTIMIZE_DEPS,
+						"void/pages-client",
+						"void/pages-prefetch"
+					]
 				},
 				ssr: { optimizeDeps: { include: [...CLIENT_OPTIMIZE_DEPS, "react-dom/server"] } },
 				environments: { [WORKER_ENVIRONMENT_NAME]: { optimizeDeps: {
@@ -159,8 +97,7 @@ function pagesPlugin(pagesDir, options) {
 					include: WORKER_OPTIMIZE_DEPS
 				} } }
 			};
-			await runRescan();
-			if (!pageScan?.pages.some((page) => !page.island)) return;
+			if (!(await scan())?.pages.some((page) => !page.island)) return;
 			return {
 				resolve: { dedupe: REACT_DEDUPE },
 				build: {
@@ -169,7 +106,35 @@ function pagesPlugin(pagesDir, options) {
 				}
 			};
 		}
-	};
+	});
+}
+function clientOptimizeEntries(scan, pagesDir, root) {
+	if (!scan) return [];
+	const browserFiles = /* @__PURE__ */ new Set();
+	const islandFiles = /* @__PURE__ */ new Set();
+	for (const page of scan.pages) {
+		const layouts = resolveEffectiveLayoutChain(page, scan.layouts, scan.namedLayouts);
+		if (page.island) {
+			islandFiles.add(resolve(pagesDir, page.componentPath));
+			for (const layout of layouts) if (layout.island) islandFiles.add(resolve(pagesDir, layout.filePath));
+		} else {
+			browserFiles.add(resolve(pagesDir, page.componentPath));
+			for (const layout of layouts) browserFiles.add(resolve(pagesDir, layout.filePath));
+		}
+	}
+	for (const file of islandFiles) {
+		if (!/\.island\.(tsx|jsx)$/.test(file)) continue;
+		for (const { specifier } of findIslandImports(readFileSync(file, "utf8"), file)) {
+			const component = resolveSpecifier(specifier, dirname(file), [
+				".tsx",
+				".jsx",
+				".ts",
+				".js"
+			]);
+			if (component) browserFiles.add(component);
+		}
+	}
+	return [...browserFiles].map((file) => relative(root, file).replace(/[()[\]{}*?!|]/g, "\\$&"));
 }
 function generateRendererModule(scan, pagesDir, isDev) {
 	const preambleScript = isDev ? REACT_REFRESH_PREAMBLE : "";
@@ -213,8 +178,7 @@ function generateClientEntry(scan, pagesDir, viewTransitions, prefetch, staticPa
 	export { router };
 	`;
 }
-//#endregion
-//#region src/plugin-islands.ts
+// src/plugin-islands.ts
 const COMPONENT_EXTENSIONS = [
 	".tsx",
 	".jsx",
@@ -465,8 +429,7 @@ initIslands(islands, hydrateIsland);
 `);
 	return lines.join("\n");
 }
-//#endregion
-//#region src/plugin.ts
+// src/plugin.ts
 function voidReact(options) {
 	const root = process.cwd();
 	const pagesDir = resolvePagesDir(root);
@@ -480,5 +443,4 @@ function voidReact(options) {
 		...islandsPlugin(pagesDir, { root })
 	];
 }
-//#endregion
 export { voidReact };

package/dist/runtime/pages-client.d.mts

@@ -2,7 +2,6 @@ import { ComponentType } from "react";
 import { VoidRouter } from "void/pages-client";
 import { CacheForResult } from "void/pages-prefetch";
 import { PageObject } from "void/pages-protocol";
-//#region src/runtime/pages-client.d.ts
 type ComponentModule = {
   default: ComponentType<any>;
 };
@@ -29,5 +28,4 @@ export type ReactPagesClient = Readonly<{
   router: VoidRouter;
 }>;
 export declare function startReactPages(config: ReactPagesConfig): Promise<ReactPagesClient>;
-//#endregion
 export {};

package/dist/runtime/pages-client.mjs

@@ -1,10 +1,10 @@
-import { a as RouterContext, i as ParamsContext, o as SharedContext, r as NavigationContext, t as ErrorsContext } from "../context-D2ctU4yT.mjs";
-import { n as setActionRouter } from "../action-4EvQppia.mjs";
-import { n as DEFERRED_SHELL_END_ID } from "../deferred-shell-DOuP2YAo.mjs";
+import { a as RouterContext, i as ParamsContext, o as SharedContext, r as NavigationContext, t as ErrorsContext } from "../context-BQpawTZc.mjs";
+import { n as setActionRouter } from "../action-CyCVdW12.mjs";
+import { n as DEFERRED_SHELL_END_ID } from "../deferred-shell-D5T32zXz.mjs";
 import React, { Suspense, startTransition, use, useCallback, useEffect, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useState, useTransition } from "react";
-import { createPageNavigationEngine, createRouterFacade, idleNavigationState, isAbortError, isCallSiteActionError, refreshPage } from "void/pages-client";
+import { createPageNavigationEngine, createRouterFacade, idleNavigationState, isAbortError, isCallSiteActionError, refreshPage, toUrlString } from "void/pages-client";
 import { createRoot, hydrateRoot } from "react-dom/client";
-//#region src/runtime/pages-client.ts
+// src/runtime/pages-client.ts
 const deferredState = /* @__PURE__ */ new WeakMap();
 const viewTransitionWaiters = /* @__PURE__ */ new Map();
 const pendingVisitSettlers = /* @__PURE__ */ new Map();
@@ -51,8 +51,9 @@ function currentUrl() {
 	return window.location.pathname + window.location.search + window.location.hash;
 }
 function normalizeUrl(value) {
-	if (typeof value === "string" && value.startsWith("#")) return value;
-	const url = value instanceof URL ? value : new URL(value, window.location.origin);
+	const urlString = toUrlString(value);
+	if (urlString.startsWith("#")) return urlString;
+	const url = new URL(urlString, window.location.origin);
 	return url.origin === window.location.origin ? url.pathname + url.search + url.hash : url.href;
 }
 /** Page data holds a decoded path. Compare it with browser URLs in their encoded form. */
@@ -182,12 +183,11 @@ function RouteResource({ resource, onCommit }) {
 		resource,
 		result
 	]);
-	if (!result) return null;
-	const pageData = result.pageData;
-	const PageComponent = result.component;
-	const routeParams = pageData.params ?? EMPTY_PARAMS;
+	const pageData = result?.pageData;
+	const pageDataUrl = pageData?.url ?? "";
+	const routeParams = pageData?.params ?? EMPTY_PARAMS;
 	const routeRouter = useMemo(() => {
-		const pageUrl = encodedPageUrl(pageData.url);
+		const pageUrl = encodedPageUrl(pageDataUrl);
 		return createRouterFacade(outerRouter, () => {
 			const outerUrl = outerRouter.url;
 			const outerPath = outerUrl.pathname + outerUrl.search;
@@ -198,11 +198,13 @@ function RouteResource({ resource, onCommit }) {
 		}, () => routeParams);
 	}, [
 		outerRouter,
-		pageData.url,
+		pageDataUrl,
 		resource.fetchUrl,
 		resource.hash,
 		routeParams
 	]);
+	if (!result || !pageData) return null;
+	const PageComponent = result.component;
 	let element = React.createElement(PageComponent, pageData.props);
 	for (let i = result.layouts.length - 1; i >= 0; i--) {
 		const Layout = result.layouts[i];
@@ -349,7 +351,7 @@ function App({ engine, router, viewTransitions, navigationFallback: NavigationFa
 					pendingVisitSettlers.delete(prepared.id);
 					if (activePendingNavigationId === prepared.id) activePendingNavigationId = null;
 					dispatch({
-						type: NavigationFallback ? "abandon" : "finish",
+						type: "abandon",
 						resource: prepared,
 						location: currentUrl()
 					});
@@ -512,5 +514,4 @@ async function startReactPages(config) {
 	engine.start();
 	return { router };
 }
-//#endregion
 export { startReactPages };

package/dist/runtime/pages-server.d.mts

@@ -1,6 +1,5 @@
 import { ComponentType } from "react";
 import { PageObject } from "void/pages-protocol";
-//#region src/runtime/pages-server.d.ts
 type ComponentModule = {
   default: ComponentType<any>;
 };
@@ -16,5 +15,4 @@ export type ReactPagesServerConfig = Readonly<{
   preambleScript?: string;
 }>;
 export declare function renderReactPage({ pageObj, assetTags, components, layoutTree, preambleScript }: ReactPagesServerConfig): Promise<ReadableStream<Uint8Array>>;
-//#endregion
 export {};

package/dist/runtime/pages-server.mjs

@@ -1,11 +1,11 @@
-import { a as RouterContext, i as ParamsContext, o as SharedContext, r as NavigationContext, t as ErrorsContext } from "../context-D2ctU4yT.mjs";
-import { n as DEFERRED_SHELL_END_ID, r as DEFERRED_SHELL_END_MARKER, t as DEFERRED_SHELL_CANCEL_REASON } from "../deferred-shell-DOuP2YAo.mjs";
+import { a as RouterContext, i as ParamsContext, o as SharedContext, r as NavigationContext, t as ErrorsContext } from "../context-BQpawTZc.mjs";
+import { n as DEFERRED_SHELL_END_ID, r as DEFERRED_SHELL_END_MARKER, t as DEFERRED_SHELL_CANCEL_REASON } from "../deferred-shell-D5T32zXz.mjs";
 import React from "react";
 import { createSsrRouter, idleNavigationState } from "void/pages-client";
 import { renderToReadableStream } from "react-dom/server";
 import { renderBodyAttrs, renderHeadToString, renderHtmlAttrs } from "void/pages-head";
 import { serializePageData } from "void/pages-server";
-//#region src/runtime/page-streams.ts
+// src/runtime/page-streams.ts
 function concatStreams(streams) {
 	let index = 0;
 	let reader;
@@ -94,8 +94,7 @@ function readDeferredShell(stream) {
 		}
 	}, { highWaterMark: 0 });
 }
-//#endregion
-//#region src/runtime/pages-server.ts
+// src/runtime/pages-server.ts
 function createPendingDeferred() {
 	return new Promise(() => {});
 }
@@ -155,5 +154,4 @@ async function renderReactPage({ pageObj, assetTags, components, layoutTree, pre
 </html>`)
 	]);
 }
-//#endregion
 export { renderReactPage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@void/react",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "React pages, server rendering, forms, and navigation for Void.",
   "homepage": "https://void.cloud",
   "bugs": {
@@ -41,21 +41,22 @@
     "@vitejs/plugin-react": "^6.1.2"
   },
   "devDependencies": {
-    "@types/node": "^26.6.5",
+    "@types/node": "^26.6.6",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
+    "happy-dom": "^21.0.4",
     "pathslash": "^0.1.0",
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
-    "vite": "npm:@voidzero-dev/vite-plus-core@1.3.0",
-    "vite-plus": "1.3.0",
-    "void": "1.3.0"
+    "vite": "npm:@voidzero-dev/vite-plus-core@1.4.0",
+    "vite-plus": "1.4.0",
+    "void": "1.5.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "vite": "^8.0.0",
-    "void": "1.3.0"
+    "void": "1.5.0"
   },
   "scripts": {
     "build": "vp pack",