void 0.7.5 → 0.7.7

package/dist/index.mjs

@@ -4,20 +4,20 @@ 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 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 { 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-D3t53kng.mjs";
+import { c as getDatabaseDialect, f as readConfig, l as isNodeTarget, p as resolveBindingNames } from "./config-DqkeX_Fa.mjs";
+import { i as scanJobsSync, n as scanWebSocketRoutesSync, r as scanQueuesSync, t as scanRoutes } from "./scan-B8iEm8xn.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";
+import { r as parseDotenvFile } from "./dotenv-zdFCCgFU.mjs";
+import { i as generateDbDts, n as generateQueueTypes, r as DRIZZLE_OPERATORS, t as generateRouteTypes } from "./route-types-Cnqj_8a7.mjs";
 import { n as ensureProjectTsconfig } from "./project-tsconfig-DfkESbDL.mjs";
 import { t as discoverSchema } from "./discover-B7FkXBLB.mjs";
 import { t as MagicString } from "./magic-string.es-D6g9UnIy.mjs";
 import { n as generateEnvTypes, t as findEnvFile } from "./env-types-DknSA4SO.mjs";
-import { a as loadUserEnvFile } from "./env-validation-DJKjR_8q.mjs";
-import { i as resolveLayoutIds } from "./scan-Ba4hFwlH.mjs";
-import { n as lintDuplicateSources, r as mergeRoutingRules, t as lintDestinationSplats } from "./headers-YVkHjOyq.mjs";
+import { a as loadUserEnvFile } from "./env-validation-Bc_aiBUm.mjs";
+import { i as resolveLayoutIds } from "./scan-CWfLxtOe.mjs";
+import { n as lintDuplicateSources, r as mergeRoutingRules, t as lintDestinationSplats } from "./headers-C7Yf6_CN.mjs";
 import { n as generateVoidAuthDrizzleSchema, t as generateVoidAuthDatabaseModule } from "./drizzle-C-NRqGhx.mjs";
 import { t as INTERNAL_BINDING_PREFIXES } from "./env-raw-DtfQ9E31.mjs";
 import { n as defer } from "./defer-2ARBu8Et.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
@@ -428,17 +794,17 @@ function buildOffsetIndex(code) {
 	return { lineStarts };
 }
 function offsetToLineCol(index, offset) {
-	const arr = index.lineStarts;
-	let lo = 0;
-	let hi = arr.length - 1;
-	while (lo < hi) {
-		const mid = lo + hi + 1 >>> 1;
-		if (arr[mid] <= offset) lo = mid;
-		else hi = mid - 1;
+	const lineStarts = index.lineStarts;
+	let lowerBound = 0;
+	let upperBound = lineStarts.length - 1;
+	while (lowerBound < upperBound) {
+		const midpoint = lowerBound + upperBound + 1 >>> 1;
+		if (lineStarts[midpoint] <= offset) lowerBound = midpoint;
+		else upperBound = midpoint - 1;
 	}
 	return {
-		line: lo + 1,
-		column: offset - arr[lo] + 1
+		line: lowerBound + 1,
+		column: offset - lineStarts[lowerBound] + 1
 	};
 }
 /**
@@ -731,10 +1097,10 @@ function frameworkTriggersPlugin(root, options) {
 	};
 }
 function generateModule(root, jobs, queues, devTriggerToken) {
-	const jobImports = jobs.map((j, i) => `import __job${i} from ${JSON.stringify(join(root, "crons", j.filePath))};`).join("\n");
-	const queueImports = queues.map((q, i) => `import __queue${i} from ${JSON.stringify(join(root, "queues", q.filePath))};`).join("\n");
-	const jobTable = jobs.map((j, i) => `  { crons: ${JSON.stringify(j.crons)}, handler: __job${i} }`).join(",\n");
-	const queueTable = queues.map((q, i) => `  { name: ${JSON.stringify(q.name)}, handler: __queue${i} }`).join(",\n");
+	const jobImports = jobs.map((job, jobIndex) => `import __job${jobIndex} from ${JSON.stringify(join(root, "crons", job.filePath))};`).join("\n");
+	const queueImports = queues.map((queue, queueIndex) => `import __queue${queueIndex} from ${JSON.stringify(join(root, "queues", queue.filePath))};`).join("\n");
+	const jobTable = jobs.map((job, jobIndex) => `  { crons: ${JSON.stringify(job.crons)}, handler: __job${jobIndex} }`).join(",\n");
+	const queueTable = queues.map((queue, queueIndex) => `  { name: ${JSON.stringify(queue.name)}, handler: __queue${queueIndex} }`).join(",\n");
 	return `// @ts-nocheck — Auto-generated by Void in dev. Do NOT edit. Regenerated on every config load.
 ${jobImports}
 ${queueImports}
@@ -991,11 +1357,11 @@ export default defineEventHandler(async (event) => {
 */
 function analogDevTriggerInjectPlugin(root) {
 	const routeDir = join(root, ANALOG_ROUTE_DIR_RELATIVE);
-	const routePaths = ANALOG_TRIGGERS.map((t) => ({
-		...t,
-		path: join(routeDir, `${t.file}.ts`)
+	const routePaths = ANALOG_TRIGGERS.map((trigger) => ({
+		...trigger,
+		path: join(routeDir, `${trigger.file}.ts`)
 	}));
-	const gitignoreLines = ANALOG_TRIGGERS.map((t) => `${ANALOG_ROUTE_DIR_RELATIVE}/${t.file}.ts`);
+	const gitignoreLines = ANALOG_TRIGGERS.map((trigger) => `${ANALOG_ROUTE_DIR_RELATIVE}/${trigger.file}.ts`);
 	const dispatchPath = frameworkTriggersDispatchPath(root);
 	const ensureFiles = () => {
 		mkdirSync(routeDir, { recursive: true });
@@ -1026,7 +1392,7 @@ function analogDevTriggerInjectPlugin(root) {
 					return;
 				}
 				const path = req.url ?? "";
-				const match = ANALOG_TRIGGERS.find((t) => path === `/__void/${t.user}`);
+				const match = ANALOG_TRIGGERS.find((trigger) => path === `/__void/${trigger.user}`);
 				if (!match) {
 					next();
 					return;
@@ -1036,8 +1402,8 @@ function analogDevTriggerInjectPlugin(root) {
 					for await (const chunk of req) chunks.push(chunk);
 					const body = Buffer.concat(chunks);
 					const headers = new Headers();
-					for (const [k, v] of Object.entries(req.headers)) if (typeof v === "string") headers.set(k, v);
-					else if (Array.isArray(v)) headers.set(k, v.join(", "));
+					for (const [key, value] of Object.entries(req.headers)) if (typeof value === "string") headers.set(key, value);
+					else if (Array.isArray(value)) headers.set(key, value.join(", "));
 					const host = req.headers.host ?? "localhost";
 					const upstream = await fetch(`http://${host}/api/__void/${match.file}`, {
 						method: "POST",
@@ -1045,7 +1411,7 @@ function analogDevTriggerInjectPlugin(root) {
 						body
 					});
 					res.statusCode = upstream.status;
-					upstream.headers.forEach((v, k) => res.setHeader(k, v));
+					upstream.headers.forEach((value, key) => res.setHeader(key, value));
 					res.end(Buffer.from(await upstream.arrayBuffer()));
 				} catch (err) {
 					next(err);
@@ -1202,7 +1568,7 @@ function migrationPlugin(root, dialect, databaseId = "local", persistRoot = join
 					if (applied.length > 0) voidLog(`Applied ${applied.length} migration(s): ${applied.join(", ")}`);
 				}
 				if (auth?.enabled) {
-					const { runLocalVoidAuthMigrations } = await import("./node-DFqMcZR1.mjs");
+					const { runLocalVoidAuthMigrations } = await import("./node-DHVCtkgt.mjs");
 					await runLocalVoidAuthMigrations(root, dialect, persistRoot, databaseId, auth.configPath);
 					voidLog("Applied Better Auth migrations");
 				}
@@ -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();`);
@@ -4096,6 +4498,15 @@ const SANDBOX_SDK_IMPORT = "@cloudflare/sandbox";
 const SANDBOX_SDK_IMPORT_FILTER = /^@cloudflare\/sandbox$/;
 const DEFAULT_WORKER_ENVIRONMENT_NAME = "void_worker";
 const DEFAULT_WORKER_OUT_DIR = "dist/ssr";
+const DEV_ASSET_ROUTING_EXCLUSIONS = [
+	"!/@vite/*",
+	"!/@id/*",
+	"!/@fs/*",
+	"!/@react-refresh",
+	"!/@svelte/*",
+	"!/node_modules/*",
+	"!/__uno.css"
+];
 function resolveSandboxSdkEntry() {
 	return fileURLToPath(import.meta.resolve(SANDBOX_SDK_IMPORT));
 }
@@ -4138,6 +4549,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 +4735,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 +4744,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,
@@ -4495,7 +4929,7 @@ function voidPlugin(options) {
 				...env
 			};
 			const assets = workerConfig.assets;
-			if (command === "serve" && assets) delete assets.run_worker_first;
+			if (command === "serve" && assets?.run_worker_first) assets.run_worker_first = [...DEV_ASSET_ROUTING_EXCLUSIONS, "/**"];
 			const watchConfig = { server: { watch: { ignored } } };
 			if (!isNodeTarget(config.target) && config.output !== "static") {
 				const envNames = framework === "vinext-app" ? ["rsc", "ssr"] : ["ssr"];
@@ -4617,6 +5051,7 @@ function voidPlugin(options) {
 		} : void 0;
 		return [
 			createCloudflareBuiltinsExternalPlugin(),
+			createWranglerCompatPersistPlugin(root, config),
 			restartPlugin(),
 			bindingWatchPlugin,
 			envPlugin,
@@ -4656,6 +5091,7 @@ function voidPlugin(options) {
 			restartPlugin(),
 			envPlugin,
 			envSchemaPlugin(root),
+			...pagesDevCssAssetsPlugin(root, devTriggerToken),
 			routingPlugin(root, {
 				isAuthEnabled: () => false,
 				devTriggerToken,
@@ -4686,6 +5122,7 @@ function voidPlugin(options) {
 	return [
 		createCloudflareBuiltinsExternalPlugin(),
 		createDefaultWorkerEnvironmentPlugin(),
+		createWranglerCompatPersistPlugin(root, config),
 		restartPlugin(),
 		bindingWatchPlugin,
 		envPlugin,
@@ -4694,6 +5131,7 @@ function voidPlugin(options) {
 		envClientFoldPlugin(),
 		clientStubsPlugin,
 		...bindings.needsSandbox ? [createSandboxSdkResolvePlugin()] : [],
+		...pagesDevCssAssetsPlugin(root, devTriggerToken),
 		routingPlugin(root, {
 			isAuthEnabled: () => authEnabled,
 			devTriggerToken,