@void/vue 0.7.12 → 0.8.0

package/dist/plugin.d.mts

@@ -6,6 +6,6 @@ type VoidVueOptions = Readonly<{
   vue?: Parameters<typeof vue>[0];
   viewTransitions?: boolean;
 }>;
-declare function voidVue(options?: VoidVueOptions): ReadonlyArray<Plugin>;
+declare function voidVue(options?: VoidVueOptions): Array<Plugin>;
 //#endregion
 export { VoidVueOptions, voidVue };

package/dist/plugin.mjs

@@ -1,7 +1,7 @@
 import vue from "@vitejs/plugin-vue";
+import { generateComponentManifest, resolveEffectiveLayoutChain, resolvePagesDir, resolveStaticPageDataBuildOptions, scanPages } from "void/pages";
 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, 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]:\//;
@@ -9,42 +9,9 @@ function normalizeWindowsPath(input = "") {
 	if (!input) return input;
 	return input.replace(/\\/g, "/").replace(_DRIVE_LETTER_START_RE, (r) => r.toUpperCase());
 }
-const _UNC_REGEX = /^[/\\]{2}/;
 const _IS_ABSOLUTE_RE = /^[/\\](?![/\\])|^[/\\]{2}(?!\.)|^[A-Za-z]:[/\\]/;
 const _DRIVE_LETTER_RE = /^[A-Za-z]:$/;
 const _ROOT_FOLDER_RE = /^\/([A-Za-z]:)?$/;
