@void/vue 0.26.1 → 0.28.0

package/dist/index.d.mts

@@ -1,2 +1,72 @@
-import { a as useIslandForm, c as useShared, d as Link, f as Form, i as setActionRouter, l as useParams, n as InferProps, o as useNavigation, r as action, s as useForm, t as Deferred, u as useRouter } from "./index-vAbysUNV.mjs";
-export { type Deferred, Form, type InferProps, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };
+import { ActionClient, NavigationState, VisitOptions, VoidActionError, VoidRouter } from "void/pages-client";
+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>;
+};
+export declare function useForm<U extends ActionUrl & string>(url: U, defaults: ResolveActionBody<U>, options?: ActionFormOptions<U>): {
+  data: ResolveActionBody<U>;
+  errors: Partial<Record<keyof ResolveActionBody<U> & string, string>>;
+  error: VoidActionError | null;
+  pending: boolean;
+  hasChanges: boolean;
+  wasSuccessful: boolean;
+  recentlySuccessful: boolean;
+  post(opts?: FormSubmitOptions): Promise<void>;
+  put(opts?: FormSubmitOptions): Promise<void>;
+  patch(opts?: FormSubmitOptions): Promise<void>;
+  delete(opts?: FormSubmitOptions): Promise<void>;
+  reset(...fields: ReadonlyArray<keyof ResolveActionBody<U> & string>): void;
+  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>;
+  error: VoidActionError | null;
+  pending: boolean;
+  hasChanges: boolean;
+  wasSuccessful: boolean;
+  recentlySuccessful: boolean;
+  submit(url: string, method: string): Promise<void>;
+  post(url: string): Promise<void>;
+  put(url: string): Promise<void>;
+  patch(url: string): Promise<void>;
+  delete(url: string): Promise<void>;
+  reset(...fields: ReadonlyArray<keyof T & string>): void;
+  clearErrors(...fields: ReadonlyArray<string>): void;
+  clearError(): void;
+}>;
+/**
+ * Form composable for island pages. Uses fetch + page reload instead of the
+ * 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,2 +1,432 @@
-import { a as useForm, c as useRouter, i as useNavigation, l as Link, n as setActionRouter, o as useShared, r as useIslandForm, s as useParams, t as action, u as Form } from "./runtime-lPB1mgy1.mjs";
+import { VoidActionError, categorizeActionError, createActionClient, formErrorMessage, formRetryMessage, formSubmissionBlocked, getValidationErrors, idleNavigationState, interpolateRouteParams, isAbortError, isEqualFormValue, isModifiedEvent, mergeDataIntoHref, scheduleFormRetry, ssrProxy, submitAction } from "void/pages-client";
+import { computed, defineComponent, h, inject, onMounted, onUnmounted, reactive, ref, watch } from "vue";
+//#region src/runtime/form.ts
+const Form = defineComponent({
+	name: "VoidForm",
+	inheritAttrs: false,
+	props: {
+		form: {
+			type: Object,
+			required: true
+		},
+		method: {
+			type: String,
+			default: "post"
+		},
+		renderError: Function
+	},
+	setup(props, { attrs, slots }) {
+		const now = ref(Date.now());
+		let cancel = () => {};
+		onMounted(() => watch(() => props.form.error, (error) => {
+			cancel();
+			cancel = scheduleFormRetry(error, () => {
+				now.value = Date.now();
+			});
+		}, { immediate: true }));
+		onUnmounted(() => cancel());
+		return () => {
+			const form = props.form;
+			const message = formErrorMessage(form), retry = formRetryMessage(form.error);
+			return h("form", {
+				...attrs,
+				"aria-busy": form.pending,
+				onSubmit: async (event) => {
+					event.preventDefault();
+					if (!formSubmissionBlocked(form, now.value)) await form[props.method]();
+				}
+			}, [message ? h("div", {
+				role: "alert",
+				"data-void-form-error": ""
+			}, [form.error && props.renderError ? props.renderError(form.error) : message, retry ? h("p", retry) : null]) : null, slots.default?.()]);
+		};
+	}
+});
+//#endregion
+//#region src/runtime/link.ts
+function callHandler(handler, event) {
+	if (Array.isArray(handler)) {
+		for (const fn of handler) if (typeof fn === "function") fn(event);
+	} else if (typeof handler === "function") handler(event);
+}
+const Link = defineComponent({
+	name: "Link",
+	props: {
+		href: {
+			type: String,
+			required: true
+		},
+		method: {
+			type: String,
+			default: "GET"
+		},
+		data: {
+			type: Object,
+			default: void 0
+		},
+		preserveScroll: {
+			type: Boolean,
+			default: false
+		},
+		preserveState: {
+			type: Boolean,
+			default: false
+		},
+		replace: {
+			type: Boolean,
+			default: false
+		},
+		reloadDocument: {
+			type: Boolean,
+			default: false
+		},
+		viewTransition: {
+			type: Boolean,
+			default: void 0
+		},
+		onNavigate: {
+			type: Function,
+			default: void 0
+		},
+		prefetch: {
+			type: [
+				Boolean,
+				String,
+				Array
+			],
+			default: false
+		},
+		cacheFor: {
+			type: [
+				Number,
+				String,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const router = inject("__void_router", null);
+		const elRef = ref(null);
+		const normalizedMethod = computed(() => props.method.toUpperCase());
+		const isGet = computed(() => normalizedMethod.value === "GET");
+		const hrefWithData = computed(() => isGet.value ? mergeDataIntoHref(props.href, props.data) : props.href);
+		const strategies = computed(() => {
+			if (props.prefetch === false || props.reloadDocument) return [];
+			if (props.prefetch === true) return ["hover"];
+			if (typeof props.prefetch === "string") return [props.prefetch];
+			return props.prefetch;
+		});
+		function doPrefetch() {
+			if (!router?.prefetch) return;
+			const current = window.location.pathname + window.location.search;
+			if (hrefWithData.value === current) return;
+			const options = { method: normalizedMethod.value };
+			if (props.cacheFor !== void 0) options.cacheFor = props.cacheFor;
+			router.prefetch(hrefWithData.value, options);
+		}
+		function onClick(e) {
+			callHandler(attrs.onClick, e);
+			if (props.reloadDocument || !router || e.defaultPrevented || isModifiedEvent(e)) return;
+			if (e.currentTarget.hasAttribute("download")) return;
+			if (new URL(hrefWithData.value, window.location.origin).origin !== window.location.origin) return;
+			let navigatePrevented = false;
+			props.onNavigate?.({ preventDefault() {
+				navigatePrevented = true;
+			} });
+			if (navigatePrevented) {
+				e.preventDefault();
+				return;
+			}
+			e.preventDefault();
+			router.visit(hrefWithData.value, {
+				method: normalizedMethod.value,
+				data: isGet.value ? void 0 : props.data,
+				preserveScroll: props.preserveScroll,
+				preserveState: props.preserveState,
+				replace: props.replace,
+				viewTransition: props.viewTransition
+			});
+		}
+		let hoverTimer = null;
+		let observer = null;
+		function onMouseEnter(e) {
+			callHandler(attrs.onMouseenter ?? attrs.onMouseEnter, e);
+			if (e.defaultPrevented) return;
+			hoverTimer = setTimeout(doPrefetch, router?._hoverDelay ?? 75);
+		}
+		function onMouseLeave(e) {
+			callHandler(attrs.onMouseleave ?? attrs.onMouseLeave, e);
+			if (hoverTimer) {
+				clearTimeout(hoverTimer);
+				hoverTimer = null;
+			}
+		}
+		function onFocus(e) {
+			callHandler(attrs.onFocus, e);
+			if (!e.defaultPrevented) doPrefetch();
+		}
+		function onMouseDown(e) {
+			callHandler(attrs.onMousedown ?? attrs.onMouseDown, e);
+			if (!e.defaultPrevented) doPrefetch();
+		}
+		function onTouchStart(e) {
+			callHandler(attrs.onTouchstart ?? attrs.onTouchStart, e);
+			if (!e.defaultPrevented) doPrefetch();
+		}
+		onMounted(() => {
+			if (strategies.value.includes("mount")) doPrefetch();
+			if (strategies.value.includes("visible") && elRef.value) {
+				observer = new IntersectionObserver((entries) => {
+					if (entries.some((e) => e.isIntersecting)) {
+						doPrefetch();
+						observer?.disconnect();
+						observer = null;
+					}
+				}, { rootMargin: "0px" });
+				observer.observe(elRef.value);
+			}
+		});
+		onUnmounted(() => {
+			if (hoverTimer) clearTimeout(hoverTimer);
+			if (observer) {
+				observer.disconnect();
+				observer = null;
+			}
+		});
+		return () => {
+			if (props.prefetch !== false && !isGet.value) throw new Error("Link: prefetch only supports GET links. Remove `prefetch` or use method=\"GET\".");
+			if (props.reloadDocument && !isGet.value) throw new Error("Link: reloadDocument only supports GET links.");
+			const tag = isGet.value ? "a" : "button";
+			const eventHandlers = { onClick };
+			if (strategies.value.includes("hover")) {
+				eventHandlers.onMouseenter = onMouseEnter;
+				eventHandlers.onMouseleave = onMouseLeave;
+				eventHandlers.onFocus = onFocus;
+				eventHandlers.onTouchstart = onTouchStart;
+			}
+			if (strategies.value.includes("click")) {
+				eventHandlers.onMousedown = onMouseDown;
+				eventHandlers.onTouchstart = onTouchStart;
+			}
+			return h(tag, {
+				...attrs,
+				ref: elRef,
+				...isGet.value ? { href: hrefWithData.value } : { type: "button" },
+				style: [{ touchAction: "manipulation" }, attrs.style],
+				...eventHandlers
+			}, slots.default?.());
+		};
+	}
+});
+//#endregion
+//#region src/runtime/use-router.ts
+function useRouter() {
+	return inject("__void_router", null) ?? ssrProxy;
+}
+//#endregion
+//#region 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
+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
+function useForm(url, defaults, options) {
+	const formDefaults = defaults;
+	const router = inject("__void_router", null);
+	const data = reactive({ ...formDefaults });
+	const errors = reactive({});
+	const error = ref(null);
+	const pending = ref(false);
+	const wasSuccessful = ref(false);
+	const recentlySuccessful = ref(false);
+	let defaults_ = { ...formDefaults };
+	let successTimeout = null;
+	const hasChanges = ref(false);
+	watch(() => ({ ...data }), (val) => {
+		hasChanges.value = Object.keys(defaults_).some((key) => !isEqualFormValue(val[key], defaults_[key]));
+	}, { deep: true });
+	function reset(...fields) {
+		if (fields.length === 0) Object.assign(data, { ...defaults_ });
+		else for (const field of fields) data[field] = defaults_[field];
+	}
+	function clearErrors(...fields) {
+		if (fields.length === 0) for (const key of Object.keys(errors)) delete errors[key];
+		else for (const field of fields) delete errors[field];
+	}
+	function clearError() {
+		error.value = null;
+	}
+	async function submit(method, opts = {}) {
+		pending.value = true;
+		wasSuccessful.value = false;
+		recentlySuccessful.value = false;
+		if (successTimeout) clearTimeout(successTimeout);
+		clearErrors();
+		clearError();
+		try {
+			if (!router) throw new Error("useForm(): requires the Void Router.");
+			const result = await submitAction(router, interpolateRouteParams(url, options?.params), {
+				method,
+				data: { ...data },
+				...opts
+			});
+			if (!result.ok) {
+				const validationErrors = getValidationErrors(result.error.body);
+				if (validationErrors) Object.assign(errors, validationErrors);
+				else error.value = result.error;
+				return;
+			}
+			wasSuccessful.value = true;
+			recentlySuccessful.value = true;
+			defaults_ = { ...data };
+			successTimeout = setTimeout(() => {
+				recentlySuccessful.value = false;
+			}, 2e3);
+		} catch (submitError) {
+			if (isAbortError(submitError)) return;
+			throw submitError;
+		} finally {
+			pending.value = false;
+		}
+	}
+	return reactive({
+		data,
+		errors,
+		error,
+		pending,
+		hasChanges,
+		wasSuccessful,
+		recentlySuccessful,
+		reset,
+		clearErrors,
+		clearError,
+		post: (opts) => submit("POST", opts),
+		put: (opts) => submit("PUT", opts),
+		patch: (opts) => submit("PATCH", opts),
+		delete: (opts) => submit("DELETE", opts)
+	});
+}
+//#endregion
+//#region 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;
+	}
+}
+/**
+* Form composable for island pages. Uses fetch + page reload instead of the
+* Void Router (which is not available in island mode).
+*/
+function useIslandForm(defaults) {
+	const data = reactive({ ...defaults });
+	const errors = reactive({});
+	const error = ref(null);
+	const pending = ref(false);
+	const wasSuccessful = ref(false);
+	const recentlySuccessful = ref(false);
+	let defaults_ = { ...defaults };
+	let successTimeout = null;
+	const hasChanges = ref(false);
+	watch(() => ({ ...data }), (val) => {
+		hasChanges.value = Object.keys(defaults_).some((key) => !isEqualFormValue(val[key], defaults_[key]));
+	}, { deep: true });
+	function reset(...fields) {
+		if (fields.length === 0) Object.assign(data, { ...defaults_ });
+		else for (const field of fields) data[field] = defaults_[field];
+	}
+	function clearErrors(...fields) {
+		if (fields.length === 0) for (const key of Object.keys(errors)) delete errors[key];
+		else for (const field of fields) delete errors[field];
+	}
+	function clearError() {
+		error.value = null;
+	}
+	async function submit(url, method) {
+		pending.value = true;
+		wasSuccessful.value = false;
+		recentlySuccessful.value = false;
+		if (successTimeout) clearTimeout(successTimeout);
+		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;
+				return;
+			}
+			if (response.ok) {
+				wasSuccessful.value = true;
+				recentlySuccessful.value = true;
+				defaults_ = { ...data };
+				successTimeout = setTimeout(() => {
+					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;
+			}
+		} finally {
+			pending.value = false;
+		}
+	}
+	return reactive({
+		data,
+		errors,
+		error,
+		pending,
+		hasChanges,
+		wasSuccessful,
+		recentlySuccessful,
+		submit,
+		reset,
+		clearErrors,
+		clearError,
+		post: (url) => submit(url, "POST"),
+		put: (url) => submit(url, "PUT"),
+		patch: (url) => submit(url, "PATCH"),
+		delete: (url) => submit(url, "DELETE")
+	});
+}
+//#endregion
+//#region 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.mjs

