@void/vue 1.3.0 → 1.5.0

package/dist/index.d.mts

@@ -2,22 +2,11 @@ import { ActionClient, FormResetOptions, NavigationState, VisitOptions, VoidActi
 import { Component } from "vue";
 import { CloudContextVariables, DeferredState as Deferred, InferProps } from "void";
 import { ActionFormOptions, ActionUrl, ResolveActionBody } from "void/routes";
-//#region src/runtime/form.d.ts
 export declare const Form: Component;
-//#endregion
-//#region src/runtime/link.d.ts
 export declare const Link: Component;
-//#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
 type FormSubmitOptions = Omit<VisitOptions, "method" | "data"> & {
   data?: Record<string, unknown>;
 };
@@ -39,11 +28,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;
   errors: Record<string, string>;
@@ -66,9 +51,6 @@ 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
 export type { Deferred, InferProps };

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { VoidActionError, categorizeActionError, cloneFormValue, createActionClient, formErrorMessage, formRetryMessage, formSubmissionBlocked, getValidationErrors, idleNavigationState, interpolateRouteParams, isAbortError, isEqualFormValue, isModifiedEvent, mergeDataIntoHref, parseFormResetArgs, scheduleFormRetry, ssrProxy, submitAction } from "void/pages-client";
+import { cloneFormValue, createActionClient, formErrorMessage, formRetryMessage, formSubmissionBlocked, getValidationErrors, idleNavigationState, interpolateRouteParams, isAbortError, isEqualFormValue, isModifiedEvent, mergeDataIntoHref, parseFormResetArgs, scheduleFormRetry, ssrProxy, submitAction, submitIslandAction } from "void/pages-client";
 import { computed, defineComponent, h, inject, onMounted, onUnmounted, reactive, ref, shallowRef, watch } from "vue";
-//#region src/runtime/form.ts
+// src/runtime/form.ts
 const Form = defineComponent({
 	name: "VoidForm",
 	inheritAttrs: false,
@@ -42,8 +42,7 @@ const Form = defineComponent({
 		};
 	}
 });
-//#endregion
-//#region src/runtime/link.ts
+// src/runtime/link.ts
 function callHandler(handler, event) {
 	if (Array.isArray(handler)) {
 		for (const fn of handler) if (typeof fn === "function") fn(event);
@@ -219,27 +218,23 @@ const Link = defineComponent({
 		};
 	}
 });
-//#endregion
-//#region src/runtime/use-router.ts
+// src/runtime/use-router.ts
 function useRouter() {
 	return inject("__void_router", null) ?? ssrProxy;
 }
-//#endregion
-//#region src/runtime/use-params.ts
+// src/runtime/use-params.ts
 function useParams() {
 	const params = inject("__void_params");
 	if (!params) 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 = inject("__void_shared");
 	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 initialDefaults = cloneFormValue(defaults);
 	const router = inject("__void_router", null);
@@ -328,22 +323,11 @@ function useForm(url, defaults, options) {
 		delete: (opts) => submit("DELETE", opts)
 	});
 }
-//#endregion
-//#region src/runtime/use-navigation.ts
+// src/runtime/use-navigation.ts
 function useNavigation() {
 	return inject("__void_navigation", null) ?? idleNavigationState();
 }
-//#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 composable for island pages. Uses fetch + page reload instead of the
 * Void Router (which is not available in island mode).
@@ -380,16 +364,12 @@ function useIslandForm(defaults) {
 		clearErrors();
 		clearError();
 		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") {
 				wasSuccessful.value = true;
 				recentlySuccessful.value = true;
 				defaults_ = { ...data };
@@ -397,22 +377,8 @@ function useIslandForm(defaults) {
 					recentlySuccessful.value = 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) {
-					Object.assign(errors, validationErrors);
-					return;
-				}
-				if (categorizeActionError(response.status) === "boundary") throw actionError;
-				error.value = actionError;
-			}
+			} else if (result.kind === "validation") Object.assign(errors, result.errors);
+			else error.value = result.error;
 		} finally {
 			pending.value = false;
 		}
@@ -435,10 +401,8 @@ function useIslandForm(defaults) {
 		delete: (url) => submit(url, "DELETE")
 	});
 }
-//#endregion
-//#region src/runtime/action.ts
+// src/runtime/action.ts
 const client = createActionClient();
 const action = client.action;
 const setActionRouter = client.setActionRouter;
