@markless/router 0.8.0 → 0.10.0

package/dist/{create-server-entry-BsYTWdxi.js → create-server-entry-BnaEfDHl.js}

@@ -1,9 +1,10 @@
-import { a as ROUTE_SCRIPT_TYPE, c as servedHtmlAttributesScript, d as REPLACE_ATTRIBUTE, f as SCROLL_ATTRIBUTE, i as HTML_ATTRIBUTES_SLOT, l as LINK_ATTRIBUTE, n as requestLocals, o as SERVED_HTML_ATTRIBUTES_PROPERTY, r as takeMiddlewareHeaders, u as PREFETCH_ATTRIBUTE } from "./request-locals-BDAhNpEa.js";
+import { a as takeMiddlewareHeaders, c as SERVED_BODY_ATTRIBUTES_PROPERTY, d as servedHtmlAttributesScript, f as LINK_ATTRIBUTE, h as SCROLL_ATTRIBUTE, i as requestLocals, l as SERVED_HTML_ATTRIBUTES_PROPERTY, m as REPLACE_ATTRIBUTE, n as MARKLESS_NAV_SETTLE_DEADLINE_MS, o as HTML_ATTRIBUTES_SLOT, p as PREFETCH_ATTRIBUTE, s as ROUTE_SCRIPT_TYPE } from "./navigation-timing-CzH6VaBR.js";
 import { i as matchRouteManifest, n as buildRouteManifestFromFileIds, o as normalizeRouteFileId } from "./route-manifest-DmoxXanW.js";
 import { n as __marklessDebugBootstrapSource } from "./debug-channel-Di6SppZv.js";
-import { CONTAINER_ATTRIBUTE, PROTOCOL_CONTAINER_END_COMMENT, PROTOCOL_CONTAINER_START_COMMENT, PROTOCOL_LOCATOR_PATHS_ATTRIBUTE } from "@markless/web/fns/container-region";
+import { CONTAINER_ATTRIBUTE, PROTOCOL_CONTAINER_END_COMMENT, PROTOCOL_CONTAINER_START_COMMENT, PROTOCOL_LOCATOR_PATHS_ATTRIBUTE, PROTOCOL_STREAM_OPEN_PROPERTY } from "@markless/web/fns/container-region";
 import { CONTAINER_RETIRE_PROPERTY, renderToString, splitSsrContainer } from "@markless/web/render-to-string";
 import { STREAMED_ARM_SELECTOR, STREAM_ARM_EXECUTOR_GLOBAL, renderToStream } from "@markless/web/render-to-stream";
