@withl5e/l5e 1.1.0-alpha.1 → 1.1.0-alpha.3

package/README.md

@@ -22,3 +22,40 @@ export default defineConfig({
 ```
 
 See the root README and `examples/basic` for a full app.
+
+Compact chunking is experimental and opt-in. The staged activation behavior and
+`islandRuntime` option below require the `1.1.0-alpha.3` prerelease:
+
+```ts
+coreVite({
+  chunking: {
+    mode: 'compact',
+    shared: [{ name: 'state', modules: ['~/stores/session.ts'] }],
+    islandRuntime: {
+      packages: ['@tanstack/react-query'],
+      modules: ['~/client/query-client.ts'],
+    },
+  },
+});
+```
+
+Compact mode limits the initial shell and each later island/action activation to
+at most three new JavaScript assets. `load` and already-visible islands activate
+immediately after the shell, so the cumulative cold request count can be higher.
+The runtime starts every known static dependency request in parallel, waits for
+the island CSS, then evaluates and mounts or hydrates. Dynamic descendants remain
+lazy. List state that must survive page-bundle swaps in `shared`; list React
+contexts or client caches that multiple islands must share in `islandRuntime`.
+Only the configured static closure is included, and dynamic imports are not
+promoted. Compact mode requires native import-map support.
+
+Compact chunking applies to production builds. Development keeps Vite source modules
+and HMR, and its Network requests are not subject to the production three-file limit.
+
+The alpha renderer bridge expects Vite to emit one entry facade and one canonical
+renderer export chunk. A different renderer shape is rejected during server setup
+because merging multiple minified export namespaces can make aliases ambiguous.
+
+See [runtime script bundles and shared modules](../../docs/runtime-script-bundling.md)
+for the download/evaluation/mount lifecycle, strategy behavior, ownership rules,
+activation examples and current alpha limitations.

package/dist/index.js

@@ -4,6 +4,6 @@ import { a as j, i as M, n as N, o as P, r as F, t as I } from "./exceptions-D4O
 import { render as L } from "./entry-server.js";
 import { n as R, t as z } from "./middleware-CnDqZobD.js";
 import { t as B } from "./defineMiddleware-D017PWDc.js";
-import { a as V, n as H } from "./server-BOdEiJoN.js";
-import { t as U } from "./vite-plugin-R3LFxv9a.js";
+import { a as V, n as H } from "./server-C35BtVu8.js";
+import { t as U } from "./vite-plugin-Bln1di66.js";
 export { I as BadRequestException, T as Fragment, _ as HEAD_PRIORITY, b as Head, N as HttpException, F as InternalServerErrorException, M as NotFoundException, j as RedirectException, P as ServiceUnavailableException, C as addCacheTag, g as cloneElement, U as coreVite, z as createContext, H as createServer, B as defineMiddleware, r as escapeHTML, t as escapeProp, l as getCacheTags, x as getClientJsEntries, w as getCssEntries, d as getHeadContent, v as getIslandEntries, E as getIslandProps, f as getSchemas, p as getSsrIslands, S as isIslandPropsExternalized, y as isValidElement, h as jsxFactory, m as pushIslandProps, c as pushMetadata, D as pushSchema, A as registerIsland, u as registerSsrIsland, L as render, n as renderJsxToHtmlString, e as renderToRenderedNode, k as resolveMetadata, o as runInRenderContext, R as sequence, i as setViewName, V as startServer, O as useClientJs, s as useCss, a as useRequest };

package/dist/island/compact-runtime.js

@@ -56,9 +56,26 @@ function s(e) {
 			return;
 		}
 		try {
-			let { reactDomClient: t, createElement: n, module: i } = await r(), a = i.default || i[e.exportName];
-			if (!a) throw Error(`No export "default" or "${e.exportName}" in module`);
-			e.ssr ? t.hydrateRoot(e.element, n(a, e.props)) : t.createRoot(e.element).render(n(a, e.props));
+			for (let e of r.js) {
+				if (document.querySelector(`link[rel="modulepreload"][href="${CSS.escape(e)}"]`)) continue;
+				let t = document.createElement("link");
+				t.rel = "modulepreload", t.crossOrigin = "anonymous", t.href = e, document.head.append(t);
+			}
+			await Promise.all(r.css.map((e) => new Promise((t, n) => {
+				let r = document.querySelector(`link[rel="stylesheet"][href="${CSS.escape(e)}"]`);
+				if (r?.sheet) return t();
+				let i = r || document.createElement("link");
+				i.rel = "stylesheet", i.crossOrigin = "anonymous", i.href = e, i.addEventListener("load", () => t(), { once: !0 }), i.addEventListener("error", () => n(/* @__PURE__ */ Error(`Failed to load ${e}`)), { once: !0 }), r || document.head.append(i);
+			})));
+			let [t, n] = await Promise.all([import(
+				/* @vite-ignore */
+				r.renderer
+), import(
+				/* @vite-ignore */
+				r.module
+)]), { reactDomClient: i, createElement: a } = t, o = n.default || n[e.exportName];
+			if (!o) throw Error(`No export "default" or "${e.exportName}" in module`);
+			e.ssr ? i.hydrateRoot(e.element, a(o, e.props)) : i.createRoot(e.element).render(a(o, e.props));
 		} catch (t) {
 			console.error(`[l5e-island] Failed to mount "${e.registryKey}":`, t);
 		}

package/dist/island/compact-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"compact-runtime.js","names":[],"sources":["../../src/island/compact-runtime.ts"],"sourcesContent":["import type { IslandMeta } from './types';\nimport { strategies, registerMountStrategy } from './strategy-registry';\n\nregisterMountStrategy('load', (mount) => void mount());\nregisterMountStrategy('idle', (mount) => {\n  if ('requestIdleCallback' in window) requestIdleCallback(() => mount());\n  else setTimeout(() => mount(), 200);\n});\nregisterMountStrategy('visible', (mount, opts, el) => {\n  const observer = new IntersectionObserver(\n    (entries) => {\n      if (entries.some((entry) => entry.isIntersecting)) {\n        observer.disconnect();\n        mount();\n      }\n    },\n    { rootMargin: opts || '200px' },\n  );\n  observer.observe(el);\n  return () => observer.disconnect();\n});\nregisterMountStrategy('media', (mount, opts) => {\n  if (!opts) {\n    console.error('[l5e-island] Strategy \"media\" requires mountOpts (media query)');\n    return;\n  }\n  const query = window.matchMedia(opts);\n  if (query.matches) mount();\n  else {\n    const handler = (event: MediaQueryListEvent) => event.matches && mount();\n    query.addEventListener('change', handler, { once: true });\n    return () => query.removeEventListener('change', handler);\n  }\n});\nregisterMountStrategy('none', () => {});\n\nimport 'virtual:l5e-island-strategies';\n\ntype CompactIslandModule = {\n  reactDomClient: typeof import('react-dom/client');\n  createElement: typeof import('react').createElement;\n  module: Record<string, any>;\n};\nconst registry: Record<string, () => Promise<CompactIslandModule>> = ((window as any)\n  .__L5E_ISLANDS__ ||= {});\nlet islandData: unknown[] | null = null;\nconst scheduled = new WeakSet<Element>();\n\nfunction props(element: Element): Record<string, unknown> {\n  const index = element.getAttribute('data-island-idx');\n  if (index === null) return JSON.parse(element.getAttribute('data-island-props') || '{}');\n  if (!islandData) {\n    const store = document.getElementById('_l5e_data_');\n    try {\n      const parsed = JSON.parse(store?.textContent || '[]');\n      islandData = Array.isArray(parsed) ? parsed : [];\n    } catch (error) {\n      console.error('[l5e-island] Failed to parse _l5e_data_ props store:', error);\n      islandData = [];\n    }\n  }\n  return (islandData[Number(index)] as Record<string, unknown>) || {};\n}\n\nfunction discover(): IslandMeta[] {\n  return Array.from(document.querySelectorAll('[data-island]')).map((element) => ({\n    element: element as HTMLElement,\n    registryKey: element.getAttribute('data-island')!,\n    exportName: element.getAttribute('data-island-name')!,\n    props: props(element),\n    mount: element.getAttribute('data-island-mount') || 'load',\n    mountOpts: element.getAttribute('data-island-opts') || undefined,\n    ssr: element.hasAttribute('data-island-ssr'),\n  }));\n}\n\nfunction mount(island: IslandMeta) {\n  let mounted = false;\n  return async () => {\n    if (mounted) return;\n    mounted = true;\n    const loader = registry[island.registryKey];\n    if (!loader) {\n      console.error(`[l5e-island] Component \"${island.registryKey}\" not found in page registry.`);\n      return;\n    }\n    try {\n      const { reactDomClient, createElement, module } = await loader();\n      const Component = module.default || module[island.exportName];\n      if (!Component) throw new Error(`No export \"default\" or \"${island.exportName}\" in module`);\n      if (island.ssr) {\n        reactDomClient.hydrateRoot(island.element, createElement(Component, island.props));\n      } else {\n        const root = reactDomClient.createRoot(island.element);\n        root.render(createElement(Component, island.props));\n      }\n    } catch (error) {\n      console.error(`[l5e-island] Failed to mount \"${island.registryKey}\":`, error);\n    }\n  };\n}\n\nfunction boot() {\n  for (const island of discover()) {\n    if (scheduled.has(island.element)) continue;\n    // The compact global can execute before the page bundle registers its loaders.\n    // The page bundle calls boot again after registration.\n    if (!registry[island.registryKey]) continue;\n    const strategy = strategies.get(island.mount);\n    if (!strategy) {\n      console.error(`[l5e-island] Strategy \"${island.mount}\" not found.`);\n      continue;\n    }\n    scheduled.add(island.element);\n    strategy(mount(island), island.mountOpts, island.element);\n  }\n}\n\n(globalThis as any).__L5E_BOOT_ISLANDS__ = boot;\nif (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);\nelse boot();\n"],"mappings":"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"}
+{"version":3,"file":"compact-runtime.js","names":[],"sources":["../../src/island/compact-runtime.ts"],"sourcesContent":["import type { IslandMeta } from './types';\nimport { strategies, registerMountStrategy } from './strategy-registry';\n\nregisterMountStrategy('load', (mount) => void mount());\nregisterMountStrategy('idle', (mount) => {\n  if ('requestIdleCallback' in window) requestIdleCallback(() => mount());\n  else setTimeout(() => mount(), 200);\n});\nregisterMountStrategy('visible', (mount, opts, el) => {\n  const observer = new IntersectionObserver(\n    (entries) => {\n      if (entries.some((entry) => entry.isIntersecting)) {\n        observer.disconnect();\n        mount();\n      }\n    },\n    { rootMargin: opts || '200px' },\n  );\n  observer.observe(el);\n  return () => observer.disconnect();\n});\nregisterMountStrategy('media', (mount, opts) => {\n  if (!opts) {\n    console.error('[l5e-island] Strategy \"media\" requires mountOpts (media query)');\n    return;\n  }\n  const query = window.matchMedia(opts);\n  if (query.matches) mount();\n  else {\n    const handler = (event: MediaQueryListEvent) => event.matches && mount();\n    query.addEventListener('change', handler, { once: true });\n    return () => query.removeEventListener('change', handler);\n  }\n});\nregisterMountStrategy('none', () => {});\n\nimport 'virtual:l5e-island-strategies';\n\ntype CompactIslandModule = {\n  reactDomClient: typeof import('react-dom/client');\n  createElement: typeof import('react').createElement;\n  module: Record<string, any>;\n};\ntype CompactIslandPlan = { module: string; renderer: string; js: string[]; css: string[] };\nconst registry: Record<string, CompactIslandPlan> = ((window as any).__L5E_ISLANDS__ ||= {});\nlet islandData: unknown[] | null = null;\nconst scheduled = new WeakSet<Element>();\n\nfunction props(element: Element): Record<string, unknown> {\n  const index = element.getAttribute('data-island-idx');\n  if (index === null) return JSON.parse(element.getAttribute('data-island-props') || '{}');\n  if (!islandData) {\n    const store = document.getElementById('_l5e_data_');\n    try {\n      const parsed = JSON.parse(store?.textContent || '[]');\n      islandData = Array.isArray(parsed) ? parsed : [];\n    } catch (error) {\n      console.error('[l5e-island] Failed to parse _l5e_data_ props store:', error);\n      islandData = [];\n    }\n  }\n  return (islandData[Number(index)] as Record<string, unknown>) || {};\n}\n\nfunction discover(): IslandMeta[] {\n  return Array.from(document.querySelectorAll('[data-island]')).map((element) => ({\n    element: element as HTMLElement,\n    registryKey: element.getAttribute('data-island')!,\n    exportName: element.getAttribute('data-island-name')!,\n    props: props(element),\n    mount: element.getAttribute('data-island-mount') || 'load',\n    mountOpts: element.getAttribute('data-island-opts') || undefined,\n    ssr: element.hasAttribute('data-island-ssr'),\n  }));\n}\n\nfunction mount(island: IslandMeta) {\n  let mounted = false;\n  return async () => {\n    if (mounted) return;\n    mounted = true;\n    const plan = registry[island.registryKey];\n    if (!plan) {\n      console.error(`[l5e-island] Component \"${island.registryKey}\" not found in page registry.`);\n      return;\n    }\n    try {\n      // Schedule the complete known static closure before awaiting any response.\n      // Modulepreload fetches without evaluating; native import retains ESM order.\n      for (const href of plan.js) {\n        if (document.querySelector(`link[rel=\"modulepreload\"][href=\"${CSS.escape(href)}\"]`))\n          continue;\n        const link = document.createElement('link');\n        link.rel = 'modulepreload';\n        link.crossOrigin = 'anonymous';\n        link.href = href;\n        document.head.append(link);\n      }\n      await Promise.all(\n        plan.css.map(\n          (href) =>\n            new Promise<void>((resolve, reject) => {\n              const existing = document.querySelector<HTMLLinkElement>(\n                `link[rel=\"stylesheet\"][href=\"${CSS.escape(href)}\"]`,\n              );\n              if (existing?.sheet) return resolve();\n              const link = existing || document.createElement('link');\n              link.rel = 'stylesheet';\n              link.crossOrigin = 'anonymous';\n              link.href = href;\n              link.addEventListener('load', () => resolve(), { once: true });\n              link.addEventListener('error', () => reject(new Error(`Failed to load ${href}`)), {\n                once: true,\n              });\n              if (!existing) document.head.append(link);\n            }),\n        ),\n      );\n      const [renderer, module] = await Promise.all([\n        import(/* @vite-ignore */ plan.renderer),\n        import(/* @vite-ignore */ plan.module),\n      ]);\n      const { reactDomClient, createElement } = renderer as Omit<\n        CompactIslandModule,\n        'module'\n      >;\n      const Component = module.default || module[island.exportName];\n      if (!Component) throw new Error(`No export \"default\" or \"${island.exportName}\" in module`);\n      if (island.ssr) {\n        reactDomClient.hydrateRoot(island.element, createElement(Component, island.props));\n      } else {\n        const root = reactDomClient.createRoot(island.element);\n        root.render(createElement(Component, island.props));\n      }\n    } catch (error) {\n      console.error(`[l5e-island] Failed to mount \"${island.registryKey}\":`, error);\n    }\n  };\n}\n\nfunction boot() {\n  for (const island of discover()) {\n    if (scheduled.has(island.element)) continue;\n    // A fragment swap can expose an element before its activation plan is installed.\n    if (!registry[island.registryKey]) continue;\n    const strategy = strategies.get(island.mount);\n    if (!strategy) {\n      console.error(`[l5e-island] Strategy \"${island.mount}\" not found.`);\n      continue;\n    }\n    scheduled.add(island.element);\n    strategy(mount(island), island.mountOpts, island.element);\n  }\n}\n\n(globalThis as any).__L5E_BOOT_ISLANDS__ = boot;\nif (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot);\nelse boot();\n"],"mappings":"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"}

