@void/react 0.7.5 → 0.7.7

package/dist/{index-75EO-lLe.d.mts → index-CykTJ4Xm.d.mts}

@@ -15,7 +15,7 @@ type CommonProps = {
   replace?: boolean;
   reloadDocument?: boolean;
   viewTransition?: boolean;
-  prefetch?: boolean | PrefetchStrategy | Array<PrefetchStrategy>;
+  prefetch?: boolean | PrefetchStrategy | ReadonlyArray<PrefetchStrategy>;
   cacheFor?: number | string | [string, string];
   onNavigate?: (event: {
     preventDefault(): void;
@@ -68,8 +68,8 @@ declare function useForm<U extends ActionUrl & string>(url: U, defaults: Resolve
   put(formData: FormData): void;
   patch(formData: FormData): void;
   delete(formData: FormData): void;
-  reset(...fields: Array<keyof ResolveActionBody<U> & string>): void;
-  clearErrors(...fields: Array<keyof ResolveActionBody<U> & string>): void;
+  reset(...fields: ReadonlyArray<keyof ResolveActionBody<U> & string>): void;
+  clearErrors(...fields: ReadonlyArray<keyof ResolveActionBody<U> & string>): void;
   clearError(): void;
 };
 //#endregion
@@ -77,7 +77,7 @@ declare function useForm<U extends ActionUrl & string>(url: U, defaults: Resolve
 declare function useNavigation(): NavigationState;
 //#endregion
 //#region src/runtime/use-island-form.d.ts
-interface IslandFormReturn<T extends Record<string, unknown>> {
+type IslandFormReturn<T extends Record<string, unknown>> = Readonly<{
   data: T;
   setData: <K extends keyof T & string>(field: K, value: T[K]) => void;
   errors: Record<string, string>;
@@ -86,14 +86,14 @@ interface IslandFormReturn<T extends Record<string, unknown>> {
   hasChanges: boolean;
   wasSuccessful: boolean;
   recentlySuccessful: boolean;
-  reset: (...fields: Array<keyof T & string>) => void;
-  clearErrors: (...fields: Array<string>) => void;
+  reset: (...fields: ReadonlyArray<keyof T & string>) => void;
+  clearErrors: (...fields: ReadonlyArray<string>) => void;
   clearError: () => void;
   post: (url: string) => Promise<void>;
   put: (url: string) => Promise<void>;
   patch: (url: string) => Promise<void>;
   delete: (url: string) => Promise<void>;
-}
+}>;
 /**
 * Form hook for island pages. Uses fetch + page reload instead of the
 * Void Router (which is not available in island mode).

package/dist/index.d.mts

@@ -1,2 +1,2 @@
-import { a as ParamsContext, c as action, d as useNavigation, f as useForm, g as Link, h as useRouter, i as NavigationContext, l as setActionRouter, m as useParams, n as InferProps, o as RouterContext, p as useShared, r as ErrorsContext, s as SharedContext, t as Deferred, u as useIslandForm } from "./index-75EO-lLe.mjs";
+import { a as ParamsContext, c as action, d as useNavigation, f as useForm, g as Link, h as useRouter, i as NavigationContext, l as setActionRouter, m as useParams, n as InferProps, o as RouterContext, p as useShared, r as ErrorsContext, s as SharedContext, t as Deferred, u as useIslandForm } from "./index-CykTJ4Xm.mjs";
 export { Deferred, ErrorsContext, InferProps, Link, NavigationContext, ParamsContext, RouterContext, SharedContext, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/index.mjs

@@ -1,4 +1,4 @@
 import { a as SharedContext, i as RouterContext, n as NavigationContext, r as ParamsContext, t as ErrorsContext } from "./context-CBGCQE3p.mjs";
-import { a as useParams, i as useShared, n as useNavigation, o as useRouter, r as useForm, s as Link, t as useIslandForm } from "./runtime-BpEAl7K2.mjs";
+import { a as useParams, i as useShared, n as useNavigation, o as useRouter, r as useForm, s as Link, t as useIslandForm } from "./runtime-C0j3tKTP.mjs";
 import { n as setActionRouter, t as action } from "./action-BFWtavbf.mjs";
 export { ErrorsContext, Link, NavigationContext, ParamsContext, RouterContext, SharedContext, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/plugin.d.mts

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

package/dist/plugin.mjs

@@ -2,7 +2,7 @@ import react from "@vitejs/plugin-react";
 import { existsSync, readFileSync, readdirSync } from "node:fs";
 import { normalizePath } from "vite";
 import { generateComponentManifest, resolveEffectiveLayoutChain, resolveStaticPageDataBuildOptions, scanPages } from "void/pages";
-import { ISLANDS_CLIENT_ENTRY_ID, ISLANDS_RENDERER_ID, computePagesNeedingClientJS, configureIslandCssServer, extractCssImports, fileHasCssImports, needsIslandClientBundle, rebuildIslandCssMap, resolveSpecifier, rewriteCssImportForVirtualModule, watchPagesForRescan } from "void/pages-islands-plugin";
+import { ISLANDS_CLIENT_ENTRY_ID, ISLANDS_RENDERER_ID, computePagesNeedingClientJS, extractCssImports, needsIslandClientBundle, resolveSpecifier, rewriteCssImportForVirtualModule, watchPagesForRescan } from "void/pages-islands-plugin";
 //#region ../../node_modules/.pnpm/pathe@2.0.3/node_modules/pathe/dist/shared/pathe.M-eThtNZ.mjs
 const _DRIVE_LETTER_START_RE = /^[A-Za-z]:\//;
 function normalizeWindowsPath(input = "") {
@@ -148,13 +148,7 @@ function islandsPlugin(pagesDir) {
 	const islandManifest = /* @__PURE__ */ new Map();
 	const islandCssFiles = /* @__PURE__ */ new Set();
 	let viteRoot = "";
-	const islandCssMap = /* @__PURE__ */ new Map();
 	let resolvedConfig = null;
-	/** Rebuild islandCssMap from current file contents (re-runs fileHasCssImports). */
-	function rebuildCssMapLocal() {
-		if (!pageScan) return;
-		rebuildIslandCssMap(pageScan, pagesDir, islandCssMap, fileHasCssImports);
-	}
 	function computePagesNeedingClientJSLocal() {
 		if (!pageScan) return /* @__PURE__ */ new Set();
 		return computePagesNeedingClientJS(pageScan, pagesDir, resolvedConfig);
@@ -167,10 +161,8 @@ function islandsPlugin(pagesDir) {
 			isDev = config.command === "serve";
 		},
 		configureServer(server) {
-			configureIslandCssServer(server, islandCssFiles, viteRoot, rebuildCssMapLocal);
 			watchPagesForRescan(server, pagesDir, root, (scan) => {
 				pageScan = scan;
-				rebuildCssMapLocal();
 			});
 		},
 		async buildStart() {
@@ -178,17 +170,17 @@ function islandsPlugin(pagesDir) {
 				pageScan = await scanPages(root);
 				const importAttrRe = /import\s+\w+\s+from\s+("[^"]+"|'[^']+')\s+with\s*\{\s*island\s*:\s*("[^"]+"|'[^']+')\s*\}/g;
 				const filesToScan = [
-					...pageScan.pages.map((p) => ({
-						filePath: p.componentPath,
-						island: p.island
+					...pageScan.pages.map((page) => ({
+						filePath: page.componentPath,
+						island: page.island
 					})),
-					...pageScan.layouts.map((l) => ({
-						filePath: l.filePath,
-						island: l.island
+					...pageScan.layouts.map((layout) => ({
+						filePath: layout.filePath,
+						island: layout.island
 					})),
-					...pageScan.namedLayouts.map((nl) => ({
-						filePath: nl.filePath,
-						island: nl.island
+					...pageScan.namedLayouts.map((namedLayout) => ({
+						filePath: namedLayout.filePath,
+						island: namedLayout.island
 					}))
 				];
 				for (const entry of filesToScan) {
@@ -197,10 +189,10 @@ function islandsPlugin(pagesDir) {
 					const code = readFileSync(filePath, "utf-8");
 					const importerDir = dirname(filePath);
 					importAttrRe.lastIndex = 0;
-					let m;
-					while ((m = importAttrRe.exec(code)) !== null) {
-						const spec = m[1].slice(1, -1);
-						const strategy = m[2].slice(1, -1);
+					let importMatch;
+					while ((importMatch = importAttrRe.exec(code)) !== null) {
+						const spec = importMatch[1].slice(1, -1);
+						const strategy = importMatch[2].slice(1, -1);
 						const absPath = resolveSpecifier(spec, importerDir, COMPONENT_EXTENSIONS);
 						if (absPath) {
 							const islandId = normalizePath(relative(root, absPath)).replace(/\.[^.]+$/, "");
@@ -218,7 +210,6 @@ function islandsPlugin(pagesDir) {
 					const layoutChain = resolveEffectiveLayoutChain(page, pageScan.layouts, pageScan.namedLayouts);
 					for (const layout of layoutChain) islandCssFiles.add(normalizePath(resolve(pagesDir, layout.filePath)));
 				}
-				rebuildCssMapLocal();
 			}
 		},
 		resolveId: {
@@ -240,10 +231,10 @@ function islandsPlugin(pagesDir) {
 			handler(id) {
 				if (id === "\0" + ISLANDS_RENDERER_ID) {
 					if (!pageScan) return "export function renderIslandPage() { throw new Error('No pages found'); }";
-					const mdPlugin = resolvedConfig?.plugins?.find((p) => p.name === "void-md");
+					const mdPlugin = resolvedConfig?.plugins?.find((plugin) => plugin.name === "void-md");
 					const mdScriptIds = new Set(mdPlugin?.api?.getClientScripts?.()?.keys() ?? []);
 					const needsJS = computePagesNeedingClientJSLocal();
-					return generateIslandRenderer(pageScan, pagesDir, isDev, islandCssMap, viteRoot, mdScriptIds, needsJS);
+					return generateIslandRenderer(pageScan, pagesDir, isDev, mdScriptIds, needsJS);
 				}
 				if (id === "\0" + ISLANDS_CLIENT_ENTRY_ID) {
 					if (!pageScan) return "";
@@ -304,7 +295,7 @@ function islandsPlugin(pagesDir) {
 		}
 	}];
 }
-function generateIslandRenderer(scan, pagesDir, isDev, islandCssMap, viteRoot, mdScriptIds, pagesNeedingClientJS) {
+function generateIslandRenderer(scan, pagesDir, isDev, mdScriptIds, pagesNeedingClientJS) {
 	const preambleScript = isDev ? `
 <script type="module">
   import RefreshRuntime from "/@react-refresh"
@@ -313,12 +304,6 @@ function generateIslandRenderer(scan, pagesDir, isDev, islandCssMap, viteRoot, m
   window.$RefreshSig$ = () => (type) => type
   window.__vite_plugin_react_preamble_installed__ = true
 <\/script>` : "";
-	let cssMapCode = "";
-	if (isDev && islandCssMap.size > 0) {
-		const cssMapObj = {};
-		for (const [compId, paths] of islandCssMap) cssMapObj[compId] = paths.map((p) => "/" + normalizePath(relative(viteRoot, p)) + ".css");
-		cssMapCode = `const __cssPaths = ${JSON.stringify(cssMapObj)};`;
-	}
 	const mdScriptIdsCode = `const __mdClientScriptIds = new Set(${JSON.stringify([...mdScriptIds])});`;
 	const needsJSCode = `const __pagesNeedingClientJS = new Set(${JSON.stringify([...pagesNeedingClientJS])});`;
 	return `
@@ -328,7 +313,6 @@ import { SharedContext, ErrorsContext, ParamsContext } from "@void/react";
 import { renderHeadToString, renderHtmlAttrs, renderBodyAttrs } from "void/pages-head";
 
 ${generateComponentManifest(scan, pagesDir)}
-${cssMapCode}
 ${mdScriptIdsCode}
 ${needsJSCode}
 
@@ -373,7 +357,7 @@ export async function renderIslandPage(pageObj, assetTags) {
 
   return \`<!doctype html>
 <html\${htmlAttrs}>
-<head>\${headHtml}\${typeof __cssPaths !== "undefined" ? (__cssPaths[pageObj.component] || []).map(url => '<link rel="stylesheet" href="' + url + '">').join("\\n") : ""}\${PREAMBLE_SCRIPT}\${assetTags.css}\${__pagesNeedingClientJS.has(pageObj.component) ? assetTags.preloads : ""}</head>
+<head>\${headHtml}\${PREAMBLE_SCRIPT}\${assetTags.css}\${__pagesNeedingClientJS.has(pageObj.component) ? assetTags.preloads : ""}</head>
 <body\${bodyAttrs}>
   <div id="app"\${__mdScriptAttr}>\${html}</div>
   \${__pagesNeedingClientJS.has(pageObj.component) ? assetTags.body : ""}

package/dist/runtime/index.d.mts

@@ -1,2 +1,2 @@
-import { a as ParamsContext, c as action, d as useNavigation, f as useForm, g as Link, h as useRouter, i as NavigationContext, l as setActionRouter, m as useParams, n as InferProps, o as RouterContext, p as useShared, r as ErrorsContext, s as SharedContext, t as Deferred, u as useIslandForm } from "../index-75EO-lLe.mjs";
+import { a as ParamsContext, c as action, d as useNavigation, f as useForm, g as Link, h as useRouter, i as NavigationContext, l as setActionRouter, m as useParams, n as InferProps, o as RouterContext, p as useShared, r as ErrorsContext, s as SharedContext, t as Deferred, u as useIslandForm } from "../index-CykTJ4Xm.mjs";
 export { Deferred, ErrorsContext, InferProps, Link, NavigationContext, ParamsContext, RouterContext, SharedContext, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/runtime/index.mjs

@@ -1,4 +1,4 @@
 import { a as SharedContext, i as RouterContext, n as NavigationContext, r as ParamsContext, t as ErrorsContext } from "../context-CBGCQE3p.mjs";
-import { a as useParams, i as useShared, n as useNavigation, o as useRouter, r as useForm, s as Link, t as useIslandForm } from "../runtime-BpEAl7K2.mjs";
+import { a as useParams, i as useShared, n as useNavigation, o as useRouter, r as useForm, s as Link, t as useIslandForm } from "../runtime-C0j3tKTP.mjs";
 import { n as setActionRouter, t as action } from "../action-BFWtavbf.mjs";
 export { ErrorsContext, Link, NavigationContext, ParamsContext, RouterContext, SharedContext, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

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

@@ -6,7 +6,7 @@ import { CacheForResult } from "void/pages-prefetch";
 type ComponentModule = {
   default: ComponentType<any>;
 };
-interface ReactPagesConfig {
+type ReactPagesConfig = Readonly<{
   components: Record<string, () => Promise<ComponentModule>>;
   layoutTree: Record<string, Array<string>>;
   routeMeta: Record<string, {
@@ -18,10 +18,10 @@ interface ReactPagesConfig {
   viewTransitions: boolean;
   prefetchHoverDelay: number;
   prefetchDefaultCacheFor: CacheForResult;
-}
-interface ReactPagesClient {
+}>;
+type ReactPagesClient = Readonly<{
   router: VoidRouter;
-}
+}>;
 declare function startReactPages(config: ReactPagesConfig): Promise<ReactPagesClient>;
 //#endregion
 export { ReactPagesClient, ReactPagesConfig, startReactPages };

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

@@ -5,7 +5,7 @@ import { PageObject } from "void/pages-protocol";
 type ComponentModule = {
   default: ComponentType<any>;
 };
-interface ReactPagesServerConfig {
+type ReactPagesServerConfig = Readonly<{
   pageObj: PageObject;
   assetTags: {
     css: string;
@@ -15,7 +15,7 @@ interface ReactPagesServerConfig {
   components: Record<string, () => Promise<ComponentModule>>;
   layoutTree: Record<string, Array<string>>;
   preambleScript?: string;
-}
+}>;
 declare function renderReactPage({
   pageObj,
   assetTags,

package/dist/{runtime-BpEAl7K2.mjs → runtime-C0j3tKTP.mjs}

@@ -425,7 +425,7 @@ function useIslandForm(defaults) {
 		if (fields.length === 0) setErrors({});
 		else setErrors((prev) => {
 			const next = { ...prev };
-			for (const f of fields) delete next[f];
+			for (const field of fields) delete next[field];
 			return next;
 		});
 	}, []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@void/react",
-  "version": "0.7.5",
+  "version": "0.7.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/voidzero-dev/void.git",
@@ -51,13 +51,13 @@
     "react-dom": "^19.2.6",
     "vite": "npm:@voidzero-dev/vite-plus-core@0.1.20",
     "vite-plus": "^0.1.20",
-    "void": "0.7.5"
+    "void": "0.7.7"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "vite": "npm:@voidzero-dev/vite-plus-core@0.1.20",
-    "void": "0.7.5"
+    "void": "0.7.7"
   },
   "scripts": {
     "build": "vp pack",