@@ -51,30 +51,13 @@ const COMPONENT_EXTENSIONS = [
 	".ts",
 	".js"
 ];
-function extractCss(filePath) {
-	const code = readFileSync(filePath, "utf-8");
-	const parts = [];
-	const jsRe = /^\s*import\b[^"']*["']([^"']+\.(?:css|scss|sass|less|styl|stylus|pcss|postcss))["']/gm;
-	let match;
-	while ((match = jsRe.exec(code)) !== null) parts.push(`@import ${JSON.stringify(match[1])};`);
-	const styleBlockRe = /<style\b([^>]*)>([\s\S]*?)<\/style>/g;
-	while ((match = styleBlockRe.exec(code)) !== null) {
-		const attrs = match[1];
-		if (/\bscoped\b/.test(attrs)) continue;
-		const content = match[2].trim();
-		if (content) parts.push(content);
-	}
-	return parts.join("\n");
-}
 function islandsPlugin(pagesDir, options) {
 	let pageScan = null;
 	const root = options?.root ?? dirname(pagesDir);
 	const islandManifest = /* @__PURE__ */ new Map();
 	const islandCssFiles = /* @__PURE__ */ new Set();
 	let isDev = false;
-	let viteRoot = "";
 	let resolvedConfig = null;
-	/** Resolve an island import and record it in the client manifest. */
 	function registerIsland(spec, importerDir, hydrate) {
 		const absPath = resolveSpecifier(spec, importerDir, COMPONENT_EXTENSIONS);
 		if (!absPath) return {
@@ -97,7 +80,6 @@ function islandsPlugin(pagesDir, options) {
 		enforce: "pre",
 		configResolved(config) {
 			resolvedConfig = config;
-			viteRoot = config.root;
 			isDev = config.command === "serve";
 		},
 		configureServer(server) {
@@ -138,21 +120,13 @@ function islandsPlugin(pagesDir, options) {
 			}
 		},
 		resolveId: {
-			filter: { id: /^virtual:void-islands-(renderer|client)$|\.vue\.css$/ },
+			filter: { id: /^virtual:void-islands-(renderer|client)$/ },
 			handler(source) {
 				if (source === ISLANDS_RENDERER_ID || source === ISLANDS_CLIENT_ENTRY_ID) return "\0" + source;
-				if (source.endsWith(".css")) {
-					const srcPath = normalizePath(source.slice(0, -4));
-					if (islandCssFiles.has(srcPath)) return srcPath + ".css";
-					if (srcPath.startsWith("/")) {
-						const absPath = normalizePath(resolve(viteRoot, srcPath.slice(1)));
-						if (islandCssFiles.has(absPath)) return absPath + ".css";
-					}
-				}
 			}
 		},
 		load: {
-			filter: { id: /^\0virtual:void-islands-(renderer|client)$|\.vue\.css$/ },
+			filter: { id: /^\0virtual:void-islands-(renderer|client)$/ },
 			handler(id) {
 				if (id === "\0" + ISLANDS_RENDERER_ID) {
 					if (!pageScan) return "export function renderIslandPage() { throw new Error('No pages found'); }";
@@ -165,10 +139,6 @@ function islandsPlugin(pagesDir, options) {
 					if (!pageScan) return "";
 					return generateIslandClientEntry(islandManifest, islandCssFiles, isDev);
 				}
-				if (id.endsWith(".css") && !id.startsWith("\0")) {
-					const srcPath = id.slice(0, -4);
-					if (islandCssFiles.has(srcPath)) return extractCss(srcPath);
-				}
 			}
 		},
 		transform: {
@@ -248,7 +218,6 @@ export async function renderIslandPage(pageObj, assetTags) {
   const app = createSSRApp({
     setup() {
       provide("__void_shared", reactive(pageObj.shared || {}));
-      provide("__void_errors", reactive(pageObj.errors || {}));
       provide("__void_params", reactive(pageObj.params || {}));
       if (__frontmatter) provide("__void_frontmatter", __frontmatter);
       // No router provided — islands have no Void Router
@@ -499,7 +468,6 @@ export async function renderPage(pageObj, assetTags) {
   const app = createSSRApp({
     setup() {
       provide("__void_shared", reactive(pageObj.shared || {}));
-      provide("__void_errors", reactive(pageObj.errors || {}));
       provide("__void_params", reactive(pageObj.params || {}));
       provide("__void_router", createSsrRouter(pageObj.url || "/", pageObj.params || {}));
       provide("__void_navigation", idleNavigationState());
@@ -544,7 +512,6 @@ import { parseCacheFor } from "void/pages-prefetch";
 ${generateComponentManifest(scan, pagesDir)}
 
 const shared = reactive({});
-const errors = reactive({});
 const params = reactive({});
 const currentComponent = shallowRef(null);
 const currentLayouts = shallowRef([]);
@@ -574,7 +541,6 @@ const { router, initialPageData, initialComponent, initialLayouts, start, commit
       applyUpdate(pageData, comp, layouts, options) {
         if (!options?.preserveState) currentPageKey.value++;
         replaceRecord(shared, pageData.shared || {});
-        replaceRecord(errors, pageData.errors || {});
         replaceRecord(params, pageData.params || {});
         currentProps.value = pageData.props;
         currentLayouts.value = layouts;
@@ -603,7 +569,6 @@ const reactiveRouter = createRouterFacade(router, () => routeUrl.value, () => pa
 setActionRouter(reactiveRouter);
 
 Object.assign(shared, initialPageData.shared || {});
-replaceRecord(errors, initialPageData.errors || {});
 replaceRecord(params, initialPageData.params || {});
 currentProps.value = initialPageData.props;
 currentComponent.value = initialComponent;
@@ -615,7 +580,6 @@ const createVoidApp = appEl.getAttribute("data-void-ssr") === "false" ? createAp
 const app = createVoidApp({
   setup() {
     provide("__void_shared", shared);
-    provide("__void_errors", errors);
     provide("__void_params", params);
     provide("__void_router", reactiveRouter);
     provide("__void_navigation", navigation);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@void/vue",
-  "version": "0.26.1",
+  "version": "0.28.0",
   "description": "Vue pages, server rendering, forms, and navigation for Void.",
   "homepage": "https://void.cloud",
   "bugs": {
@@ -41,12 +41,12 @@
     "pathslash": "^0.1.0",
     "vite": "npm:@voidzero-dev/vite-plus-core@1.1.0",
     "vite-plus": "1.1.0",
-    "void": "0.26.1",
+    "void": "0.28.0",
     "vue": "^3.5.43"
   },
   "peerDependencies": {
     "vite": "^8.0.0",
-    "void": "0.26.1",
+    "void": "0.28.0",
     "vue": "^3.5.0"
   },
   "scripts": {

package/dist/index-vAbysUNV.d.mts

@@ -1,72 +0,0 @@
-import { ActionClient, NavigationState, VisitOptions, VoidActionError, VoidRouter } from "void/pages-client";
-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
-declare const Form: Component;
-//#endregion
-//#region src/runtime/link.d.ts
-declare const Link: Component;
-//#endregion
-//#region src/runtime/use-router.d.ts
-declare function useRouter(): VoidRouter;
-//#endregion
-//#region src/runtime/use-params.d.ts
-declare function useParams<T extends Record<string, string> = Record<string, string>>(): T;
-//#endregion
-//#region src/runtime/use-shared.d.ts
-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>;
-};
-declare function useForm<U extends ActionUrl & string>(url: U, defaults: ResolveActionBody<U>, options?: ActionFormOptions<U>): {
-  data: ResolveActionBody<U>;
-  errors: Partial<Record<keyof ResolveActionBody<U> & string, string>>;
-  error: VoidActionError | null;
-  pending: boolean;
-  hasChanges: boolean;
-  wasSuccessful: boolean;
-  recentlySuccessful: boolean;
-  post(opts?: FormSubmitOptions): Promise<void>;
-  put(opts?: FormSubmitOptions): Promise<void>;
-  patch(opts?: FormSubmitOptions): Promise<void>;
-  delete(opts?: FormSubmitOptions): Promise<void>;
-  reset(...fields: ReadonlyArray<keyof ResolveActionBody<U> & string>): void;
-  clearErrors(...fields: ReadonlyArray<keyof ResolveActionBody<U> & string>): void;
-  clearError(): void;
-};
-//#endregion
-//#region src/runtime/use-navigation.d.ts
-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>;
-  error: VoidActionError | null;
-  pending: boolean;
-  hasChanges: boolean;
-  wasSuccessful: boolean;
-  recentlySuccessful: boolean;
-  submit(url: string, method: string): Promise<void>;
-  post(url: string): Promise<void>;
-  put(url: string): Promise<void>;
-  patch(url: string): Promise<void>;
-  delete(url: string): Promise<void>;
-  reset(...fields: ReadonlyArray<keyof T & string>): void;
-  clearErrors(...fields: ReadonlyArray<string>): void;
-  clearError(): void;
-}>;
-/**
- * Form composable for island pages. Uses fetch + page reload instead of the
- * Void Router (which is not available in island mode).
- */
-declare function useIslandForm<T extends Record<string, unknown>>(defaults: T): IslandFormReturn<T>;
-//#endregion
-//#region src/runtime/action.d.ts
-declare const action: ActionClient["action"];
-declare const setActionRouter: ActionClient["setActionRouter"];
-//#endregion
-export { useIslandForm as a, useShared as c, Link as d, Form as f, setActionRouter as i, useParams as l, InferProps as n, useNavigation as o, action as r, useForm as s, Deferred as t, useRouter as u };

package/dist/runtime/index.d.mts

@@ -1,2 +0,0 @@
-import { a as useIslandForm, c as useShared, d as Link, f as Form, i as setActionRouter, l as useParams, n as InferProps, o as useNavigation, r as action, s as useForm, t as Deferred, u as useRouter } from "../index-vAbysUNV.mjs";
-export { type Deferred, Form, type InferProps, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/runtime/index.mjs

@@ -1,2 +0,0 @@
-import { a as useForm, c as useRouter, i as useNavigation, l as Link, n as setActionRouter, o as useShared, r as useIslandForm, s as useParams, t as action, u as Form } from "../runtime-lPB1mgy1.mjs";
-export { Form, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/runtime-lPB1mgy1.mjs

@@ -1,436 +0,0 @@
-import { VoidActionError, categorizeActionError, createActionClient, formErrorMessage, formRetryMessage, formSubmissionBlocked, getValidationErrors, idleNavigationState, interpolateRouteParams, isAbortError, isEqualFormValue, isModifiedEvent, mergeDataIntoHref, scheduleFormRetry, ssrProxy, submitAction } from "void/pages-client";
-import { computed, defineComponent, h, inject, onMounted, onUnmounted, reactive, ref, watch } from "vue";
-//#region src/runtime/form.ts
-const Form = defineComponent({
-	name: "VoidForm",
-	inheritAttrs: false,
-	props: {
-		form: {
-			type: Object,
-			required: true
-		},
-		method: {
-			type: String,
-			default: "post"
-		},
-		renderError: Function
-	},
-	setup(props, { attrs, slots }) {
-		const now = ref(Date.now());
-		let cancel = () => {};
-		onMounted(() => watch(() => props.form.error, (error) => {
-			cancel();
-			cancel = scheduleFormRetry(error, () => {
-				now.value = Date.now();
-			});
-		}, { immediate: true }));
-		onUnmounted(() => cancel());
-		return () => {
-			const form = props.form;
-			const message = formErrorMessage(form), retry = formRetryMessage(form.error);
-			return h("form", {
-				...attrs,
-				"aria-busy": form.pending,
-				onSubmit: async (event) => {
-					event.preventDefault();
-					if (!formSubmissionBlocked(form, now.value)) await form[props.method]();
-				}
-			}, [message ? h("div", {
-				role: "alert",
-				"data-void-form-error": ""
-			}, [form.error && props.renderError ? props.renderError(form.error) : message, retry ? h("p", retry) : null]) : null, slots.default?.()]);
-		};
-	}
-});
-//#endregion
-//#region src/runtime/link.ts
-function hasPrefetch(prefetch) {
-	return prefetch !== false;
-}
-function callHandler(handler, event) {
-	if (Array.isArray(handler)) {
-		for (const fn of handler) if (typeof fn === "function") fn(event);
-	} else if (typeof handler === "function") handler(event);
-}
-const Link = defineComponent({
-	name: "Link",
-	props: {
-		href: {
-			type: String,
-			required: true
-		},
-		method: {
-			type: String,
-			default: "GET"
-		},
-		data: {
-			type: Object,
-			default: void 0
-		},
-		preserveScroll: {
-			type: Boolean,
-			default: false
-		},
-		preserveState: {
-			type: Boolean,
-			default: false
-		},
-		replace: {
-			type: Boolean,
-			default: false
-		},
-		reloadDocument: {
-			type: Boolean,
-			default: false
-		},
-		viewTransition: {
-			type: Boolean,
-			default: void 0
-		},
-		onNavigate: {
-			type: Function,
-			default: void 0
-		},
-		prefetch: {
-			type: [
-				Boolean,
-				String,
-				Array
-			],
-			default: false
-		},
-		cacheFor: {
-			type: [
-				Number,
-				String,
-				Array
-			],
-			default: void 0
-		}
-	},
-	setup(props, { slots, attrs }) {
-		const router = inject("__void_router", null);
-		const elRef = ref(null);
-		const normalizedMethod = computed(() => props.method.toUpperCase());
-		const isGet = computed(() => normalizedMethod.value === "GET");
-		const hrefWithData = computed(() => isGet.value ? mergeDataIntoHref(props.href, props.data) : props.href);
-		const strategies = computed(() => {
-			if (props.prefetch === false || props.reloadDocument) return [];
-			if (props.prefetch === true) return ["hover"];
-			if (typeof props.prefetch === "string") return [props.prefetch];
-			return props.prefetch;
-		});
-		function doPrefetch() {
-			if (!router?.prefetch) return;
-			const current = window.location.pathname + window.location.search;
-			if (hrefWithData.value === current) return;
-			const options = {};
-			if (props.cacheFor !== void 0) options.cacheFor = props.cacheFor;
-			if (normalizedMethod.value) options.method = normalizedMethod.value;
-			router.prefetch(hrefWithData.value, options);
-		}
-		function onClick(e) {
-			callHandler(attrs.onClick, e);
-			if (props.reloadDocument || !router || e.defaultPrevented || isModifiedEvent(e)) return;
-			if (e.currentTarget.hasAttribute("download")) return;
-			if (new URL(hrefWithData.value, window.location.origin).origin !== window.location.origin) return;
-			let navigatePrevented = false;
-			props.onNavigate?.({ preventDefault() {
-				navigatePrevented = true;
-			} });
-			if (navigatePrevented) {
-				e.preventDefault();
-				return;
-			}
-			e.preventDefault();
-			router.visit(hrefWithData.value, {
-				method: normalizedMethod.value,
-				data: isGet.value ? void 0 : props.data,
-				preserveScroll: props.preserveScroll,
-				preserveState: props.preserveState,
-				replace: props.replace,
-				viewTransition: props.viewTransition
-			});
-		}
-		let hoverTimer = null;
-		let observer = null;
-		function onMouseEnter(e) {
-			callHandler(attrs.onMouseenter ?? attrs.onMouseEnter, e);
-			if (e.defaultPrevented) return;
-			hoverTimer = setTimeout(doPrefetch, router?._hoverDelay ?? 75);
-		}
-		function onMouseLeave(e) {
-			callHandler(attrs.onMouseleave ?? attrs.onMouseLeave, e);
-			if (hoverTimer) {
-				clearTimeout(hoverTimer);
-				hoverTimer = null;
-			}
-		}
-		function onFocus(e) {
-			callHandler(attrs.onFocus, e);
-			if (!e.defaultPrevented) doPrefetch();
-		}
-		function onMouseDown(e) {
-			callHandler(attrs.onMousedown ?? attrs.onMouseDown, e);
-			if (!e.defaultPrevented) doPrefetch();
-		}
-		function onTouchStart(e) {
-			callHandler(attrs.onTouchstart ?? attrs.onTouchStart, e);
-			if (!e.defaultPrevented) doPrefetch();
-		}
-		onMounted(() => {
-			if (strategies.value.includes("mount")) doPrefetch();
-			if (strategies.value.includes("visible") && elRef.value) {
-				observer = new IntersectionObserver((entries) => {
-					if (entries.some((e) => e.isIntersecting)) {
-						doPrefetch();
-						observer?.disconnect();
-						observer = null;
-					}
-				}, { rootMargin: "0px" });
-				observer.observe(elRef.value);
-			}
-		});
-		onUnmounted(() => {
-			if (hoverTimer) clearTimeout(hoverTimer);
-			if (observer) {
-				observer.disconnect();
-				observer = null;
-			}
-		});
-		return () => {
-			if (hasPrefetch(props.prefetch) && !isGet.value) throw new Error("Link: prefetch only supports GET links. Remove `prefetch` or use method=\"GET\".");
-			if (props.reloadDocument && !isGet.value) throw new Error("Link: reloadDocument only supports GET links.");
-			const tag = isGet.value ? "a" : "button";
-			const eventHandlers = { onClick };
-			if (strategies.value.includes("hover")) {
-				eventHandlers.onMouseenter = onMouseEnter;
-				eventHandlers.onMouseleave = onMouseLeave;
-				eventHandlers.onFocus = onFocus;
-				eventHandlers.onTouchstart = onTouchStart;
-			}
-			if (strategies.value.includes("click")) {
-				eventHandlers.onMousedown = onMouseDown;
-				eventHandlers.onTouchstart = onTouchStart;
-			}
-			return h(tag, {
-				...attrs,
-				ref: elRef,
-				...isGet.value ? { href: hrefWithData.value } : { type: "button" },
-				style: [{ touchAction: "manipulation" }, attrs.style],
-				...eventHandlers
-			}, slots.default?.());
-		};
-	}
-});
-//#endregion
-//#region src/runtime/use-router.ts
-function useRouter() {
-	return inject("__void_router", null) ?? ssrProxy;
-}
-//#endregion
-//#region 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
-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
-function useForm(url, defaults, options) {
-	const formDefaults = defaults;
-	const router = inject("__void_router", null);
-	const data = reactive({ ...formDefaults });
-	const errors = reactive({});
-	const error = ref(null);
-	const pending = ref(false);
-	const wasSuccessful = ref(false);
-	const recentlySuccessful = ref(false);
-	let defaults_ = { ...formDefaults };
-	let successTimeout = null;
-	const hasChanges = ref(false);
-	watch(() => ({ ...data }), (val) => {
-		hasChanges.value = Object.keys(defaults_).some((key) => !isEqualFormValue(val[key], defaults_[key]));
-	}, { deep: true });
-	function reset(...fields) {
-		if (fields.length === 0) Object.assign(data, { ...defaults_ });
-		else for (const field of fields) data[field] = defaults_[field];
-	}
-	function clearErrors(...fields) {
-		if (fields.length === 0) for (const key of Object.keys(errors)) delete errors[key];
-		else for (const field of fields) delete errors[field];
-	}
-	function clearError() {
-		error.value = null;
-	}
-	async function submit(method, opts = {}) {
-		pending.value = true;
-		wasSuccessful.value = false;
-		recentlySuccessful.value = false;
-		if (successTimeout) clearTimeout(successTimeout);
-		clearErrors();
-		clearError();
-		try {
-			if (!router) throw new Error("useForm(): requires the Void Router.");
-			const result = await submitAction(router, interpolateRouteParams(url, options?.params), {
-				method,
-				data: { ...data },
-				...opts
-			});
-			if (!result.ok) {
-				const validationErrors = getValidationErrors(result.error.body);
-				if (validationErrors) Object.assign(errors, validationErrors);
-				else error.value = result.error;
-				return;
-			}
-			wasSuccessful.value = true;
-			recentlySuccessful.value = true;
-			defaults_ = { ...data };
-			successTimeout = setTimeout(() => {
-				recentlySuccessful.value = false;
-			}, 2e3);
-		} catch (submitError) {
-			if (isAbortError(submitError)) return;
-			throw submitError;
-		} finally {
-			pending.value = false;
-		}
-	}
-	return reactive({
-		data,
-		errors,
-		error,
-		pending,
-		hasChanges,
-		wasSuccessful,
-		recentlySuccessful,
-		reset,
-		clearErrors,
-		clearError,
-		post: (opts) => submit("POST", opts),
-		put: (opts) => submit("PUT", opts),
-		patch: (opts) => submit("PATCH", opts),
-		delete: (opts) => submit("DELETE", opts)
-	});
-}
-//#endregion
-//#region 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;
-	}
-}
-/**
-* Form composable for island pages. Uses fetch + page reload instead of the
-* Void Router (which is not available in island mode).
-*/
-function useIslandForm(defaults) {
-	const data = reactive({ ...defaults });
-	const errors = reactive({});
-	const error = ref(null);
-	const pending = ref(false);
-	const wasSuccessful = ref(false);
-	const recentlySuccessful = ref(false);
-	let defaults_ = { ...defaults };
-	let successTimeout = null;
-	const hasChanges = ref(false);
-	watch(() => ({ ...data }), (val) => {
-		hasChanges.value = Object.keys(defaults_).some((key) => !isEqualFormValue(val[key], defaults_[key]));
-	}, { deep: true });
-	function reset(...fields) {
-		if (fields.length === 0) Object.assign(data, { ...defaults_ });
-		else for (const field of fields) data[field] = defaults_[field];
-	}
-	function clearErrors(...fields) {
-		if (fields.length === 0) for (const key of Object.keys(errors)) delete errors[key];
-		else for (const field of fields) delete errors[field];
-	}
-	function clearError() {
-		error.value = null;
-	}
-	async function submit(url, method) {
-		pending.value = true;
-		wasSuccessful.value = false;
-		recentlySuccessful.value = false;
-		if (successTimeout) clearTimeout(successTimeout);
-		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;
-				return;
-			}
-			if (response.ok) {
-				wasSuccessful.value = true;
-				recentlySuccessful.value = true;
-				defaults_ = { ...data };
-				successTimeout = setTimeout(() => {
-					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;
-			}
-		} finally {
-			pending.value = false;
-		}
-	}
-	return reactive({
-		data,
-		errors,
-		error,
-		pending,
-		hasChanges,
-		wasSuccessful,
-		recentlySuccessful,
-		submit,
-		reset,
-		clearErrors,
-		clearError,
-		post: (url) => submit(url, "POST"),
-		put: (url) => submit(url, "PUT"),
-		patch: (url) => submit(url, "PATCH"),
-		delete: (url) => submit(url, "DELETE")
-	});
-}
-//#endregion
-//#region src/runtime/action.ts
-const client = createActionClient();
-const action = client.action;
-const setActionRouter = client.setActionRouter;
-//#endregion
-export { useForm as a, useRouter as c, useNavigation as i, Link as l, setActionRouter as n, useShared as o, useIslandForm as r, useParams as s, action as t, Form as u };