@void/vue 0.7.4 → 0.7.6

package/README.md

@@ -33,6 +33,7 @@ Main runtime APIs live at `@void/vue`:
 
 - `Link`
 - `useRouter()`
+- `useParams()`
 - `useNavigation()`
 - `useShared()`
 - `useForm()`

package/dist/{index-C0fE29Kv.d.mts → index-DjrFKwuZ.d.mts}

@@ -9,6 +9,9 @@ declare const Link: Component;
 //#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
@@ -76,4 +79,4 @@ declare function setActionRouter(router: VoidRouter): void;
 /** Programmatic one-shot page action call with Inertia page update */
 declare function action<U extends ActionUrl & string>(url: U, ...args: HasParams<U> extends true ? [options: ActionOptions<U>] : [options?: ActionOptions<U>]): Promise<ActionResult>;
 //#endregion
-export { useIslandForm as a, useShared as c, setActionRouter as i, useRouter as l, InferProps as n, useNavigation as o, action as r, useForm as s, Deferred as t, Link as u };
+export { useIslandForm as a, useShared as c, Link as d, 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/index.d.mts

@@ -1,2 +1,2 @@
-import { a as useIslandForm, c as useShared, i as setActionRouter, l as useRouter, n as InferProps, o as useNavigation, r as action, s as useForm, t as Deferred, u as Link } from "./index-C0fE29Kv.mjs";
-export { Deferred, InferProps, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useRouter, useShared };
+import { a as useIslandForm, c as useShared, d as Link, 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-DjrFKwuZ.mjs";
+export { Deferred, InferProps, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import { a as useForm, c as Link, i as useNavigation, n as setActionRouter, o as useShared, r as useIslandForm, s as useRouter, t as action } from "./runtime-DL_B0L_H.mjs";
-export { Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useRouter, useShared };
+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 } from "./runtime-DtQg9eTF.mjs";
+export { Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/plugin.mjs

@@ -2,7 +2,7 @@ import vue from "@vitejs/plugin-vue";
 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, needsIslandClientBundle, rebuildIslandCssMap, resolveSpecifier, rewriteCssImportForVirtualModule, watchPagesForRescan } from "void/pages-islands-plugin";
+import { ISLANDS_CLIENT_ENTRY_ID, ISLANDS_RENDERER_ID, computePagesNeedingClientJS, 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 = "") {
@@ -142,16 +142,6 @@ const COMPONENT_EXTENSIONS = [
 	".ts",
 	".js"
 ];
-function fileHasCss(filePath) {
-	try {
-		const code = readFileSync(filePath, "utf-8");
-		if (/import\b[^"']*["'][^"']+\.(?:css|scss|sass|less|styl|stylus|pcss|postcss)["']/.test(code)) return true;
-		if (/<style\b(?![^>]*\bscoped\b)[^>]*>/.test(code)) return true;
-		return false;
-	} catch {
-		return false;
-	}
-}
 function extractCss(filePath) {
 	const code = readFileSync(filePath, "utf-8");
 	const parts = [];
@@ -174,13 +164,7 @@ function islandsPlugin(pagesDir) {
 	const islandCssFiles = /* @__PURE__ */ new Set();
 	let isDev = false;
 	let viteRoot = "";
-	const islandCssMap = /* @__PURE__ */ new Map();
 	let resolvedConfig = null;
-	/** Rebuild islandCssMap from current file contents (re-runs fileHasCss). */
-	function rebuildIslandCssMap$1() {
-		if (!pageScan) return;
-		rebuildIslandCssMap(pageScan, pagesDir, islandCssMap, fileHasCss);
-	}
 	function computePagesNeedingClientJS$1() {
 		if (!pageScan) return /* @__PURE__ */ new Set();
 		return computePagesNeedingClientJS(pageScan, pagesDir, resolvedConfig);
@@ -194,10 +178,8 @@ function islandsPlugin(pagesDir) {
 			isDev = config.command === "serve";
 		},
 		configureServer(server) {
-			configureIslandCssServer(server, islandCssFiles, viteRoot, rebuildIslandCssMap$1);
 			watchPagesForRescan(server, pagesDir, root, (scan) => {
 				pageScan = scan;
-				rebuildIslandCssMap$1();
 			});
 		},
 		async buildStart() {
@@ -245,7 +227,6 @@ function islandsPlugin(pagesDir) {
 					const layoutChain = resolveEffectiveLayoutChain(page, pageScan.layouts, pageScan.namedLayouts);
 					for (const layout of layoutChain) islandCssFiles.add(normalizePath(resolve(pagesDir, layout.filePath)));
 				}
-				rebuildIslandCssMap$1();
 			}
 		},
 		resolveId: {
@@ -270,7 +251,7 @@ function islandsPlugin(pagesDir) {
 					const mdPlugin = resolvedConfig?.plugins?.find((p) => p.name === "void-md");
 					const mdScriptIds = new Set(mdPlugin?.api?.getClientScripts?.()?.keys() ?? []);
 					const needsJS = computePagesNeedingClientJS$1();
-					return generateIslandRenderer(pageScan, pagesDir, isDev, islandCssMap, viteRoot, mdScriptIds, needsJS);
+					return generateIslandRenderer(pageScan, pagesDir, mdScriptIds, needsJS);
 				}
 				if (id === "\0" + ISLANDS_CLIENT_ENTRY_ID) {
 					if (!pageScan) return "";
@@ -337,13 +318,7 @@ function islandsPlugin(pagesDir) {
 		}
 	}];
 }
-function generateIslandRenderer(scan, pagesDir, isDev, islandCssMap, viteRoot, mdScriptIds, pagesNeedingClientJS) {
-	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)};`;
-	}
+function generateIslandRenderer(scan, pagesDir, mdScriptIds, pagesNeedingClientJS) {
 	const mdScriptIdsCode = `const __mdClientScriptIds = new Set(${JSON.stringify([...mdScriptIds])});`;
 	const needsJSCode = `const __pagesNeedingClientJS = new Set(${JSON.stringify([...pagesNeedingClientJS])});`;
 	return `
@@ -352,7 +327,6 @@ import { renderToString } from "vue/server-renderer";
 import { renderHeadToString, renderHtmlAttrs, renderBodyAttrs } from "void/pages-head";
 
 ${generateComponentManifest(scan, pagesDir)}
-${cssMapCode}
 ${mdScriptIdsCode}
 ${needsJSCode}
 
@@ -373,6 +347,7 @@ export async function renderIslandPage(pageObj, assetTags) {
     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
       return () => {
@@ -394,7 +369,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") : ""}\${assetTags.css}\${__pagesNeedingClientJS.has(pageObj.component) ? assetTags.preloads : ""}</head>
+<head>\${headHtml}\${assetTags.css}\${__pagesNeedingClientJS.has(pageObj.component) ? assetTags.preloads : ""}</head>
 <body\${bodyAttrs}>
   <div id="app"\${__mdScriptAttr}>\${html}</div>
   \${__pagesNeedingClientJS.has(pageObj.component) ? assetTags.body : ""}
@@ -590,7 +565,8 @@ export async function renderPage(pageObj, assetTags) {
     setup() {
       provide("__void_shared", reactive(pageObj.shared || {}));
       provide("__void_errors", reactive(pageObj.errors || {}));
-      provide("__void_router", createSsrRouter(pageObj.url || "/"));
+      provide("__void_params", reactive(pageObj.params || {}));
+      provide("__void_router", createSsrRouter(pageObj.url || "/", pageObj.params || {}));
       provide("__void_navigation", idleNavigationState());
       return () => {
         patchProps(PageComponent, pageObj.props);
@@ -634,6 +610,7 @@ ${generateComponentManifest(scan, pagesDir)}
 
 const shared = reactive({});
 const errors = reactive({});
+const params = reactive({});
 const currentComponent = shallowRef(null);
 const currentLayouts = shallowRef([]);
 const currentProps = shallowRef({});
@@ -646,6 +623,11 @@ function patchProps(comp, props) {
   comp.__voidPatched = true;
 }
 
+function replaceRecord(target, source) {
+  for (const key of Object.keys(target)) delete target[key];
+  Object.assign(target, source || {});
+}
+
 const { router, initialPageData, initialComponent, initialLayouts, start } =
   await createVoidRouter({
     adapter: {
@@ -655,8 +637,8 @@ const { router, initialPageData, initialComponent, initialLayouts, start } =
       isLoading: (ref) => ref.loading,
       applyUpdate(pageData, comp, layouts) {
         Object.assign(shared, pageData.shared || {});
-        for (const key of Object.keys(errors)) delete errors[key];
-        Object.assign(errors, pageData.errors || {});
+        replaceRecord(errors, pageData.errors || {});
+        replaceRecord(params, pageData.params || {});
         currentProps.value = pageData.props;
         currentLayouts.value = layouts;
         currentComponent.value = comp;
@@ -679,12 +661,13 @@ const { router, initialPageData, initialComponent, initialLayouts, start } =
     },
   });
 
-const reactiveRouter = createRouterFacade(router, () => routeUrl.value);
+const reactiveRouter = createRouterFacade(router, () => routeUrl.value, () => params);
 
 setActionRouter(reactiveRouter);
 
 Object.assign(shared, initialPageData.shared || {});
-Object.assign(errors, initialPageData.errors || {});
+replaceRecord(errors, initialPageData.errors || {});
+replaceRecord(params, initialPageData.params || {});
 currentProps.value = initialPageData.props;
 currentComponent.value = initialComponent;
 currentLayouts.value = initialLayouts;
@@ -693,6 +676,7 @@ const app = createSSRApp({
   setup() {
     provide("__void_shared", shared);
     provide("__void_errors", errors);
+    provide("__void_params", params);
     provide("__void_router", reactiveRouter);
     provide("__void_navigation", navigation);
 

package/dist/runtime/index.d.mts

@@ -1,2 +1,2 @@
-import { a as useIslandForm, c as useShared, i as setActionRouter, l as useRouter, n as InferProps, o as useNavigation, r as action, s as useForm, t as Deferred, u as Link } from "../index-C0fE29Kv.mjs";
-export { Deferred, InferProps, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useRouter, useShared };
+import { a as useIslandForm, c as useShared, d as Link, 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-DjrFKwuZ.mjs";
+export { Deferred, InferProps, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/runtime/index.mjs

@@ -1,2 +1,2 @@
-import { a as useForm, c as Link, i as useNavigation, n as setActionRouter, o as useShared, r as useIslandForm, s as useRouter, t as action } from "../runtime-DL_B0L_H.mjs";
-export { Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useRouter, useShared };
+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 } from "../runtime-DtQg9eTF.mjs";
+export { Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/{runtime-DL_B0L_H.mjs → runtime-DtQg9eTF.mjs}

@@ -222,6 +222,13 @@ 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");
@@ -459,4 +466,4 @@ async function action(url, ...args) {
 	});
 }
 //#endregion
-export { useForm as a, Link as c, useNavigation as i, setActionRouter as n, useShared as o, useIslandForm as r, useRouter as s, action as t };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@void/vue",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/voidzero-dev/void.git",
@@ -44,12 +44,12 @@
     "vite": "npm:@voidzero-dev/vite-plus-core@0.1.20",
     "vite-plus": "^0.1.20",
     "vue": "^3.5.34",
-    "void": "0.7.4"
+    "void": "0.7.6"
   },
   "peerDependencies": {
     "vite": "npm:@voidzero-dev/vite-plus-core@0.1.20",
     "vue": "^3.5.0",
-    "void": "0.7.4"
+    "void": "0.7.6"
   },
   "scripts": {
     "build": "vp pack",