+import { PROTOCOL_KEEP_ATTRIBUTE, PROTOCOL_OWN_ATTRIBUTE, installKeepParts } from "@markless/web/fns/keep-parts";
 import { normalizeMarklessDevError, renderMarklessDevErrorDocument } from "@markless/bundler/dev-error";
 //#region src/vite/link-intent.ts
 function listenForLinkIntent(root, linkAttribute, preload, prefetchAttribute) {
@@ -55,13 +56,67 @@ function documentHandlersMessage(what) {
 }
 //#endregion
 //#region src/vite/fragment-navigation.ts
-function startFragmentNavigation(d, linkAttributeOf, routes, importModule, loadRun, intentOf) {
+function startFragmentNavigation(d, linkAttributeOf, tableAttribute, importModule, loadRun, intentOf) {
 	const w = d.defaultView;
 	if (!w) return;
 	const host = d;
-	const known = host.__marklessFragmentNav?.routes ?? host.__marklessFragmentWake;
-	if (known) return void Object.assign(known, routes);
-	host.__marklessFragmentWake = routes;
+	if (host.__marklessFragmentTables) return host.__marklessFragmentTables();
+	const read = /* @__PURE__ */ new WeakSet();
+	const table = {};
+	let unread = true;
+	host.__marklessFragmentTables = () => void (unread = true);
+	const fill = () => {
+		if (!unread) return table;
+		unread = false;
+		for (const script of d.querySelectorAll(`script[${tableAttribute}]`)) {
+			if (read.has(script)) continue;
+			read.add(script);
+			const [preloads, destinations] = JSON.parse(script.textContent);
+			for (const path in destinations) table[path] = destinations[path].map((at) => preloads[at]);
+		}
+		return table;
+	};
+	const routes = new Proxy(table, {
+		get: (_, key) => fill()[key],
+		has: (_, key) => key in fill(),
+		ownKeys: () => Reflect.ownKeys(fill()),
+		getOwnPropertyDescriptor: (_, key) => Reflect.getOwnPropertyDescriptor(fill(), key)
+	});
+	const landed = new Promise((done) => {
+		const start = () => {
+			const pending = [...d.head.querySelectorAll("link[rel=\"modulepreload\"]")].filter((link) => !w.performance.getEntriesByName(link.href, "resource").length);
+			let left = pending.length;
+			if (!left) return done();
+			const arrived = () => void (--left || done());
+			for (const link of pending) {
+				link.addEventListener("load", arrived, { once: true });
+				link.addEventListener("error", arrived, { once: true });
+			}
+		};
+		if (d.readyState === "complete") start();
+		else w.addEventListener("load", start, { once: true });
+	});
+	host.__marklessFragmentIdle = landed.then(() => {
+		const intent = intentOf();
+		if (!intent) return false;
+		const connection = w.navigator.connection;
+		let bytes = 0;
+		const spans = [];
+		for (const entry of [...w.performance.getEntriesByType("navigation"), ...w.performance.getEntriesByType("resource")]) {
+			if (!(entry.transferSize > 0)) continue;
+			bytes += entry.transferSize;
+			spans.push([entry.responseStart, entry.responseEnd]);
+		}
+		let busy = 0;
+		let reach = -Infinity;
+		for (const [from, to] of spans.sort((a, b) => a[0] - b[0])) {
+			busy += Math.max(0, to - Math.max(from, reach));
+			reach = Math.max(reach, to);
+		}
+		if (bytes && (busy === 0 || bytes / busy * 1e3 >= intent.idleBytesPerSecond)) return true;
+		if (bytes >= intent.idleMeasuredBytes) return false;
+		return connection?.effectiveType === "4g" && connection.saveData !== true;
+	});
 	const scrolled = /* @__PURE__ */ new Set();
 	const arriving = /* @__PURE__ */ new Map();
 	let running;
@@ -71,9 +126,14 @@ function startFragmentNavigation(d, linkAttributeOf, routes, importModule, loadR
 		const href = new URL(typeof item === "string" ? item : item.href, d.baseURI).href;
 		if (arriving.has(href)) return;
 		const link = d.createElement("link");
-		link.rel = "modulepreload";
+		if (typeof item !== "string" && "as" in item) {
+			link.rel = "preload";
+			link.as = item.as;
+		} else {
+			link.rel = "modulepreload";
+			link.crossOrigin = "anonymous";
+		}
 		link.href = href;
-		link.crossOrigin = "anonymous";
 		arriving.set(href, new Promise((done) => link.onload = link.onerror = done));
 		d.head.appendChild(link);
 	};
@@ -114,7 +174,6 @@ function startFragmentNavigation(d, linkAttributeOf, routes, importModule, loadR
 	};
 	const wake = (event) => {
 		starting ??= loadRun().then((run) => {
-			delete host.__marklessFragmentWake;
 			return running = run(d, routes, importModule, scrolled, arriving, pressed);
 		});
 		starting.then((api) => api.replay(event), () => starting = void 0);
@@ -167,11 +226,7 @@ function startFragmentNavigation(d, linkAttributeOf, routes, importModule, loadR
 		event.preventDefault();
 		wake().then((api) => api.go(anchor) || w.location.assign(url.href), () => w.location.assign(url.href));
 	};
-	if (Object.keys(routes).length) {
-		const idle = () => w.requestIdleCallback ? w.requestIdleCallback(() => wake(), { timeout: 3e3 }) : w.setTimeout(() => wake(), 500);
-		if (d.readyState === "complete") idle();
-		else w.addEventListener("load", idle, { once: true });
-	}
+	if (d.querySelector(`script[${tableAttribute}]`)) landed.then(() => w.requestIdleCallback ? w.requestIdleCallback(() => wake(), { timeout: 3e3 }) : w.setTimeout(() => wake(), 500));
 }
 function runFragmentNavigation(d, config, routes, importModule, scrolled, arriving, early) {
 	const w = d.defaultView;
@@ -179,6 +234,7 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 	const location = w.location;
 	const connection = w.navigator.connection;
 	const pageKey = (url) => url.pathname + url.search;
+	const fetched = /* @__PURE__ */ new Set();
 	let module;
 	let loaded;
 	const load = () => {
@@ -189,23 +245,38 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 		return module;
 	};
 	const underEndpoints = (pathname) => config.endpointPrefixes.some((prefix) => (pathname + "/").startsWith(prefix + "/"));
-	const pages = config.pages.map((page) => [underEndpoints(page), page.split("/").filter(Boolean)]);
+	const decoded = (part) => {
+		try {
+			return decodeURIComponent(part);
+		} catch {
+			return part;
+		}
+	};
+	const staticPages = /* @__PURE__ */ new Map();
+	const patterns = [];
+	for (const page of config.pages) {
+		const segments = page.split("/").filter(Boolean);
+		const under = underEndpoints(page);
+		if (segments.some((segment) => segment === "**" || segment === ":")) patterns.push([under, segments]);
+		else {
+			const key = JSON.stringify(segments);
+			staticPages.set(key, [...staticPages.get(key) ?? [], under]);
+		}
+	}
+	const known = /* @__PURE__ */ new Map();
 	const isPage = (pathname) => {
+		const cached = known.get(pathname);
+		if (cached !== void 0) return cached;
 		const endpoint = underEndpoints(pathname);
-		const parts = pathname.split("/").filter(Boolean);
-		return pages.some(([under, page]) => {
+		const parts = pathname.split("/").filter(Boolean).map(decoded);
+		const answer = !!staticPages.get(JSON.stringify(parts))?.some((under) => !endpoint || under) || patterns.some(([under, page]) => {
 			if (endpoint && !under) return false;
 			const rest = page.indexOf("**");
 			if (rest === -1 ? page.length !== parts.length : parts.length <= rest) return false;
-			return page.every((segment, index) => {
-				if (segment === "**" || segment === ":") return true;
-				try {
-					return segment === decodeURIComponent(parts[index]);
-				} catch {
-					return segment === parts[index];
-				}
-			});
+			return page.every((segment, index) => segment === "**" || segment === ":" || segment === parts[index]);
 		});
+		known.set(pathname, answer);
+		return answer;
 	};
 	const eligible = (anchor, forClick = false) => {
 		if (!anchor || anchor.localName !== "a") return;
@@ -241,9 +312,14 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 			if (present.has(href) || arriving.has(href)) continue;
 			present.add(href);
 			const link = d.createElement("link");
-			link.rel = "modulepreload";
+			if ("as" in entry) {
+				link.rel = "preload";
+				link.as = entry.as;
+			} else {
+				link.rel = "modulepreload";
+				link.crossOrigin = entry.crossOrigin ?? "anonymous";
+			}
 			link.href = href;
-			link.crossOrigin = entry.crossOrigin ?? "anonymous";
 			if (low) link.fetchPriority = "low";
 			arriving.set(href, new Promise((done) => {
 				link.addEventListener("load", done, { once: true });
@@ -252,13 +328,45 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 			d.head.appendChild(link);
 		}
 	};
+	const parseAsLoaded = (html) => {
+		const raw = [];
+		const emptied = html.replace(/<!--[\s\S]*?-->|<(script|style|textarea|title)\b[^>]*>[\s\S]*?<\/\1\s*>|<noscript\b([^>]*)>([\s\S]*?)<\/noscript\s*>/gi, (match, _rawText, attributes, content) => {
+			if (content === void 0) return match;
+			raw.push(content);
+			return `<noscript${attributes ?? ""}></noscript>`;
+		});
+		if (!raw.length) return new DOMParser().parseFromString(html, "text/html");
+		const doc = new DOMParser().parseFromString(emptied, "text/html");
+		const tags = doc.getElementsByTagName("noscript");
+		if (tags.length !== raw.length) return new DOMParser().parseFromString(html, "text/html");
+		for (let index = 0; index < tags.length; index++) tags[index].textContent = raw[index];
+		return doc;
+	};
+	const preloadStyles = (doc) => {
+		for (const link of doc.head.querySelectorAll("link[rel=\"stylesheet\"][href]")) {
+			const href = new URL(link.getAttribute("href"), d.baseURI).href;
+			if ([...d.querySelectorAll("link[href]")].some((own) => own.href === href)) continue;
+			const preload = d.createElement("link");
+			preload.rel = "preload";
+			preload.as = "style";
+			preload.href = href;
+			for (const name of [
+				"media",
+				"crossorigin",
+				"integrity"
+			]) if (link.hasAttribute(name)) preload.setAttribute(name, link.getAttribute(name));
+			d.head.append(preload);
+		}
+	};
 	const parse = (url, text) => {
 		const at = text.indexOf(config.regionEndMarker);
 		const prefix = at === -1 ? text : text.slice(0, at);
+		const doc = parseAsLoaded(prefix);
+		preloadStyles(doc);
 		return {
 			url,
 			prefix,
-			doc: new DOMParser().parseFromString(prefix, "text/html"),
+			doc,
 			tail: at === -1 ? "" : text.slice(at + config.regionEndMarker.length)
 		};
 	};
@@ -291,7 +399,8 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 			cancel: () => reader.cancel()
 		};
 	};
-	const request = (url, speculative, started) => {
+	const request = (url, speculative, started, budget = Infinity) => {
+		fetched.add(pageKey(url));
 		const controller = started?.controller ?? new AbortController();
 		const read = async () => {
 			const prefix = config.requestPrefix;
@@ -301,9 +410,13 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 			const response = await (started?.response ?? w.fetch(target.href, {
 				credentials: "same-origin",
 				headers: speculative ? { purpose: "prefetch" } : {},
-				priority: speculative ? "auto" : "high",
+				priority: speculative === "idle" ? "low" : speculative ? "auto" : "high",
 				signal: controller.signal
 			}));
+			const cacheControl = response.headers.get("cache-control") ?? "";
+			const maxAge = Number(/(?:^|,)\s*max-age\s*=\s*"?(\d+)/i.exec(cacheControl)?.[1]);
+			if (/(?:^|,)\s*no-store\b/i.test(cacheControl)) entry.expires = w.performance.now();
+			else if (maxAge > 0) entry.expires = entry.at + maxAge * 1e3;
 			const type = response.headers.get("content-type") ?? "";
 			if (!response.ok || !type.includes("text/html") || !response.body) throw new Error(`MARKLESS_ROUTER_FRAGMENT_UNAVAILABLE: ${response.status}`);
 			const finalUrl = new URL(response.url || target.href);
@@ -311,9 +424,11 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 			if (!finalUrl.pathname.startsWith(`${prefix}/`)) throw new Error("MARKLESS_ROUTER_FRAGMENT_UNAVAILABLE: redirected");
 			finalUrl.pathname = finalUrl.pathname.slice(prefix.length);
 			finalUrl.hash = url.hash;
+			if (Number(response.headers.get("content-length") ?? 0) > budget) throw new Error("MARKLESS_ROUTER_FRAGMENT_OVER_IDLE_BUDGET");
 			const reader = response.body.getReader();
 			const decoder = new TextDecoder();
 			let text = "";
+			let bytes = 0;
 			for (;;) {
 				if (text.includes(config.regionEndMarker)) return {
 					...parse(finalUrl.href, text),
@@ -324,6 +439,11 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 					closed();
 					return parse(finalUrl.href, text + decoder.decode());
 				}
+				bytes += chunk.value.byteLength;
+				if (bytes > budget) {
+					reader.cancel();
+					throw new Error("MARKLESS_ROUTER_FRAGMENT_OVER_IDLE_BUDGET");
+				}
 				text += decoder.decode(chunk.value, { stream: true });
 			}
 		};
@@ -333,6 +453,7 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 		};
 		const entry = {
 			at: started?.at ?? w.performance.now(),
+			writes: state.writes,
 			result: read(),
 			open: true,
 			abort: () => {
@@ -343,25 +464,36 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 		entry.result.catch(closed);
 		return entry;
 	};
-	const prefetch = (url, code = true, started) => {
+	const prefetch = (url, code = true, started, budget = Infinity, idle = false) => {
 		const key = pageKey(url);
 		if (!config.prefetch || key === state.shown) return;
 		const existing = state.prefetches.get(key);
-		if (existing && w.performance.now() - existing.at < config.prefetchTtlMs) return void (code && preloadCode(url, false));
+		if (existing && fresh(existing, w.performance.now())) return void (code && preloadCode(url, false));
 		existing?.abort();
 		const open = [...state.prefetches].filter(([, entry]) => entry.open);
 		for (const [stale, entry] of open.slice(0, Math.max(0, open.length + 1 - config.prefetchConnections))) {
 			state.prefetches.delete(stale);
 			entry.abort();
 		}
-		const entry = request(url, true, started);
+		const entry = request(url, idle ? "idle" : true, started, budget);
+		entry.result.catch(() => {
+			if (state.prefetches.get(key) === entry) state.prefetches.delete(key);
+		});
 		state.prefetches.set(key, entry);
+		expire(key, entry);
+		if (code) preloadCode(url, false);
+	};
+	const stamps = /* @__PURE__ */ new WeakMap();
+	let stamped = 0;
+	const expire = (key, entry) => {
+		const stamp = ++stamped;
+		stamps.set(entry, stamp);
 		w.setTimeout(() => {
-			if (state.prefetches.get(key) !== entry) return;
+			const current = state.prefetches.get(key);
+			if (!current || stamps.get(current) !== stamp) return;
 			state.prefetches.delete(key);
-			entry.abort();
+			current.abort();
 		}, config.prefetchTtlMs);
-		if (code) preloadCode(url, false);
 	};
 	let scanning = false;
 	let idleQueue = [];
@@ -371,8 +503,8 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 			for (const entry of state.prefetches.values()) if (entry.open) open += 1;
 			if (open >= config.prefetchConnections) return;
 			const url = idleQueue.shift();
-			if (state.prefetches.has(pageKey(url))) continue;
-			prefetch(url, false);
+			if (state.prefetches.has(pageKey(url)) || fetched.has(pageKey(url))) continue;
+			prefetch(url, false, void 0, config.idleFragmentBytes, true);
 			preloadCode(url, true);
 		}
 	};
@@ -393,18 +525,23 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 				visible.set(pageKey(url), url);
 			}
 			idleQueue = [];
-			for (const [key, url] of visible) if (idleQueue.length < config.idleFragments && !state.prefetches.has(key)) idleQueue.push(url);
+			for (const [key, url] of visible) if (idleQueue.length < config.idleFragments && !state.prefetches.has(key) && !fetched.has(key)) idleQueue.push(url);
 			pumpIdle();
 		};
-		const idle = () => w.requestIdleCallback ? w.requestIdleCallback(run, { timeout: 3e3 }) : w.setTimeout(run, 500);
-		if (d.readyState === "complete") idle();
-		else w.addEventListener("load", idle, { once: true });
+		(host.__marklessFragmentIdle ?? Promise.resolve(false)).then((fast) => {
+			if (!fast) return void (scanning = false);
+			if (w.requestIdleCallback) w.requestIdleCallback(run, { timeout: 3e3 });
+			else w.setTimeout(run, 500);
+		});
 	};
+	const fresh = (entry, now) => entry.writes === state.writes && now - entry.at < config.prefetchTtlMs && (entry.expires === void 0 || now < entry.expires);
 	const state = {
 		config,
 		routes,
 		prefetches: /* @__PURE__ */ new Map(),
 		visited: /* @__PURE__ */ new Map(),
+		writes: 0,
+		fresh,
 		shown: pageKey(new URL(location.href)),
 		eligible,
 		preloadCode,
@@ -418,8 +555,42 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 	};
 	host.__marklessFragmentNav = state;
 	if (early) prefetch(new URL(early.url), true, early);
+	const wrote = () => {
+		state.writes++;
+		for (const entry of state.prefetches.values()) entry.abort();
+		state.prefetches.clear();
+		state.visited.clear();
+	};
+	d.addEventListener("submit", wrote, true);
+	const read = /* @__PURE__ */ new Set([
+		"GET",
+		"HEAD",
+		"OPTIONS"
+	]);
+	const send = w.fetch;
+	w.fetch = function fetch(input, init) {
+		const response = send.call(w, input, init);
+		const request = input instanceof Request ? input : void 0;
+		const method = (init?.method ?? request?.method ?? "GET").toUpperCase();
+		if (!read.has(method)) {
+			let same = false;
+			try {
+				same = new URL(request?.url ?? String(input), location.href).origin === location.origin;
+			} catch {}
+			if (same) {
+				wrote();
+				response.then(wrote, wrote);
+			}
+		}
+		return response;
+	};
 	let restTimer = 0;
+	let resting = "";
 	let previous;
+	const stopRest = () => {
+		w.clearTimeout(restTimer);
+		resting = "";
+	};
 	const hover = (event) => {
 		const pointer = event;
 		if (pointer.pointerType !== "mouse") return;
@@ -428,20 +599,27 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 			y: pointer.clientY,
 			t: pointer.timeStamp
 		};
-		if (previous && point.x === previous.x && point.y === previous.y) return void w.clearTimeout(restTimer);
+		if (previous && point.x === previous.x && point.y === previous.y) {
+			if (eligible(anchorOf(event))?.href !== resting) stopRest();
+			return;
+		}
 		const gap = previous ? point.t - previous.t : 0;
 		const creeping = !!previous && gap > 0 && Math.hypot(point.x - previous.x, point.y - previous.y) / gap < .1;
 		previous = point;
-		w.clearTimeout(restTimer);
+		stopRest();
 		const url = eligible(anchorOf(event));
 		if (!url) return;
-		if (creeping) prefetch(url);
-		else restTimer = w.setTimeout(() => prefetch(url), Math.max(config.hoverDwellMs, gap * 1.5));
+		if (creeping) return prefetch(url);
+		resting = url.href;
+		restTimer = w.setTimeout(() => {
+			resting = "";
+			prefetch(url);
+		}, Math.max(config.hoverDwellMs, gap * 1.5));
 	};
 	d.addEventListener("pointermove", hover, { passive: true });
-	d.addEventListener("pointerout", () => w.clearTimeout(restTimer), { passive: true });
+	d.addEventListener("pointerout", stopRest, { passive: true });
 	const press = (event) => {
-		w.clearTimeout(restTimer);
+		stopRest();
 		const anchor = anchorOf(event);
 		const url = eligible(anchor);
 		if (url) prefetch(url);
@@ -456,7 +634,7 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 		const url = eligible(anchor, true);
 		if (!url) return false;
 		const current = new URL(location.href);
-		w.clearTimeout(restTimer);
+		stopRest();
 		const replace = anchor.hasAttribute(config.replaceAttribute) || url.href === current.href;
 		const manual = anchor.getAttribute(config.scrollAttribute) === "manual";
 		const swap = (entry) => entry.navigate(d, url, replace ? "replace" : "push", manual ? "manual" : "reset");
@@ -495,6 +673,8 @@ function runFragmentNavigation(d, config, routes, importModule, scrolled, arrivi
 	};
 }
 const FRAGMENT_PATH_PREFIX = "/_markless/fragment";
+/** Set on every fragment response, so a redirect it answers can be pointed back at a fragment. */
+const FRAGMENT_RESPONSE_HEADER = "x-markless-fragment";
 function fragmentPageUrl(url) {
 	if (!url.pathname.startsWith(`/_markless/fragment/`)) return void 0;
 	const page = new URL(url);
@@ -504,10 +684,15 @@ function fragmentPageUrl(url) {
 const FRAGMENT_REGION_END = "<!--markless:region-end-->";
 const FRAGMENT_APPEND_END = "<!--markless:append-end-->";
 const FRAGMENT_PREFETCH_TTL_MS = 3e4;
+const FRAGMENT_IDLE_FRAGMENT_BYTES = 262144;
+const FRAGMENT_IDLE_BYTES_PER_SECOND = 25e4;
+const FRAGMENT_IDLE_MEASURED_BYTES = 65536;
 //#endregion
 //#region src/vite/runtime/link-bridge-module.ts
 /** Marks the page's link bridge script: inline in dev, a module stub importing the shared bridge in a build. */
 const LINK_BRIDGE_SCRIPT_ATTRIBUTE = "data-markless-router-link-resumer";
+/** Marks the page's route table: inert JSON `[preloads, destinations]`, each destination a list of indexes into preloads. */
+const LINK_TABLE_SCRIPT_ATTRIBUTE = "data-markless-router-links";
 /** The client output folder a build writes its link bridge files into, served as immutable static assets. */
 const LINK_BRIDGE_DIR = "_markless/links";
 function linkBridgeModulePath(base, hash) {
@@ -771,12 +956,35 @@ function routerLinkBridgeModules(options, manifest = buildRouteManifestFromFileI
 	return linkBridgeModules(options.base ?? "/", options.navigationEntryPath, fragmentBridge !== void 0 || options.prefetch !== false, options.documentNavigation === "document", fragmentBridge, options.debug);
 }
 function createServerEntry(options) {
+	installKeepParts();
 	const manifest = buildRouteManifestFromFileIds(options.routeFileIds);
 	assertCurrentRouteAssets(options);
 	const fragmentBridge = fragmentBridgeFor(options, manifest);
 	const fragmentNavigation = fragmentBridge !== void 0;
 	const linkBridgeModules = options.dev || options.linkBridgePaths ? void 0 : routerLinkBridgeModules(options, manifest);
 	const linkBridges = options.dev ? void 0 : options.linkBridgePaths ?? (linkBridgeModules && [linkBridgeModules[0].path, linkBridgeModules[1].path]);
+	const documentHeads = /* @__PURE__ */ new Map();
+	function pageStylesheetsAt(url, match, documentModule, request) {
+		const own = pageStylesheets(options, match.route.file) ?? [];
+		if (options.documentNavigation !== "document" || !documentModule) return Promise.resolve(own);
+		const key = url.pathname + url.search;
+		let head = documentHeads.get(key);
+		if (!head) {
+			if (documentHeads.size >= 1e3) documentHeads.delete(documentHeads.keys().next().value);
+			head = renderDocumentShell(documentModule, {
+				http: createPageHttp(request, url).context,
+				params: match.params,
+				url: {
+					href: url.href,
+					pathname: url.pathname,
+					search: url.search
+				},
+				status: 200
+			}, "").then(stylesheetHrefs, () => []);
+			documentHeads.set(key, head);
+		}
+		return head.then((hrefs) => [.../* @__PURE__ */ new Set([...own, ...hrefs])]);
+	}
 	async function fetch(request) {
 		const requestUrl = new URL(request.url);
 		const fragmentUrl = fragmentNavigation ? fragmentPageUrl(requestUrl) : void 0;
@@ -854,7 +1062,10 @@ function createServerEntry(options) {
 		const documentLoads = options.documentNavigation === "document";
 		const linkIntent = fragmentNavigation || options.prefetch !== false;
 		const destinationPreloads = documentLoads || fragmentNavigation ? options.routeSsrModulePreloads : options.routeModulePreloads;
-		const pageArtifact = routedPageArtifact(renderSsr, baseArtifact, pageProps, file, options.navigationEntryPath, pageStylesheets(options, file), documentModule?.default?.headInjections ?? [], linkIntent ? (html) => linkIntentPreloads(html, pageProps.url.href, manifest, destinationPreloads, fragmentNavigation) : void 0, documentLoads, fragmentBridge, linkBridges);
+		const pageArtifact = routedPageArtifact(renderSsr, baseArtifact, pageProps, {
+			file,
+			...options.routeResumeModules?.[file] ? { resume: options.routeResumeModules[file] } : {}
+		}, options.navigationEntryPath, pageStylesheets(options, file), documentModule?.default?.headInjections ?? [], linkIntent ? (html) => linkIntentPreloads(html, pageProps.url.href, manifest, destinationPreloads, fragmentNavigation, fragmentNavigation ? (destination, match) => pageStylesheetsAt(destination, match, documentModule, request) : void 0) : void 0, documentLoads, fragmentBridge, linkBridges);
 		let rendersStorage = false;
 		const routedArtifact = {
 			...pageArtifact,
@@ -876,7 +1087,7 @@ function createServerEntry(options) {
 			resumeModuleUrl: options.resumeEntryPath ?? baseArtifact?.resumeModuleUrl,
 			modulePreloads: (html, resumes) => landingModulePreloads(resumes ? options.routeSsrModulePreloads?.[file] : void 0, linkBridges?.[html.includes("href=\"#/") ? 1 : 0])
 		};
-		const headStart = (documentLoads && fragmentNavigation && !fragment ? servedHtmlAttributesScript() : "") + (fragment ? "" : options.importMap ?? "");
+		const headStart = (fragmentNavigation && !fragment ? servedHtmlAttributesScript() : "") + (fragment ? "" : options.importMap ?? "");
 		if (options.render === "blocking") {
 			const pageHtml = splitPageHtml(await renderToString(routedArtifact, renderOptions));
 			privateToVisitor();
@@ -963,7 +1174,7 @@ function pageStylesheets(options, file) {
 	if (documentHrefs.length === 0) return routeHrefs;
 	return [.../* @__PURE__ */ new Set([...documentHrefs, ...routeHrefs ?? []])];
 }
-function routedPageArtifact(renderSsr, baseArtifact, pageProps, file, navigationEntryPath, stylesheetHrefs, documentHeadInjections = [], intentPreloads, documentLoads = false, fragment, linkBridgePaths) {
+function routedPageArtifact(renderSsr, baseArtifact, pageProps, route, navigationEntryPath, stylesheetHrefs, documentHeadInjections = [], intentPreloads, documentLoads = false, fragment, linkBridgePaths) {
 	const headInjections = dedupeHeadLinks([
 		...documentHeadInjections,
 		...baseArtifact?.headInjections ?? [],
@@ -984,8 +1195,8 @@ function routedPageArtifact(renderSsr, baseArtifact, pageProps, file, navigation
 		async renderSsr(renderProps, renderContext) {
 			const output = await renderSsr(renderProps ?? pageProps, renderContext);
 			if (!output) return { html: "" };
-			const routeScript = output.state || output.view ? renderRouteScript(file) : "";
-			const linkBridge = navigationEntryPath ? renderLinkBridgeScript(navigationEntryPath, intentPreloads?.(output.html), documentLoads, fragment, output.html.includes("href=\"#/"), linkBridgePaths) : "";
+			const routeScript = output.state || output.view ? renderRouteScript(route) : "";
+			const linkBridge = navigationEntryPath ? renderLinkBridgeScript(navigationEntryPath, await intentPreloads?.(output.html), documentLoads, fragment, output.html.includes("href=\"#/"), linkBridgePaths) : "";
 			const stateWithProps = withPagePropsCell(output.state, pageProps);
 			return routeScript || linkBridge || stateWithProps !== output.state ? {
 				...output,
@@ -1013,8 +1224,22 @@ function withPagePropsCell(state, props) {
 function landingModulePreloads(routePreloads, linkBridgePath) {
 	const preloads = [];
 	addModulePreloads(preloads, /* @__PURE__ */ new Set(), routePreloads);
-	if (linkBridgePath) preloads.push(linkBridgePath);
-	return preloads.length > 0 ? preloads : void 0;
+	const landing = preloads.map(highFetchPriority);
+	if (linkBridgePath) landing.push({
+		href: linkBridgePath,
+		fetchPriority: "low"
+	});
+	return landing.length > 0 ? landing : void 0;
+}
+function highFetchPriority(preload) {
+	if (typeof preload === "string") return {
+		href: preload,
+		fetchPriority: "high"
+	};
+	return preload.fetchPriority ? preload : {
+		...preload,
+		fetchPriority: "high"
+	};
 }
 function routerLinkHrefs(html) {
 	return [...html.matchAll(/<a\b(?=[^>]*\bdata-markless-router-link(?:[\s=>]|$))(?=[^>]*\bhref="([^"]*)")[^>]*>/g)].map((match) => unescapeHtmlAttribute(match[1] ?? ""));
@@ -1022,16 +1247,28 @@ function routerLinkHrefs(html) {
 function anchorHrefs(html) {
 	return [...html.matchAll(/<a\b(?=[^>]*\bhref="([^"]*)")[^>]*>/g)].map((match) => unescapeHtmlAttribute(match[1] ?? ""));
 }
-function linkIntentPreloads(html, baseHref, manifest, routes, plainAnchors = false) {
+async function linkIntentPreloads(html, baseHref, manifest, routes, plainAnchors = false, stylesheetsOf) {
 	const destinations = Object.create(null);
+	const here = new URL(baseHref);
+	const herePage = stylesheetsOf && matchRouteManifest(here.pathname, manifest);
+	const have = new Set(herePage ? await stylesheetsOf(here, herePage) : []);
 	for (const href of plainAnchors ? anchorHrefs(html) : routerLinkHrefs(html)) {
 		const url = parseSameOriginUrl(href, baseHref);
 		const match = url && matchRouteManifest(url.pathname, manifest);
 		const preloads = match && routes?.[match.route.file];
-		if (url && preloads && (preloads.length > 0 || plainAnchors)) destinations[url.pathname] = preloads;
+		if (!url || !preloads || preloads.length === 0 && !plainAnchors || url.pathname in destinations) continue;
+		const styles = stylesheetsOf ? (await stylesheetsOf(url, match)).filter((href) => !have.has(href)) : [];
+		destinations[url.pathname] = styles.length ? [...preloads, ...styles.map((href) => ({
+			href,
+			as: "style"
+		}))] : preloads;
 	}
 	return destinations;
 }
+const STYLESHEET_LINK = /<link\b(?=[^>]*\brel="(?:[^"]*\s)?stylesheet(?:\s[^"]*)?")(?=[^>]*\bhref="([^"]*)")[^>]*>/g;
+function stylesheetHrefs(html) {
+	return [...html.matchAll(STYLESHEET_LINK)].map((match) => unescapeHtmlAttribute(match[1]));
+}
 function indexedPreloads(intentPreloads) {
 	const preloads = [];
 	const indexes = /* @__PURE__ */ new Map();
@@ -1142,18 +1379,20 @@ function insertHeadHtml(documentHtml, headHtml) {
 	if (headEnd === -1) return `${headHtml}${documentHtml}`;
 	return `${documentHtml.slice(0, headEnd)}${headHtml}${documentHtml.slice(headEnd)}`;
 }
-function renderRouteScript(file) {
-	return `<script type="${ROUTE_SCRIPT_TYPE}">${escapeScriptJson({ file })}<\/script>`;
+function renderRouteScript(route) {
+	return `<script type="${ROUTE_SCRIPT_TYPE}">${escapeScriptJson(route)}<\/script>`;
 }
 function linkBridgeBody(resumeEntryPath, linkIntent, documentLoads, fragment, page, debug = debugDefined()) {
 	const inline = !("module" in page);
 	const fragmentNavigation = fragment !== void 0;
 	const fragmentSource = fragment ? `
-(${fragment.source})(d,()=>${JSON.stringify(LINK_ATTRIBUTE)},${inline ? escapeScriptJson(page.intentPreloads ?? {}) : "r"},(href)=>import(href),${"runPath" in page && page.runPath ? `()=>import(${JSON.stringify(page.runPath)}).then((m)=>m.default)` : `()=>Promise.resolve(${boundFragmentRun(fragment, documentLoads)})`},()=>(${fragment.prefetch ? escapeScriptJson({
+(${fragment.source})(d,()=>${JSON.stringify(LINK_ATTRIBUTE)},${JSON.stringify(LINK_TABLE_SCRIPT_ATTRIBUTE)},(href)=>import(href),${"runPath" in page && page.runPath ? `()=>import(${JSON.stringify(page.runPath)}).then((m)=>m.default)` : `()=>Promise.resolve(${boundFragmentRun(fragment, documentLoads)})`},()=>(${fragment.prefetch ? escapeScriptJson({
 		code: [fragment.entry, ...fragment.entryImports],
 		hoverDwellMs: 20,
 		requestPrefix: FRAGMENT_PATH_PREFIX,
-		prefetchAttribute: PREFETCH_ATTRIBUTE
+		prefetchAttribute: PREFETCH_ATTRIBUTE,
+		idleBytesPerSecond: FRAGMENT_IDLE_BYTES_PER_SECOND,
+		idleMeasuredBytes: FRAGMENT_IDLE_MEASURED_BYTES
 	}) : "null"}));` : "";
 	const indexed = !fragmentNavigation && linkIntent ? inline ? page.intentPreloads && indexedPreloads(page.intentPreloads) : {
 		preloads: "preloads",
@@ -1260,21 +1499,22 @@ function renderLinkBridgeScript(resumeEntryPath, intentPreloads, documentLoads =
 	if (!r) return;
 	try { globalThis[Symbol.for('markless.debug.channel.v1.bootstrap')] = ${__marklessDebugBootstrapSource()}(r, 'ssr-inline', false); } catch {}
 })();`)}<\/script>` : "";
+	const table = fragment && intentPreloads && Object.keys(intentPreloads).length ? (({ preloads, destinations }) => `<script type="application/json" ${LINK_TABLE_SCRIPT_ATTRIBUTE}>${escapeScriptJson([preloads, destinations])}<\/script>`)(indexedPreloads(intentPreloads)) : "";
 	const modulePath = modulePaths?.[hashLinks ? 1 : 0];
 	if (modulePath) {
 		const indexed = !fragment && intentPreloads ? indexedPreloads(intentPreloads) : void 0;
-		const args = fragment ? [escapeScriptJson(intentPreloads ?? {})] : indexed ? [
+		const args = indexed ? [
 			"0",
 			escapeScriptJson(indexed.preloads),
 			escapeScriptJson(indexed.destinations)
 		] : [];
-		return `${debugBootstrap}<script type="module" ${LINK_BRIDGE_SCRIPT_ATTRIBUTE}>${escapeInlineScript(`import b from${JSON.stringify(modulePath)};b(${args.join(",")})`)}<\/script>`;
+		return `${debugBootstrap}${table}<script type="module" ${LINK_BRIDGE_SCRIPT_ATTRIBUTE}>${escapeInlineScript(`import b from${JSON.stringify(modulePath)};b(${args.join(",")})`)}<\/script>`;
 	}
 	const body = linkBridgeBody(resumeEntryPath, intentPreloads !== void 0, documentLoads, fragment, {
 		intentPreloads,
 		hashLinks
 	});
-	return `${debugBootstrap}<script ${LINK_BRIDGE_SCRIPT_ATTRIBUTE}>${escapeInlineScript(`(()=>{const d=document,s=d.currentScript,r=s&&s.closest('[data-async-container]');if(!r)return;${body}
+	return `${debugBootstrap}${table}<script ${LINK_BRIDGE_SCRIPT_ATTRIBUTE}>${escapeInlineScript(`(()=>{const d=document,s=d.currentScript,r=s&&s.closest('[data-async-container]');if(!r)return;${body}
 })();`)}<\/script>`;
 }
 function boundFragmentRun(fragment, documentLoads) {
@@ -1290,21 +1530,26 @@ function fragmentConfig(fragment, documentLoads) {
 		scrollAttribute: SCROLL_ATTRIBUTE,
 		routeScriptType: ROUTE_SCRIPT_TYPE,
 		servedHtmlAttributesProperty: SERVED_HTML_ATTRIBUTES_PROPERTY,
+		servedBodyAttributesProperty: SERVED_BODY_ATTRIBUTES_PROPERTY,
 		retireProperty: CONTAINER_RETIRE_PROPERTY,
 		streamExecutorGlobal: STREAM_ARM_EXECUTOR_GLOBAL,
 		streamedArmSelector: STREAMED_ARM_SELECTOR,
+		streamOpenProperty: PROTOCOL_STREAM_OPEN_PROPERTY,
+		pendingDeadlineMs: MARKLESS_NAV_SETTLE_DEADLINE_MS,
 		requestPrefix: FRAGMENT_PATH_PREFIX,
 		regionEndMarker: FRAGMENT_REGION_END,
 		appendMarker: FRAGMENT_APPEND_END,
 		pageEndComment: PROTOCOL_CONTAINER_END_COMMENT,
 		pageStartComment: PROTOCOL_CONTAINER_START_COMMENT,
 		containerAttributes: [CONTAINER_ATTRIBUTE, PROTOCOL_LOCATOR_PATHS_ATTRIBUTE],
+		keepAttributes: [PROTOCOL_KEEP_ATTRIBUTE, PROTOCOL_OWN_ATTRIBUTE],
 		documentLoads,
 		hoverDwellMs: 20,
 		prefetchTtlMs: FRAGMENT_PREFETCH_TTL_MS,
 		prefetchConnections: 2,
 		endpointPrefixes: [API_PATHNAME_PREFIX],
 		idleFragments: 6,
+		idleFragmentBytes: FRAGMENT_IDLE_FRAGMENT_BYTES,
 		idleWithoutConnectionInfo: true,
 		prefetch: fragment.prefetch,
 		pages: fragment.pages
@@ -1349,4 +1594,4 @@ function insertImportMap(html, importMap) {
 	return `${html.slice(0, at)}${importMap}${html.slice(at)}`;
 }
 //#endregion
-export { runFragmentNavigation as a, listenForLinkIntent as c, FRAGMENT_PATH_PREFIX as i, routerLinkBridgeModules as n, startFragmentNavigation as o, LINK_BRIDGE_DIR as r, documentHandlersMessage as s, createServerEntry as t };
+export { FRAGMENT_RESPONSE_HEADER as a, documentHandlersMessage as c, FRAGMENT_PATH_PREFIX as i, listenForLinkIntent as l, routerLinkBridgeModules as n, runFragmentNavigation as o, LINK_BRIDGE_DIR as r, startFragmentNavigation as s, createServerEntry as t };