package/dist/{server-BOdEiJoN.js → server-C35BtVu8.js}

@@ -62,37 +62,37 @@ function E(e) {
 		}
 	};
 }
-function D(e, t, n) {
+function D(e, t, n, r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map()) {
 	return {
 		name: "compact-build-graph",
-		resolveId(r, i) {
-			if (!i || r === w) return null;
-			let a = u.isAbsolute(r) ? u.normalize(r) : r.startsWith("/") ? e.fileForAssetUrl(r) : r.startsWith(".") ? u.resolve(u.dirname(i), r) : null;
-			return a ? e.isShared(a) && t ? {
+		resolveId(a, o) {
+			if (!o || a === w) return null;
+			let s = u.isAbsolute(a) ? u.normalize(a) : a.startsWith("/") ? e.fileForAssetUrl(a) : a.startsWith(".") ? u.resolve(u.dirname(o), a) : null;
+			return s ? i.has(s) ? {
+				id: i.get(s),
+				external: "absolute"
+			} : e.isShared(s) && t ? {
 				id: t,
 				external: "absolute"
-			} : e.isGlobalOwned(a) && n ? {
+			} : e.isGlobalOwned(s) && n ? {
 				id: n,
 				external: "absolute"
-			} : { id: a } : null;
+			} : e.isLazy(s) && !r.has(s) ? {
+				id: e.assetUrl(s),
+				external: "absolute"
+			} : { id: s } : null;
 		}
 	};
 }
 async function O(e, t, n = {}) {
-	let r = e.map((e) => t.fileForScript(e)), i = n.compact && t.compact, a = t.inlineableRoots(r), o = new Map(r.flatMap((e, n) => !t.isPreserved(e) && !a.has(e) ? [[e, `entry-${n}`]] : [])), s = (n.islands || []).map(({ key: e, script: n }) => ({
+	let r = e.map((e) => t.fileForScript(e)), i = n.compact && t.compact, a = t.inlineableRoots(r), o = new Map(r.flatMap((e, n) => !t.isPreserved(e) && !a.has(e) ? [[e, `entry-${n}`]] : []));
+	(n.islands || []).map(({ key: e, script: n }) => ({
 		key: e,
 		file: t.fileForScript(n)
-	})), c = n.renderer ? t.fileForScript(n.renderer) : void 0, l = (n.exportScripts || []).map((e) => t.fileForScript(e)), d = {
+	})), n.renderer && t.fileForScript(n.renderer);
+	let s = (n.exportScripts || []).map((e) => t.fileForScript(e)), c = n.inlineStaticRootClosure ? t.staticClosure(r) : /* @__PURE__ */ new Set(), l = new Map(Object.entries(n.externalScripts || {}).map(([e, n]) => [t.fileForScript(e), n])), d = {
 		input: w,
-		plugins: [T([
-			...r.map((e) => n.name === "shared" ? `export * from ${JSON.stringify(e)};` : `import ${JSON.stringify(e)};`),
-			...l.map((e) => `export * from ${JSON.stringify(e)};`),
-			...s.length ? [
-				"globalThis.__L5E_ISLANDS__ ||= {};",
-				...s.map(({ key: e, file: t }) => `globalThis.__L5E_ISLANDS__[${JSON.stringify(e)}] = async () => { const [renderer, module] = await Promise.all([import(${JSON.stringify(c)}), import(${JSON.stringify(t)})]); return { reactDomClient: renderer.reactDomClient, createElement: renderer.createElement, module }; };`),
-				"globalThis.__L5E_BOOT_ISLANDS__?.();"
-			] : []
-		].join("\n")), i ? D(t, n.sharedUrl, n.globalUrl) : E(t)],
+		plugins: [T([...r.map((e) => n.name === "renderer" ? `export { createElement, reactDomClient } from ${JSON.stringify(e)};` : n.name === "island" ? `import * as __island from ${JSON.stringify(e)}; export * from ${JSON.stringify(e)}; export default __island.default;` : n.name === "shared" ? `export * from ${JSON.stringify(e)};` : `import ${JSON.stringify(e)};`), ...s.map((e) => `export * from ${JSON.stringify(e)};`)].join("\n")), i ? D(t, n.sharedUrl, n.globalUrl, c, l) : E(t)],
 		platform: "neutral",
 		tsconfig: !1,
 		treeshake: { moduleSideEffects: () => !0 },
@@ -110,18 +110,23 @@ async function O(e, t, n = {}) {
 	} finally {
 		await m.close();
 	}
-	for (let e of h) e.type === "chunk" && b.set(e.fileName, {
-		content: e.code || "",
-		hash: C(e.code || ""),
-		filename: e.fileName,
-		mimeType: "application/javascript"
-	});
+	for (let e of h) {
+		if (e.type !== "chunk") continue;
+		let t = (e.code || "").replace(/^\/\/#(?:end)?region[^\r\n]*(?:\r?\n)?/gm, "");
+		b.set(e.fileName, {
+			content: t,
+			hash: C(t),
+			filename: e.fileName,
+			mimeType: "application/javascript"
+		});
+	}
 	let g = h.find((e) => e.type === "chunk" && e.isEntry && e.facadeModuleId === w);
 	if (!g) throw Error("[bundler] rolldown produced no entry chunk");
+	let _ = b.get(g.fileName);
 	return {
-		hash: C(g.code || ""),
+		hash: _.hash,
 		filename: g.fileName,
-		content: g.code || ""
+		content: _.content
 	};
 }
 async function k(e, t, n, r = {}) {
@@ -172,25 +177,45 @@ function M(e) {
 //#endregion
 //#region src/core/script-bundle-policy.ts
 function N(e, t, n = "/", r) {
-	let i = u.resolve(t), a = h(i), o = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map(), d = Object.entries(e).filter(([, e]) => /\.[cm]?js$/.test(e.file));
-	function f(e) {
+	let i = u.resolve(t), a = h(i), o = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Set(), f = Object.entries(e).filter(([, e]) => /\.[cm]?js$/.test(e.file));
+	function m(e) {
 		let t = u.resolve(a, e), n = u.relative(a, t);
 		if (!n || n === ".." || n.startsWith(`..${u.sep}`) || u.isAbsolute(n)) throw Error(`[bundler] Asset is outside the client output: ${e}`);
 		return t;
 	}
-	let m = new Set((r?.chunks || []).filter((e) => r?.mode === "compact" && e.canonicalShared).map((e) => f(e.file))), g = new Set((r?.chunks || []).filter((e) => r?.mode === "compact" && e.canonicalGlobal).map((e) => f(e.file)));
-	for (let [e, t] of d) {
-		let n = f(t.file);
+	let g = new Set((r?.chunks || []).filter((e) => r?.mode === "compact" && e.canonicalShared).map((e) => m(e.file))), _ = new Set((r?.chunks || []).filter((e) => r?.mode === "compact" && e.canonicalGlobal).map((e) => m(e.file)));
+	for (let [e, t] of f) {
+		let n = m(t.file);
 		o.add(n), (!t.isEntry || t.isDynamicEntry || e === "src/client.global.ts" || /(?:^|\/)react\//.test(t.src || e)) && c.add(n);
 	}
-	for (let [, t] of d) {
+	for (let [, t] of f) {
 		for (let n of [...t.imports || [], ...t.dynamicImports || []]) {
 			let t = e[n];
-			if (!t || !o.has(f(t.file))) throw Error(`[bundler] Missing JavaScript manifest dependency: ${n}`);
-			c.add(f(t.file));
+			if (!t || !o.has(m(t.file))) throw Error(`[bundler] Missing JavaScript manifest dependency: ${n}`);
+			c.add(m(t.file));
 		}
-		l.set(f(t.file), (t.imports || []).map((t) => f(e[t].file)));
+		l.set(m(t.file), (t.imports || []).map((t) => m(e[t].file)));
 	}
+	let v = /* @__PURE__ */ new Set(), y = (t) => {
+		let n = e[t];
+		if (!n || !/\.[cm]?js$/.test(n.file)) return;
+		let r = m(n.file);
+		if (!v.has(r)) {
+			v.add(r);
+			for (let e of n.imports || []) y(e);
+		}
+	};
+	for (let [e, t] of f) t.isEntry && !t.isDynamicEntry && y(e);
+	let b = (t) => {
+		let n = e[t];
+		if (!n || !/\.[cm]?js$/.test(n.file)) return;
+		let r = m(n.file);
+		if (!(d.has(r) || v.has(r))) {
+			d.add(r);
+			for (let e of n.imports || []) b(e);
+		}
+	};
+	for (let [, e] of f) for (let t of e.dynamicImports || []) b(t);
 	return {
 		cacheKey: p("sha256").update(JSON.stringify([
 			i,
@@ -201,28 +226,40 @@ function N(e, t, n = "/", r) {
 		compact: r?.mode === "compact",
 		directory: i,
 		fileForScript(e) {
-			let t = n === "/" ? "/" : `/${n.replace(/^\/+|\/+$/g, "")}/`, r = f(e.startsWith(t) ? e.slice(t.length) : e.replace(/^\/+/, ""));
+			let t = n === "/" ? "/" : `/${n.replace(/^\/+|\/+$/g, "")}/`, r = m(e.startsWith(t) ? e.slice(t.length) : e.replace(/^\/+/, ""));
 			if (!o.has(r)) throw Error(`[bundler] Script is missing from manifest: ${e}`);
 			return r;
 		},
 		fileForAssetUrl(e) {
-			let t = n === "/" ? "/" : `/${n.replace(/^\/+|\/+$/g, "")}/`, r = f(e.startsWith(t) ? e.slice(t.length) : e.replace(/^\/+/, ""));
+			let t = n === "/" ? "/" : `/${n.replace(/^\/+|\/+$/g, "")}/`, r = m(e.startsWith(t) ? e.slice(t.length) : e.replace(/^\/+/, ""));
 			return o.has(r) ? r : void 0;
 		},
 		isPreserved(e) {
 			return c.has(e);
 		},
 		isShared(e) {
-			return m.has(e);
+			return g.has(e);
 		},
 		isGlobalOwned(e) {
-			return g.has(e);
+			return _.has(e);
+		},
+		isLazy(e) {
+			return d.has(e);
+		},
+		staticClosure(e) {
+			let t = /* @__PURE__ */ new Set(), n = (e) => {
+				if (!t.has(e)) {
+					t.add(e);
+					for (let t of l.get(e) || []) n(t);
+				}
+			};
+			return e.forEach(n), t;
 		},
 		sharedScripts() {
-			return [...m].map((e) => s(n, u.relative(a, e).replace(/\\/g, "/")));
+			return [...g].map((e) => s(n, u.relative(a, e).replace(/\\/g, "/")));
 		},
 		globalOwnedScripts() {
-			return [...g].map((e) => s(n, u.relative(a, e).replace(/\\/g, "/")));
+			return [..._].map((e) => s(n, u.relative(a, e).replace(/\\/g, "/")));
 		},
 		inlineableRoots(e) {
 			let t = /* @__PURE__ */ new Set(), n = 0;
@@ -359,6 +396,10 @@ async function W({ rendered: e, template: t, manifest: r, root: i, distClientDir
 				if (!n.filename) throw Error("[l5e chunking] Compact global bundle failed.");
 				t = s(d, n.filename), T.push(t);
 			}
+			let o = {};
+			if (e) for (let t of n) o[t] = e;
+			if (t) for (let e of f.globalOwnedScripts()) o[e] = t;
+			Object.keys(o).length > 0 && (S += `<script type="importmap">${(0, g.default)({ imports: o })}<\/script>`);
 		}
 		m = m.filter((e) => e.replace(/^\//, "") !== "src/client.global.ts"), h = h.filter((e) => !e.includes(".global."));
 		let i = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
@@ -375,46 +416,97 @@ async function W({ rendered: e, template: t, manifest: r, root: i, distClientDir
 			}
 			return { file: t.file };
 		}
-		let u = [];
+		function u(e, t = /* @__PURE__ */ new Set()) {
+			let n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = (e) => {
+				if (a.has(e)) return;
+				a.add(e);
+				let c = r[e];
+				if (c) {
+					for (let e of c.css || []) i.add(s(d, e));
+					if (!t.has(e) && c.file && /\.[cm]?js$/.test(c.file)) {
+						let e = f.fileForScript(`/${c.file}`);
+						!f.isShared(e) && !f.isGlobalOwned(e) && n.add(s(d, c.file));
+					}
+					for (let e of c.imports || []) o(e);
+				}
+			};
+			return e.forEach(o), {
+				js: [...n],
+				css: [...i]
+			};
+		}
+		let p = [];
 		for (let e of m) {
 			let { file: t } = l(e.replace(/^\//, ""));
-			t && u.push(`/${t}`);
+			t && p.push(`/${t}`);
 		}
-		let p = [];
+		let v = [];
 		for (let e of h) {
 			let { file: t } = l(e.replace(/^\//, ""));
-			t && (p.push(`/${t}`), i.add(t));
+			t && (v.push(`/${t}`), i.add(t));
 		}
-		if (u.length > 0 || f?.compact && _.length > 0) {
-			let n = f?.compact ? _.flatMap((e) => {
-				let t = r[e.src];
-				return t?.file ? [{
-					key: e.key,
-					script: `/${t.file}`
-				}] : [];
-			}) : [], i = f?.compact ? Object.entries(r).find(([e]) => e.includes("l5e-compact-renderer"))?.[1]?.file : void 0;
-			if (f?.compact && n.length > 0 && !i) throw Error("[l5e chunking] Compact renderer entry is missing from the manifest.");
-			let o = await k(u, a, f, {
+		if (p.length > 0) {
+			let n = await k(p, a, f, {
 				compact: f?.compact,
-				islands: n,
 				name: "bundle",
 				sharedUrl: e,
-				renderer: i ? `/${i}` : void 0,
 				globalUrl: t
 			});
-			m = o.filename ? [s(d, o.filename)] : u.map((e) => s(d, e));
+			m = n.filename ? [s(d, n.filename)] : p.map((e) => s(d, e));
+		}
+		if (f?.compact && _.length > 0) {
+			let n = Object.entries(r).find(([e, t]) => t.isEntry && e.includes("l5e-compact-renderer"));
+			if (!n?.[1].file) throw Error("[l5e chunking] Compact renderer entry is missing from the manifest.");
+			let i = /* @__PURE__ */ new Set();
+			i.add(n[0]);
+			let o = (n[1].imports || []).filter((e) => r[e]?.file?.includes("compact-renderer"));
+			if (o.length !== 1) throw Error(`[l5e chunking] Compact renderer expected one canonical export chunk; found ${o.length}. Multiple chunks can have colliding emitted export aliases.`);
+			i.add(o[0]);
+			let c = await k([`/${n[1].file}`], a, f, {
+				compact: !0,
+				name: "renderer",
+				sharedUrl: e,
+				globalUrl: t,
+				inlineStaticRootClosure: !0,
+				exportScripts: [...i].filter((e) => e !== n[0]).map((e) => `/${r[e].file}`)
+			});
+			if (!c.filename) throw Error("[l5e chunking] Compact renderer bundle failed.");
+			let l = s(d, c.filename), p = Object.fromEntries([...i].filter((e) => r[e]?.file).map((e) => [`/${r[e].file}`, l])), m = Object.fromEntries([...i].filter((e) => r[e]?.file).map((e) => [s(d, r[e].file), l]));
+			Object.keys(m).length > 0 && (S += `<script type="importmap">${(0, g.default)({ imports: m })}<\/script>`);
+			let h = {};
+			for (let n of _) {
+				let o = r[n.src];
+				if (!o?.file) continue;
+				let c = await k([`/${o.file}`], a, f, {
+					compact: !0,
+					name: "island",
+					sharedUrl: e,
+					globalUrl: t,
+					inlineStaticRootClosure: !0,
+					externalScripts: p
+				});
+				if (!c.filename) throw Error(`[l5e chunking] Compact island bundle failed: ${n.src}`);
+				let m = s(d, c.filename), g = u([n.src], i);
+				h[n.key] = {
+					module: m,
+					renderer: l,
+					js: [l, m],
+					css: g.css
+				};
+			}
+			E = `<script>Object.assign(window.__L5E_ISLANDS__||={},${(0, g.default)(h)});window.__L5E_BOOT_ISLANDS__?.()<\/script>`;
 		}
 		if (i.size > 0) {
 			let e = await j([...i].map((e) => `/${e}`), a);
 			e.filename && (h = [s(d, e.filename)]);
 		}
 		i.clear();
-		let v = r["src/client.global.ts"];
+		let y = r["src/client.global.ts"];
 		l("src/client.global.ts");
 		for (let e of i) w(s(d, e), !0);
-		v && (v.css && v.css.length > 0 && v.css.forEach((e) => {
+		y && (y.css && y.css.length > 0 && y.css.forEach((e) => {
 			w(s(d, e), !0);
-		}), v.file && (f?.compact || T.push(s(d, v.file))));
+		}), y.file && (f?.compact || T.push(s(d, y.file))));
 		for (let e of f?.compact ? [] : o) S += `<link rel="modulepreload" crossorigin href="${n(s(d, e))}">`;
 		if (_.length > 0 && !f?.compact) {
 			let e = {};
@@ -460,7 +552,9 @@ async function G(e = {}) {
 		h.use(e()), h.use(n, t(_, { extensions: [] })), h.get([
 			s(n, "global-:hash.:ext"),
 			s(n, "bundle-:hash.:ext"),
-			s(n, "shared-:hash.:ext")
+			s(n, "shared-:hash.:ext"),
+			s(n, "renderer-:hash.:ext"),
+			s(n, "island-:hash.:ext")
 		], async (e, t) => {
 			try {
 				let { hash: n, ext: r } = e.params, i = M(`${u.basename(e.path).split("-", 1)[0]}-${n}.${r}`);
@@ -613,4 +707,4 @@ function Y(e) {
 //#endregion
 export { K as a, Y as i, G as n, J as r, P as t };
 
-//# sourceMappingURL=server-BOdEiJoN.js.map
+//# sourceMappingURL=server-C35BtVu8.js.map