-const normalize = function(path) {
-	if (path.length === 0) return ".";
-	path = normalizeWindowsPath(path);
-	const isUNCPath = path.match(_UNC_REGEX);
-	const isPathAbsolute = isAbsolute(path);
-	const trailingSeparator = path[path.length - 1] === "/";
-	path = normalizeString(path, !isPathAbsolute);
-	if (path.length === 0) {
-		if (isPathAbsolute) return "/";
-		return trailingSeparator ? "./" : ".";
-	}
-	if (trailingSeparator) path += "/";
-	if (_DRIVE_LETTER_RE.test(path)) path += "/";
-	if (isUNCPath) {
-		if (!isPathAbsolute) return `//./${path}`;
-		return `//${path}`;
-	}
-	return isPathAbsolute && !isAbsolute(path) ? `/${path}` : path;
-};
-const join = function(...segments) {
-	let path = "";
-	for (const seg of segments) {
-		if (!seg) continue;
-		if (path.length > 0) {
-			const pathTrailing = path[path.length - 1] === "/";
-			const segLeading = seg[0] === "/";
-			if (pathTrailing && segLeading) path += seg.slice(1);
-			else path += pathTrailing || segLeading ? seg : `/${seg}`;
-		} else path += seg;
-	}
-	return normalize(path);
-};
 function cwd() {
 	if (typeof process !== "undefined" && typeof process.cwd === "function") return process.cwd().replace(/\\/g, "/");
 	return "/";
@@ -142,6 +109,23 @@ const COMPONENT_EXTENSIONS = [
 	".ts",
 	".js"
 ];
+const ISLAND_IMPORT_RE = /import\s+([$_A-Za-z][$_\w]*)\s+from\s+("[^"]+"|'[^']+')\s+with\s*\{\s*island\s*:\s*("[^"]+"|'[^']+')\s*,?\s*\}/g;
+function findIslandImports(code) {
+	const imports = [];
+	let match;
+	ISLAND_IMPORT_RE.lastIndex = 0;
+	while ((match = ISLAND_IMPORT_RE.exec(code)) !== null) {
+		const specifierRaw = match[2];
+		imports.push({
+			statement: match[0],
+			importName: match[1],
+			specifierRaw,
+			specifier: specifierRaw.slice(1, -1),
+			hydrate: match[3].slice(1, -1)
+		});
+	}
+	return imports;
+}
 function extractCss(filePath) {
 	const code = readFileSync(filePath, "utf-8");
 	const parts = [];
@@ -157,9 +141,9 @@ function extractCss(filePath) {
 	}
 	return parts.join("\n");
 }
-function islandsPlugin(pagesDir) {
+function islandsPlugin(pagesDir, options) {
 	let pageScan = null;
-	const root = dirname(pagesDir);
+	const root = options?.root ?? dirname(pagesDir);
 	const islandManifest = /* @__PURE__ */ new Map();
 	const islandCssFiles = /* @__PURE__ */ new Set();
 	let isDev = false;
@@ -184,8 +168,7 @@ function islandsPlugin(pagesDir) {
 		},
 		async buildStart() {
 			if (existsSync(pagesDir)) {
-				pageScan = await scanPages(root);
-				const importAttrRe = /import\s+\w+\s+from\s+("[^"]+"|'[^']+')\s+with\s*\{\s*island\s*:\s*("[^"]+"|'[^']+')\s*\}/g;
+				pageScan = await scanPages(root, { pagesDir });
 				const filesToScan = [
 					...pageScan.pages.map((page) => ({
 						filePath: page.componentPath,
@@ -205,11 +188,9 @@ function islandsPlugin(pagesDir) {
 					const filePath = resolve(pagesDir, entry.filePath);
 					const code = readFileSync(filePath, "utf-8");
 					const importerDir = dirname(filePath);
-					importAttrRe.lastIndex = 0;
-					let importMatch;
-					while ((importMatch = importAttrRe.exec(code)) !== null) {
-						const spec = importMatch[1].slice(1, -1);
-						const strategy = importMatch[2].slice(1, -1);
+					for (const islandImport of findIslandImports(code)) {
+						const spec = islandImport.specifier;
+						const strategy = islandImport.hydrate;
 						const absPath = resolveSpecifier(spec, importerDir, COMPONENT_EXTENSIONS);
 						if (absPath) {
 							const islandId = normalizePath(relative(root, absPath)).replace(/\.[^.]+$/, "");
@@ -267,18 +248,15 @@ function islandsPlugin(pagesDir) {
 			filter: { id: /\.island\.vue$/ },
 			handler(code, id) {
 				if (/import\s+\{[^}]*\buseForm\b/.test(code)) this.warn(`islands: useForm cannot be imported in island page '${id}'. Use useIslandForm instead.`);
-				const importAttrRe = /import\s+(\w+)\s+from\s+("[^"]+"|'[^']+')\s+with\s*\{\s*island\s*:\s*("[^"]+"|'[^']+')\s*\}/g;
 				const importerDir = dirname(id);
 				let transformed = code;
 				const wrappers = [];
 				let idx = 0;
-				let match;
-				while ((match = importAttrRe.exec(code)) !== null) {
-					const name = match[1];
-					const specRaw = match[2];
-					const strategyRaw = match[3];
-					const spec = specRaw.slice(1, -1);
-					const strategy = strategyRaw.slice(1, -1);
+				for (const islandImport of findIslandImports(code)) {
+					const name = islandImport.importName;
+					const specRaw = islandImport.specifierRaw;
+					const strategy = islandImport.hydrate;
+					const spec = islandImport.specifier;
 					const rawName = `_raw_island_${idx++}`;
 					const absPath = resolveSpecifier(spec, importerDir, COMPONENT_EXTENSIONS);
 					if (absPath) {
@@ -291,7 +269,7 @@ function islandsPlugin(pagesDir) {
 					}
 					const islandId = absPath ? normalizePath(relative(root, absPath)).replace(/\.[^.]+$/, "") : spec;
 					const replacement = `import ${rawName} from ${specRaw}`;
-					transformed = transformed.replace(match[0], replacement);
+					transformed = transformed.replace(islandImport.statement, replacement);
 					wrappers.push(`const ${name} = { inheritAttrs: false, render() { const props = this.$attrs; return _h_island("div", { "data-island": ${JSON.stringify(islandId)}, "data-props": JSON.stringify(props), "data-hydrate": ${JSON.stringify(strategy)} }, _h_island(${rawName}, props)); } };`);
 				}
 				if (wrappers.length > 0) {
@@ -472,8 +450,26 @@ function hasNonIslandPages(dir) {
 }
 function pagesPlugin(pagesDir, options) {
 	let pageScan = null;
+	let isDev = false;
 	let viteConfig;
-	const root = dirname(pagesDir);
+	const root = options?.root ?? dirname(pagesDir);
+	const normalizedPagesDir = normalizePath(pagesDir);
+	let pendingRescan = null;
+	const rescanPages = async () => {
+		pageScan = existsSync(pagesDir) ? await scanPages(root, { pagesDir }) : 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",
@@ -503,7 +499,7 @@ function pagesPlugin(pagesDir, options) {
 	}, {
 		name: "void-vue:pages",
 		async buildStart() {
-			if (existsSync(pagesDir)) pageScan = await scanPages(root);
+			await runRescan();
 		},
 		resolveId: {
 			filter: { id: /^virtual:void-pages-(renderer|client)$/ },
@@ -513,7 +509,9 @@ function pagesPlugin(pagesDir, options) {
 		},
 		load: {
 			filter: { id: /^\0virtual:void-pages-(renderer|client)$/ },
-			handler(id) {
+			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);
@@ -524,12 +522,27 @@ function pagesPlugin(pagesDir, options) {
 				}
 			}
 		},
+		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;
+				await runRescan();
+				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;
 		},
 		config(_, env) {
 			if (!existsSync(pagesDir)) return;
-			if (env.command === "serve") return { optimizeDeps: { include: ["vue"] } };
+			if (env.command === "serve") {
+				isDev = true;
+				return { optimizeDeps: { include: ["vue"] } };
+			}
 			if (!hasNonIslandPages(pagesDir)) return;
 			return { environments: { client: { build: {
 				manifest: true,
@@ -702,11 +715,15 @@ start();
 //#endregion
 //#region src/plugin.ts
 function voidVue(options) {
-	const pagesDir = join(process.cwd(), "pages");
+	const root = process.cwd();
+	const pagesDir = resolvePagesDir(root);
 	return [
 		vue(options?.vue),
-		...pagesPlugin(pagesDir, { viewTransitions: options?.viewTransitions }),
-		...islandsPlugin(pagesDir)
+		...pagesPlugin(pagesDir, {
+			root,
+			viewTransitions: options?.viewTransitions
+		}),
+		...islandsPlugin(pagesDir, { root })
 	];
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@void/vue",
-  "version": "0.7.12",
+  "version": "0.8.0",
   "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.12"
+    "void": "0.8.0"
   },
   "peerDependencies": {
     "vite": "^8.0.0",
     "vue": "^3.5.0",
-    "void": "0.7.12"
+    "void": "0.8.0"
   },
   "scripts": {
     "build": "vp pack",