void 0.7.5 → 0.7.6

package/dist/index.mjs

@@ -4,10 +4,10 @@ import { u as require_picocolors } from "./output-BwlcIYSR.mjs";
 import { n as loadVoidAuthConfig, t as findVoidAuthConfig } from "./config-CvHtTM0q.mjs";
 import { r as readProjectConfig } from "./project-TqORyHn8.mjs";
 import { c as getToken, u as isStagingMode } from "./client-DCqnMpDt.mjs";
-import { C as resolveSandboxConfig, S as isSandboxEnabled, _ as readExistingLiveBindingConfig, a as prerenderPagesNode, b as syncWranglerBindings, c as filterLoadedEnv, d as LIVE_MIGRATION_TAG, f as ensureWranglerCompatibilityDate, g as normalizeWranglerCompatibilityFlags, h as nextDurableObjectMigrationTag, i as prerenderPages, l as resolveRemoteMode, m as hasDurableObjectSqliteMigration, n as resolveDistDir, o as DEFAULT_PROXY_URL, p as ensureWranglerNodejsAlsFlag, r as resolveWorkerDirName, s as STAGING_PROXY_URL, u as stripInternalEnvKeys, v as readWranglerCompat, x as SANDBOX_MIGRATION_TAG, y as resolveLiveBindingConfig } from "./deploy-CRIz77mw.mjs";
+import { C as isSandboxEnabled, S as SANDBOX_MIGRATION_TAG, _ as normalizeWranglerCompatibilityFlags, a as prerenderPagesNode, b as resolveLiveBindingConfig, c as filterLoadedEnv, d as LIVE_MIGRATION_TAG, f as ensureWranglerCompat, g as nextDurableObjectMigrationTag, h as hasDurableObjectSqliteMigration, i as prerenderPages, l as resolveRemoteMode, m as ensureWranglerNodejsAlsFlag, n as resolveDistDir, o as DEFAULT_PROXY_URL, p as ensureWranglerCompatibilityDate, r as resolveWorkerDirName, s as STAGING_PROXY_URL, u as stripInternalEnvKeys, v as readExistingLiveBindingConfig, w as resolveSandboxConfig, x as syncWranglerBindings, y as readWranglerCompat } from "./deploy-B5rTuzXw.mjs";
 import { c as getDatabaseDialect, f as readConfig, l as isNodeTarget, p as resolveBindingNames } from "./config-BIa9HwVX.mjs";
-import { i as scanJobsSync, n as scanWebSocketRoutesSync, r as scanQueuesSync, t as scanRoutes } from "./scan-QtRTdh94.mjs";
-import { a as SSR_CLIENT_ENTRY_RELATIVE_PATHS, c as validateSsrEntries, f as isIdentifier, g as walk, i as inferProjectBindings, l as validateSsrEntry, m as isMemberExpression, n as FRAMEWORK_SCAN_DIRS, o as SSR_SERVER_ENTRY_RELATIVE_PATHS, p as isLiteral, r as detectFramework, t as DEFAULT_SCAN_DIRS, u as inferBindingsFromSource } from "./plugin-inference-CCtRkt9O.mjs";
+import { i as scanJobsSync, n as scanWebSocketRoutesSync, r as scanQueuesSync, t as scanRoutes } from "./scan-vv5u7rHu.mjs";
+import { a as SSR_CLIENT_ENTRY_RELATIVE_PATHS, c as validateSsrEntries, f as isIdentifier, g as walk, i as inferProjectBindings, l as validateSsrEntry, m as isMemberExpression, n as FRAMEWORK_SCAN_DIRS, o as SSR_SERVER_ENTRY_RELATIVE_PATHS, p as isLiteral, r as detectFramework, t as DEFAULT_SCAN_DIRS, u as inferBindingsFromSource } from "./plugin-inference-CXUuq0aC.mjs";
 import { i as voidWarn, n as voidError, r as voidLog, t as setShowTimestamp } from "./log-DXdqnmhF.mjs";
 import { r as parseDotenvFile } from "./dotenv-DwO4ti0Z.mjs";
 import { i as generateDbDts, n as generateQueueTypes, r as DRIZZLE_OPERATORS, t as generateRouteTypes } from "./route-types-DReF1gUY.mjs";
@@ -27,8 +27,374 @@ import { fileURLToPath, pathToFileURL } from "node:url";
 import { cloudflare } from "@cloudflare/vite-plugin";
 import { loadEnv, normalizePath, parseSync } from "vite";
 import { homedir } from "node:os";
-//#region src/plugin-dev-triggers-hint.ts
+import { init, parse } from "es-module-lexer";
+//#region src/pages/dev-css-assets.ts
 var import_picocolors = /* @__PURE__ */ __toESM(require_picocolors(), 1);