-//#endregion
 export { Form, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/plugin.d.mts

@@ -1,17 +1,13 @@
 import vue from "@vitejs/plugin-vue";
 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 VoidVueOptions = Readonly<{
   vue?: Parameters<typeof vue>[0];
   viewTransitions?: boolean;
   prefetch?: PrefetchConfig;
 }>;
 export declare function voidVue(options?: VoidVueOptions): Array<Plugin>;
-//#endregion
 export {};

package/dist/plugin.mjs

@@ -1,10 +1,10 @@
 import vue from "@vitejs/plugin-vue";
-import { generateComponentManifest, resolveEffectiveLayoutChain, resolvePagesDir, resolveStaticPageDataBuildOptions, scanPages } from "void/pages";
+import { createPagesPlugin, generateComponentManifest, resolveEffectiveLayoutChain, resolvePagesDir, scanPages } from "void/pages";
 import { existsSync, readFileSync, readdirSync } 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,8 +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-islands.ts
+// src/plugin-islands.ts
 const COMPONENT_EXTENSIONS = [
 	".vue",
 	".tsx",
@@ -311,9 +310,7 @@ initIslands(islands, hydrateIsland);
 `);
 	return lines.join("\n");
 }
-//#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";
 /** Runtime helper injected into generated SSR and client page bundles. */
 const PATCH_PROPS_RUNTIME = `
@@ -389,30 +386,7 @@ function hasNonIslandPages(dir) {
 	return false;
 }
 function pagesPlugin(pagesDir, options) {
-	let pageScan = null;
-	let isDev = false;
-	let viteConfig;
-	const root = options?.root ?? dirname(pagesDir);
 	const normalizedPagesDir = normalizePath(pagesDir);
-	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 [{
 		name: "void-vue:pages-transform",
 		enforce: "pre",
@@ -439,58 +413,16 @@ function pagesPlugin(pagesDir, options) {
 				};
 			}
 		}
-	}, {
+	}, createPagesPlugin(pagesDir, {
 		name: "void-vue: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);
-				}
-				if (id === "\0" + CLIENT_ENTRY_ID) {
-					if (!pageScan) return "";
-					return generateClientEntry(pageScan, pagesDir, options?.viewTransitions, options?.prefetch, resolveStaticPageDataBuildOptions(root, { publicDir: viteConfig?.publicDir }));
-				}
-			}
+		root: options?.root,
+		generateRenderer(scan) {
+			return generateRendererModule(scan, pagesDir);
 		},
-		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"));
+		generateClient(scan, staticPageData) {
+			return generateClientEntry(scan, pagesDir, options?.viewTransitions, options?.prefetch, staticPageData);
 		},
-		configResolved(config) {
-			viteConfig = config;
-		},
-		config(_, env) {
-			isDev = env.command === "serve";
-			if (!existsSync(pagesDir)) return;
+		config({ isDev }) {
 			if (isDev) return { optimizeDeps: { include: ["vue"] } };
 			if (!hasNonIslandPages(pagesDir)) return;
 			return { environments: { client: { build: {
@@ -498,7 +430,7 @@ function pagesPlugin(pagesDir, options) {
 				rollupOptions: { input: { "pages-client": CLIENT_ENTRY_ID } }
 			} } } };
 		}
-	}];
+	})];
 }
 function generateRendererModule(scan, pagesDir) {
 	return `
@@ -654,8 +586,7 @@ start();
 commitInitialRender();
 `;
 }
-//#endregion
-//#region src/plugin.ts
+// src/plugin.ts
 function voidVue(options) {
 	const root = process.cwd();
 	const pagesDir = resolvePagesDir(root);
@@ -669,5 +600,4 @@ function voidVue(options) {
 		...islandsPlugin(pagesDir, { root })
 	];
 }
-//#endregion
 export { voidVue };

package/dist/runtime/use-deferred.d.mts

@@ -1,4 +1,3 @@
-//#region src/runtime/use-deferred.d.ts
 export type DeferredRef<T = unknown> = {
   value: null;
   loading: true;
@@ -14,5 +13,4 @@ export type DeferredRef<T = unknown> = {
 };
 export declare function createDeferred<T = unknown>(): DeferredRef<T>;
 export declare function resolveDeferred(ref: DeferredRef, data: unknown): void;
-export declare function rejectDeferred(ref: DeferredRef, error: string): void;
-//#endregion
+export declare function rejectDeferred(ref: DeferredRef, error: string): void;

package/dist/runtime/use-deferred.mjs

@@ -1,5 +1,5 @@
 import { reactive } from "vue";
-//#region src/runtime/use-deferred.ts
+// src/runtime/use-deferred.ts
 function createDeferred() {
 	return reactive({
 		value: null,
@@ -17,5 +17,4 @@ function rejectDeferred(ref, error) {
 	r.error = new Error(error);
 	r.loading = false;
 }
-//#endregion
 export { createDeferred, rejectDeferred, resolveDeferred };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@void/vue",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "Vue pages, server rendering, forms, and navigation for Void.",
   "homepage": "https://void.cloud",
   "bugs": {
@@ -37,16 +37,16 @@
     "@vitejs/plugin-vue": "^6.0.10"
   },
   "devDependencies": {
-    "@types/node": "^26.6.5",
+    "@types/node": "^26.6.6",
     "pathslash": "^0.1.0",
-    "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",
     "vue": "^3.5.44"
   },
   "peerDependencies": {
     "vite": "^8.0.0",
-    "void": "1.3.0",
+    "void": "1.5.0",
     "vue": "^3.5.0"
   },
   "scripts": {