+const DEV_CSS_ASSET_MODULE_ID = "virtual:void-pages-dev-assets";
+const DEV_CSS_ASSET_ENDPOINT = "/__void/dev/pages-css";
+const DEV_CSS_ASSET_GUARD_HEADER = "X-Void-Dev-Asset-Request";
+const DEV_CSS_ASSET_GUARD_VALUE = "pages-css";
+const CSS_REQUEST_RE = /\.(?:css|scss|sass|less|styl|stylus|pcss|postcss)(?:$|[?#])/;
+const STYLE_QUERY_RE = /[?&](?:vue|svelte|island-style)\b.*[?&]type=style\b|[?&]type=style\b/;
+const CSS_BYPASS_RE = /[?&](?:raw|url|worker|sharedworker)\b/;
+const INLINE_CSS_EXPORT_RE = /(?:export\s+default|__vite__css\s*=)\s*("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|`(?:[^`\\]|\\.)*`)/;
+const VITE_DEV_ID_RE = /const\s+__vite__id\s*=\s*("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')/;
+const SKIPPABLE_VIRTUAL_URL_RE = /^(?:\/@id\/__x00__)?virtual:void-client-(?:browser|worker)(?:$|[?#])/;
+function splitQueryHash(value) {
+	const index = value.search(/[?#]/);
+	if (index === -1) return {
+		pathname: value,
+		suffix: ""
+	};
+	return {
+		pathname: value.slice(0, index),
+		suffix: value.slice(index)
+	};
+}
+function normalizeDevCssUrl(id, root) {
+	const normalized = normalizePath(id);
+	if (normalized.startsWith("/@id/")) return normalized;
+	if (normalized.startsWith("\0")) return "/@id/__x00__" + normalized.slice(1);
+	if (normalized.startsWith("virtual:")) return "/@id/__x00__" + normalized;
+	const { pathname, suffix } = splitQueryHash(normalized);
+	const normalizedRoot = normalizePath(root);
+	if (pathname === normalizedRoot || pathname.startsWith(normalizedRoot + "/")) return "/" + normalizePath(pathname.slice(normalizedRoot.length + 1)) + suffix;
+	if (pathname.startsWith("/@fs/") || pathname.startsWith("/@vite/") || pathname === "/@vite/client" || pathname.startsWith("/@react-refresh") || pathname.startsWith("/node_modules/.vite/")) return normalized;
+	if (pathname.startsWith("/")) {
+		const rootFirstSegment = normalizedRoot.split("/").filter(Boolean)[0];
+		if (rootFirstSegment && !pathname.startsWith(`/${rootFirstSegment}/`)) return normalized;
+		return "/@fs" + pathname + suffix;
+	}
+	return normalized;
+}
+function normalizeRequestUrl(url) {
+	return normalizePath(url).replace(/^\/@id\/__x00__/, "\0");
+}
+function toTransformRequestUrl(url) {
+	return normalizeRequestUrl(url);
+}
+function isCssRequest(url) {
+	return !CSS_BYPASS_RE.test(url) && (CSS_REQUEST_RE.test(url) || STYLE_QUERY_RE.test(url));
+}
+function isOptimizedDepUrl(url) {
+	return normalizePath(url).startsWith("/node_modules/.vite/deps/");
+}
+function isSkippableVirtualUrl(url) {
+	const normalized = normalizePath(url);
+	return SKIPPABLE_VIRTUAL_URL_RE.test(normalized) || normalized.charCodeAt(0) === 0 && /^virtual:void-client-(?:browser|worker)(?:$|[?#])/.test(normalized.slice(1));
+}
+function appendInlineQuery(url) {
+	const parsed = new URL(url, "http://void.local");
+	if (!parsed.searchParams.has("inline")) parsed.searchParams.append("inline", "");
+	return parsed.pathname + parsed.search + parsed.hash;
+}
+function extractInlineCss(code) {
+	const match = code.match(INLINE_CSS_EXPORT_RE);
+	if (!match) throw new Error("Unable to extract inline CSS from Vite transform output.");
+	const raw = match[1];
+	if (raw.startsWith("`")) throw new Error("Unexpected template literal inline CSS output.");
+	return JSON.parse(raw);
+}
+function extractViteDevId(code) {
+	const match = code.match(VITE_DEV_ID_RE);
+	if (!match) return;
+	return JSON.parse(match[1]);
+}
+function createOrderedEdgeStore(root) {
+	let version = 0;
+	const byKey = /* @__PURE__ */ new Map();
+	const aliasesForId = (id) => {
+		const normalized = normalizePath(id);
+		const aliases = new Set([normalized, normalizeDevCssUrl(normalized, root)]);
+		if (normalized.startsWith("/@id/__x00__")) aliases.add(normalized.replace("/@id/__x00__", "\0"));
+		return [...aliases];
+	};
+	return {
+		get version() {
+			return version;
+		},
+		set(importer, edges) {
+			version++;
+			for (const key of aliasesForId(importer)) byKey.set(key, edges);
+		},
+		deleteForId(id) {
+			let deleted = false;
+			for (const key of aliasesForId(id)) deleted = byKey.delete(key) || deleted;
+			if (deleted) version++;
+		},
+		getForNode(node) {
+			const keys = [node.url, node.id].filter((value) => typeof value === "string");
+			for (const key of keys) {
+				const direct = byKey.get(normalizePath(key));
+				if (direct) return direct;
+				const url = normalizeDevCssUrl(key, root);
+				const byUrl = byKey.get(url) ?? byKey.get(normalizeRequestUrl(url));
+				if (byUrl) return byUrl;
+			}
+			const staticUrls = node.staticImportedUrls;
+			return staticUrls ? [...staticUrls] : void 0;
+		}
+	};
+}
+var DevCssProvider = class {
+	cache = /* @__PURE__ */ new Map();
+	graphVersion = 0;
+	constructor(server, root, edgeStore) {
+		this.server = server;
+		this.root = root;
+		this.edgeStore = edgeStore;
+	}
+	invalidate() {
+		this.graphVersion++;
+		this.cache.clear();
+	}
+	async collect(rootPhases) {
+		const normalizedPhases = rootPhases.map((phase) => phase.map((root) => normalizeDevCssUrl(root, this.root)));
+		const cacheKey = JSON.stringify({
+			roots: normalizedPhases,
+			graphVersion: this.graphVersion,
+			edgeVersion: this.edgeStore.version
+		});
+		const cached = this.cache.get(cacheKey);
+		if (cached) return cached;
+		const environment = this.server.environments.client;
+		const graph = environment.moduleGraph;
+		const seen = /* @__PURE__ */ new Set();
+		const seenCssUrls = /* @__PURE__ */ new Set();
+		const cssUrls = [];
+		const cssViteDevIds = /* @__PURE__ */ new Map();
+		const addByUrl = async (rawUrl) => {
+			const url = normalizeDevCssUrl(rawUrl, this.root);
+			if (isOptimizedDepUrl(url)) return;
+			const requestUrl = toTransformRequestUrl(url);
+			let result;
+			try {
+				result = await environment.transformRequest(requestUrl);
+			} catch (error) {
+				if (!isSkippableVirtualUrl(url)) this.server.config.logger.warnOnce(`[void] Skipping dev CSS traversal for ${url}: ${error instanceof Error ? error.message : String(error)}`);
+				return;
+			}
+			const node = await graph.getModuleByUrl(url) ?? (requestUrl !== url ? await graph.getModuleByUrl(requestUrl) : void 0);
+			if (node) await visit(node, result?.code);
+		};
+		const visit = async (node, transformedCode) => {
+			if (seen.has(node)) return;
+			seen.add(node);
+			if (isCssRequest(node.url)) {
+				if (!seenCssUrls.has(node.url)) {
+					seenCssUrls.add(node.url);
+					cssUrls.push(node.url);
+				}
+				const viteDevId = transformedCode ? extractViteDevId(transformedCode) : void 0;
+				cssViteDevIds.set(node.url, viteDevId ?? node.id ?? node.url);
+				return;
+			}
+			if (isOptimizedDepUrl(node.url)) return;
+			const staticUrls = this.edgeStore.getForNode(node);
+			if (!staticUrls) {
+				this.server.config.logger.warnOnce(`[void] Missing ordered static import metadata for ${node.url}; skipping broad dev CSS traversal.`);
+				return;
+			}
+			for (const dep of staticUrls) await addByUrl(dep);
+		};
+		for (const roots of normalizedPhases) for (const root of roots) await addByUrl(root);
+		const assets = [];
+		for (const url of cssUrls) {
+			const inlineUrl = appendInlineQuery(url);
+			const result = await environment.transformRequest(inlineUrl);
+			if (!result) continue;
+			assets.push({
+				url,
+				id: cssViteDevIds.get(url) ?? url,
+				css: extractInlineCss(result.code)
+			});
+		}
+		this.cache.set(cacheKey, assets);
+		if (this.cache.size > 100) {
+			const oldest = this.cache.keys().next().value;
+			if (oldest) this.cache.delete(oldest);
+		}
+		return assets;
+	}
+};
+async function readJsonBody(req) {
+	const chunks = [];
+	for await (const chunk of req) chunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
+	if (chunks.length === 0) return {};
+	return JSON.parse(Buffer.concat(chunks).toString("utf-8"));
+}
+function getInternalDevOrigin(server) {
+	const address = server.httpServer?.address();
+	if (address && typeof address === "object") {
+		const protocol = server.config.server.https ? "https" : "http";
+		const rawHost = address.address === "::" || address.address === "0.0.0.0" ? "127.0.0.1" : address.address;
+		return `${protocol}://${rawHost.includes(":") ? `[${rawHost}]` : rawHost}:${address.port}`;
+	}
+	const localUrl = server.resolvedUrls?.local[0];
+	if (localUrl) return new URL(localUrl).origin;
+	return `${server.config.server.https ? "https" : "http"}://127.0.0.1:${server.config.server.port ?? 5173}`;
+}
+function pagesDevCssAssetsPlugin(root, token) {
+	const edgeStore = createOrderedEdgeStore(root);
+	let provider = null;
+	let viteServer = null;
+	return [{
+		name: "void:pages-dev-css-assets",
+		apply: "serve",
+		resolveId(id) {
+			if (id !== "virtual:void-pages-dev-assets") return;
+			if (this.environment?.name === "client") throw new Error(`${DEV_CSS_ASSET_MODULE_ID} is server-only and cannot be imported by client code.`);
+			return "\0" + DEV_CSS_ASSET_MODULE_ID;
+		},
+		load(id) {
+			if (id !== "\0virtual:void-pages-dev-assets") return;
+			if (this.environment?.name === "client") throw new Error(`${DEV_CSS_ASSET_MODULE_ID} is server-only and cannot be loaded by client code.`);
+			const internalOrigin = viteServer ? getInternalDevOrigin(viteServer) : "http://127.0.0.1:5173";
+			return `
+const TOKEN = ${JSON.stringify(token)};
+const INTERNAL_ORIGIN = ${JSON.stringify(internalOrigin)};
+const ENDPOINT = ${JSON.stringify(DEV_CSS_ASSET_ENDPOINT)};
+const GUARD_HEADER = ${JSON.stringify(DEV_CSS_ASSET_GUARD_HEADER)};
+const GUARD_VALUE = ${JSON.stringify(DEV_CSS_ASSET_GUARD_VALUE)};
+
+function createDevCssRequest(url, payload, signal) {
+  return new Request(url, {
+    method: "POST",
+    headers: {
+      "Authorization": "Bearer " + TOKEN,
+      "Content-Type": "application/json",
+      [GUARD_HEADER]: GUARD_VALUE,
+    },
+    body: JSON.stringify(payload),
+    signal,
+  });
+}
+
+async function readDevCssResponse(response) {
+  if (!response.ok) {
+    throw new Error("HTTP " + response.status);
+  }
+  const body = await response.json();
+  return Array.isArray(body.assets) ? body.assets : [];
+}
+
+export async function getVoidPagesDevCss(request, env, payload) {
+  const controller = new AbortController();
+  const timeout = setTimeout(() => controller.abort(), 1500);
+  const attempts = [];
+  if (env?.ASSETS && typeof env.ASSETS.fetch === "function") {
+    attempts.push({
+      fetcher: env.ASSETS,
+      label: "ASSETS",
+      url: new URL(ENDPOINT, request.url).toString(),
+    });
+  } else {
+    attempts.push({
+      fetcher: "global",
+      label: INTERNAL_ORIGIN,
+      url: new URL(ENDPOINT, INTERNAL_ORIGIN).toString(),
+    });
+  }
+  try {
+    let lastError;
+    let lastLabel = "unknown";
+    for (const attempt of attempts) {
+      try {
+        const request = createDevCssRequest(attempt.url, payload, controller.signal);
+        const response =
+          attempt.fetcher === "global"
+            ? await fetch(request)
+            : await attempt.fetcher.fetch(request);
+        return await readDevCssResponse(response);
+      } catch (error) {
+        lastError = error;
+        lastLabel = attempt.label;
+      }
+    }
+    throw new Error(
+      lastLabel + ": " + (lastError instanceof Error ? lastError.message : String(lastError)),
+    );
+  } catch (error) {
+    console.warn("[void] dev CSS collection failed:", error instanceof Error ? error.message : String(error));
+    return [];
+  } finally {
+    clearTimeout(timeout);
+  }
+}
+`;
+		},
+		configureServer(server) {
+			viteServer = server;
+			provider = new DevCssProvider(server, root, edgeStore);
+			const invalidate = () => provider?.invalidate();
+			server.watcher.on("add", invalidate);
+			server.watcher.on("change", invalidate);
+			server.watcher.on("unlink", invalidate);
+			server.middlewares.use(async (req, res, next) => {
+				if (!req.url) return next();
+				const url = new URL(req.url, "http://void.local");
+				if (url.pathname === "/@id/virtual:void-pages-dev-assets" || url.pathname === "/@id/__x00__virtual:void-pages-dev-assets") {
+					res.statusCode = 404;
+					res.end("Not Found");
+					return;
+				}
+				if (url.pathname !== "/__void/dev/pages-css") return next();
+				if (req.method !== "POST") {
+					res.statusCode = 405;
+					res.end("Method Not Allowed");
+					return;
+				}
+				if (req.headers["X-Void-Dev-Asset-Request".toLowerCase()] !== "pages-css") {
+					res.statusCode = 403;
+					res.end("Forbidden");
+					return;
+				}
+				if (req.headers.authorization !== `Bearer ${token}`) {
+					res.statusCode = 401;
+					res.end("Unauthorized");
+					return;
+				}
+				try {
+					const body = await readJsonBody(req);
+					const rootPhases = Array.isArray(body.rootPhases) ? body.rootPhases : [];
+					const assets = await provider.collect(rootPhases);
+					res.statusCode = 200;
+					res.setHeader("Content-Type", "application/json");
+					res.end(JSON.stringify({ assets }));
+				} catch (error) {
+					server.config.logger.warn(`[void] dev CSS collection failed: ${error instanceof Error ? error.message : String(error)}`);
+					res.statusCode = 200;
+					res.setHeader("Content-Type", "application/json");
+					res.end(JSON.stringify({ assets: [] }));
+				}
+			});
+		}
+	}, {
+		name: "void:pages-dev-css-static-edges",
+		apply: "serve",
+		enforce: "post",
+		async transform(code, id) {
+			if (this.environment?.name !== "client") return;
+			if (id.includes("/node_modules/.vite/")) return;
+			await init;
+			let imports;
+			try {
+				[imports] = parse(code);
+			} catch {
+				return;
+			}
+			const edges = [];
+			for (const item of imports) {
+				if (item.d !== -1 || !item.n) continue;
+				const resolved = await this.resolve(item.n, id, { skipSelf: true });
+				if (resolved?.id) edges.push(normalizeDevCssUrl(resolved.id, root));
+			}
+			edgeStore.set(id, edges);
+		}
+	}];
+}
+//#endregion
+//#region src/plugin-dev-triggers-hint.ts
 /**
 * Prints a one-shot hint on dev server start when the project has crons
 * or queues, explaining how to trigger them locally. Both default Void mode
@@ -1953,6 +2319,16 @@ function pushDefaultErrorPageHelpers(lines, options) {
 	lines.push(`  return /<\\/body\\s*>/i.test(html) ? html.replace(/<\\/body\\s*>/i, overlay + "</body>") : html + overlay;`);
 	lines.push(`}`);
 	lines.push("");
+	lines.push(`function __voidGetErrorAssetCss(error) {`);
+	lines.push(`  const tags = error && (typeof error === "object" || typeof error === "function") ? error.__voidPageAssetTags : null;`);
+	lines.push(`  return tags && typeof tags.css === "string" ? tags.css : "";`);
+	lines.push(`}`);
+	lines.push("");
+	lines.push(`function __voidInjectErrorAssetCss(html, css) {`);
+	lines.push(`  if (!css) return html;`);
+	lines.push(`  return /<\\/head\\s*>/i.test(html) ? html.replace(/<\\/head\\s*>/i, css + "</head>") : css + html;`);
+	lines.push(`}`);
+	lines.push("");
 	lines.push(`function __voidRenderErrorPage(request, status, title, error) {`);
 	lines.push(`  const heading = status + ": " + title;`);
 	lines.push(`  const prefix = status + ": ";`);
@@ -1963,6 +2339,7 @@ function pushDefaultErrorPageHelpers(lines, options) {
 	lines.push(`    <meta charset="utf-8">`);
 	lines.push(`    <meta name="viewport" content="width=device-width, initial-scale=1">`);
 	lines.push(`    <title>\${__voidEscapeHtml(heading)}</title>`);
+	lines.push(`    \${__voidGetErrorAssetCss(error)}`);
 	lines.push(`    <style>`);
 	lines.push(`      :root {`);
 	lines.push(`        color-scheme: light dark;`);
@@ -2615,6 +2992,7 @@ function compilePageRoutes(lines, scan, pages, options) {
 	lines.push(`import { handlePageGet, handlePageMutation } from ${JSON.stringify(pages.protocolPath)};`);
 	lines.push(`import { renderHeadToString, renderHtmlAttrs, renderBodyAttrs } from ${JSON.stringify(pages.headPath)};`);
 	lines.push(`import { renderPage } from "virtual:void-pages-renderer";`);
+	if (options.dev) lines.push(`import { getVoidPagesDevCss } from "virtual:void-pages-dev-assets";`);
 	const hasIslandPages = scan.pages.pages.some((p) => p.island);
 	if (hasIslandPages) lines.push(`import { renderIslandPage } from "virtual:void-islands-renderer";`);
 	lines.push("");
@@ -2636,11 +3014,18 @@ function compilePageRoutes(lines, scan, pages, options) {
 	lines.push(`  return { css: "", preloads, body: bodyTag };`);
 	lines.push(`}`);
 	lines.push("");
+	if (options.dev) {
+		lines.push(`async function collectVoidDevCss(request, env, kind, componentId, rootPhases) {`);
+		lines.push(`  const devCss = await getVoidPagesDevCss(request, env, { kind, componentId, rootPhases });`);
+		lines.push(`  return Array.isArray(devCss) ? devCss : [];`);
+		lines.push(`}`);
+		lines.push("");
+	}
 	lines.push(`function collectPagesManifestFiles(manifest, entryId) {`);
 	lines.push(`  const seen = new Set();`);
 	lines.push(`  const toVisit = [entryId];`);
-	lines.push(`  while (toVisit.length > 0) {`);
-	lines.push(`    const currentId = toVisit.pop();`);
+	lines.push(`  for (let index = 0; index < toVisit.length; index++) {`);
+	lines.push(`    const currentId = toVisit[index];`);
 	lines.push(`    if (seen.has(currentId)) continue;`);
 	lines.push(`    seen.add(currentId);`);
 	lines.push(`    const chunk = manifest[currentId];`);
@@ -2652,56 +3037,58 @@ function compilePageRoutes(lines, scan, pages, options) {
 	lines.push("");
 	const relPagesDir = pages.pagesDirRelative;
 	const pageCssKeys = {};
+	const pageDevRootPhases = {};
+	const projectRoot = options.projectRoot;
+	const toDevRootUrl = (absolutePath) => "/" + absolutePath.replaceAll("\\", "/").slice(projectRoot.replaceAll("\\", "/").length + 1);
+	const virtualDevUrl = (id) => "/@id/__x00__" + id;
 	for (const page of scan.pages.pages) {
-		const keys = [`${relPagesDir}/${page.componentPath}`];
+		const keys = [];
+		const routeRootPhases = [[virtualDevUrl(page.island ? pages.islandClientEntryId ?? pages.clientEntryId : pages.clientEntryId)]];
+		if (page.island && pages.mdClientEntryId) routeRootPhases[0].push(virtualDevUrl(pages.mdClientEntryId));
 		const layoutIds = resolveLayoutIds(page, scan.pages.layouts, scan.pages.namedLayouts);
+		const layoutRoots = [];
 		for (const layoutId of layoutIds) {
 			const layout = scan.pages.layouts.find((l) => (l.directory ? `${l.directory}/layout` : "layout") === layoutId);
 			if (layout) {
 				keys.push(`${relPagesDir}/${layout.filePath}`);
+				layoutRoots.push(toDevRootUrl(`${pages.pagesDir}/${layout.filePath}`));
 				continue;
 			}
 			const named = scan.pages.namedLayouts.find((nl) => {
 				return (nl.directory ? `${nl.directory}/_layouts/${nl.name}` : `_layouts/${nl.name}`) === layoutId;
 			});
-			if (named) keys.push(`${relPagesDir}/${named.filePath}`);
+			if (named) {
+				keys.push(`${relPagesDir}/${named.filePath}`);
+				layoutRoots.push(toDevRootUrl(`${pages.pagesDir}/${named.filePath}`));
+			}
 		}
+		keys.push(`${relPagesDir}/${page.componentPath}`);
+		routeRootPhases.push(layoutRoots);
+		routeRootPhases.push([toDevRootUrl(`${pages.pagesDir}/${page.componentPath}`)]);
 		pageCssKeys[page.componentId] = keys;
+		pageDevRootPhases[page.componentId] = routeRootPhases.filter((phase) => phase.length > 0);
 	}
 	lines.push(`const PAGE_CSS_KEYS = ${JSON.stringify(pageCssKeys)};`);
+	if (options.dev) lines.push(`const PAGE_DEV_ROOT_PHASES = ${JSON.stringify(pageDevRootPhases)};`);
 	lines.push("");
 	lines.push(`function collectRouteCss(manifest, entryId, pageKeys) {`);
 	lines.push(`  const cssFiles = new Set();`);
 	lines.push(`  const visited = new Set();`);
-	lines.push(`  const toVisit = [entryId];`);
-	lines.push(`  while (toVisit.length > 0) {`);
-	lines.push(`    const id = toVisit.pop();`);
-	lines.push(`    if (visited.has(id)) continue;`);
+	lines.push(`  function visit(id) {`);
+	lines.push(`    if (visited.has(id)) return;`);
 	lines.push(`    visited.add(id);`);
 	lines.push(`    const chunk = manifest[id];`);
-	lines.push(`    if (!chunk) continue;`);
+	lines.push(`    if (!chunk) return;`);
 	lines.push(`    if (Array.isArray(chunk.css)) {`);
 	lines.push(`      for (const f of chunk.css) cssFiles.add(f);`);
 	lines.push(`    }`);
 	lines.push(`    if (Array.isArray(chunk.imports)) {`);
-	lines.push(`      for (const i of chunk.imports) toVisit.push(i);`);
+	lines.push(`      for (const i of chunk.imports) visit(i);`);
 	lines.push(`    }`);
 	lines.push(`  }`);
+	lines.push(`  visit(entryId);`);
 	lines.push(`  for (const key of pageKeys) {`);
-	lines.push(`    const stack = [key];`);
-	lines.push(`    while (stack.length > 0) {`);
-	lines.push(`      const id = stack.pop();`);
-	lines.push(`      if (visited.has(id)) continue;`);
-	lines.push(`      visited.add(id);`);
-	lines.push(`      const chunk = manifest[id];`);
-	lines.push(`      if (!chunk) continue;`);
-	lines.push(`      if (Array.isArray(chunk.css)) {`);
-	lines.push(`        for (const f of chunk.css) cssFiles.add(f);`);
-	lines.push(`      }`);
-	lines.push(`      if (Array.isArray(chunk.imports)) {`);
-	lines.push(`        for (const i of chunk.imports) stack.push(i);`);
-	lines.push(`      }`);
-	lines.push(`    }`);
+	lines.push(`    visit(key);`);
 	lines.push(`  }`);
 	lines.push(`  return cssFiles;`);
 	lines.push(`}`);
@@ -2725,7 +3112,10 @@ function compilePageRoutes(lines, scan, pages, options) {
 	lines.push(`  const manifest = await loadPagesManifest(request, env);`);
 	lines.push(`  if (!manifest || typeof manifest !== "object") {`);
 	lines.push(`    if (!import.meta.env.DEV) return { css: "", preloads: "", body: "" };`);
-	lines.push(`    return getPagesDevClientTags();`);
+	if (options.dev) {
+		lines.push(`    const tags = getPagesDevClientTags();`);
+		lines.push(`    return { ...tags, devCss: await collectVoidDevCss(request, env, "pages", componentId, PAGE_DEV_ROOT_PHASES[componentId] || [[PAGES_CLIENT_ENTRY_URL]]) };`);
+	} else lines.push(`    return getPagesDevClientTags();`);
 	lines.push(`  }`);
 	lines.push(`  const entry = manifest[PAGES_CLIENT_ENTRY_ID];`);
 	lines.push(`  if (!entry || typeof entry !== "object" || typeof entry.file !== "string") {`);
@@ -2774,7 +3164,10 @@ function compilePageRoutes(lines, scan, pages, options) {
 		lines.push(`  const manifest = await loadPagesManifest(request, env);`);
 		lines.push(`  if (!manifest || typeof manifest !== "object") {`);
 		lines.push(`    if (!import.meta.env.DEV) return { css: "", preloads: "", body: "" };`);
-		lines.push(`    return getIslandsDevClientTags();`);
+		if (options.dev) {
+			lines.push(`    const tags = getIslandsDevClientTags();`);
+			lines.push(`    return { ...tags, devCss: await collectVoidDevCss(request, env, "islands", componentId, PAGE_DEV_ROOT_PHASES[componentId] || [[ISLANDS_CLIENT_ENTRY_URL]]) };`);
+		} else lines.push(`    return getIslandsDevClientTags();`);
 		lines.push(`  }`);
 		lines.push(`  const entry = manifest[ISLANDS_CLIENT_ENTRY_ID];`);
 		lines.push(`  if (!entry || typeof entry !== "object" || typeof entry.file !== "string") {`);
@@ -2896,6 +3289,15 @@ function compilePageRoutes(lines, scan, pages, options) {
 	lines.push(`      const errReq = new Request(new URL("/" + status + ".html", c.req.url));`);
 	lines.push(`      const errRes = await assets.fetch(errReq);`);
 	lines.push(`      if (errRes.ok) {`);
+	lines.push(`        const assetCss = __voidGetErrorAssetCss(error);`);
+	lines.push(`        if (assetCss) {`);
+	lines.push(`          const html = __voidInjectErrorAssetCss(await errRes.text(), assetCss);`);
+	lines.push(`          const body = __VOID_DEV && status === 500 && error && __voidShouldServeHtmlErrorPage(c.req.raw) ? __voidInjectDevErrorOverlay(html, __voidRenderDevErrorOverlay(c.req.raw, status, fallbackText, error)) : html;`);
+	lines.push(`          return new Response(c.req.method === "HEAD" ? null : body, {`);
+	lines.push(`            status,`);
+	lines.push(`            headers: { "content-type": "text/html; charset=utf-8" },`);
+	lines.push(`          });`);
+	lines.push(`        }`);
 	lines.push(`        if (__VOID_DEV && status === 500 && error && __voidShouldServeHtmlErrorPage(c.req.raw)) {`);
 	lines.push(`          const overlay = __voidRenderDevErrorOverlay(c.req.raw, status, fallbackText, error);`);
 	lines.push(`          const html = await errRes.text();`);
@@ -4138,6 +4540,23 @@ function createSandboxSdkResolvePlugin() {
 		}
 	};
 }
+function createWranglerCompatPersistPlugin(root, config) {
+	let persisted = false;
+	const persist = () => {
+		if (persisted || isNodeTarget(config.target)) return;
+		persisted = true;
+		ensureWranglerCompat(root, config);
+	};
+	return {
+		name: "void:wrangler-compat-persist",
+		buildStart() {
+			persist();
+		},
+		configureServer() {
+			persist();
+		}
+	};
+}
 /**
 * Read Void auth credentials for local dev AI proxy access.
 * Returns a discriminated union so callers can distinguish
@@ -4307,8 +4726,8 @@ function voidPlugin(options) {
 	if (detected && (detected.class === "b" || detected.class === "c")) {
 		const bindingNames = resolveBindingNames(config.inference?.bindings);
 		const frameworkPersistRoot = join(root, ".wrangler", "state");
-		const syncFrameworkCompat = () => {
-			if (ensureWranglerCompatibilityDate(root, readWranglerCompat(root, config).compatibilityDate)) voidLog("Synced compatibility_date to wrangler config");
+		const syncFrameworkCompat = (compat) => {
+			if (ensureWranglerCompatibilityDate(root, compat.compatibilityDate)) voidLog("Synced compatibility_date to wrangler config");
 		};
 		return [
 			createCloudflareBuiltinsExternalPlugin(),
@@ -4316,15 +4735,21 @@ function voidPlugin(options) {
 				name: "void:wrangler-compat",
 				enforce: "pre",
 				config(_, env) {
-					syncFrameworkCompat();
+					syncFrameworkCompat(ensureWranglerCompat(root, config));
 					if (env.command !== "serve") return;
 					if (ensureWranglerNodejsAlsFlag(root)) voidLog("Synced nodejs_als to wrangler config");
+				},
+				buildStart() {
+					syncFrameworkCompat(ensureWranglerCompat(root, config));
+				},
+				configureServer() {
+					syncFrameworkCompat(ensureWranglerCompat(root, config));
 				}
 			},
 			{
 				name: "void:wrangler-sync",
 				configResolved(resolvedConfig) {
-					syncFrameworkCompat();
+					syncFrameworkCompat(readWranglerCompat(root, config));
 					if (resolvedConfig.command !== "serve") return;
 					if (syncWranglerBindings(root, bindings, {
 						bindingNames,
@@ -4617,6 +5042,7 @@ function voidPlugin(options) {
 		} : void 0;
 		return [
 			createCloudflareBuiltinsExternalPlugin(),
+			createWranglerCompatPersistPlugin(root, config),
 			restartPlugin(),
 			bindingWatchPlugin,
 			envPlugin,
@@ -4656,6 +5082,7 @@ function voidPlugin(options) {
 			restartPlugin(),
 			envPlugin,
 			envSchemaPlugin(root),
+			...pagesDevCssAssetsPlugin(root, devTriggerToken),
 			routingPlugin(root, {
 				isAuthEnabled: () => false,
 				devTriggerToken,
@@ -4686,6 +5113,7 @@ function voidPlugin(options) {
 	return [
 		createCloudflareBuiltinsExternalPlugin(),
 		createDefaultWorkerEnvironmentPlugin(),
+		createWranglerCompatPersistPlugin(root, config),
 		restartPlugin(),
 		bindingWatchPlugin,
 		envPlugin,
@@ -4694,6 +5122,7 @@ function voidPlugin(options) {
 		envClientFoldPlugin(),
 		clientStubsPlugin,
 		...bindings.needsSandbox ? [createSandboxSdkResolvePlugin()] : [],
+		...pagesDevCssAssetsPlugin(root, devTriggerToken),
 		routingPlugin(root, {
 			isAuthEnabled: () => authEnabled,
 			devTriggerToken,

package/dist/{init-FMZ29UZW.mjs → init-BiXWyKEf.mjs}

@@ -4,7 +4,7 @@ import { _ as me, c as R, g as ge, i as Ee, u as Se, v as ue, x as q, y as ye }
 import { a as writeProjectConfig, r as readProjectConfig } from "./project-TqORyHn8.mjs";
 import { c as getToken, n as PlatformClient, u as isStagingMode } from "./client-DCqnMpDt.mjs";
 import { c as getDatabaseDialect, f as readConfig } from "./config-BIa9HwVX.mjs";
-import { r as detectFramework } from "./plugin-inference-CCtRkt9O.mjs";
+import { r as detectFramework } from "./plugin-inference-CXUuq0aC.mjs";
 import { r as parseDotenvFile, t as expandDotenv } from "./dotenv-DwO4ti0Z.mjs";
 import { n as ensureProjectTsconfig, t as createProjectTsconfig } from "./project-tsconfig-DfkESbDL.mjs";
 import { t as MagicString } from "./magic-string.es-D6g9UnIy.mjs";
@@ -12,7 +12,7 @@ import { n as writeDrizzleConfig } from "./config-BzM9Dy7T.mjs";
 import { n as getAgentById, r as getPackageDir, t as detectAgents } from "./agents-DqkFfc2c.mjs";
 import { n as promptProjectSelection, t as promptAndCreateProject } from "./create-project-Bg88Kq_I.mjs";
 import { t as promptForLoginToken } from "./login-B5HHT32i.mjs";
-import { r as formatProjectCommand } from "./preset-jKn1hQwP.mjs";
+import { r as formatProjectCommand } from "./preset-BhnZpb7t.mjs";
 import { n as findInstalledYarnPnpRuntime, r as hasLocalLockfile, t as buildDrizzleKitSpawnEnv } from "./yarn-pnp-6LD6_3Ej.mjs";
 import { createRequire } from "node:module";
 import { existsSync, mkdirSync, readFileSync, readdirSync, rmdirSync, unlinkSync, writeFileSync } from "node:fs";

package/dist/pages/client.d.mts

@@ -1,4 +1,4 @@
-import { t as PageObject } from "../protocol-DxGzKEz2.mjs";
+import { t as PageObject } from "../protocol-COz1NHxc.mjs";
 import { CacheForInput, CacheForResult } from "./prefetch.mjs";
 
 //#region src/pages/action-result.d.ts