npm - @absolutejs/absolute - Versions diffs - 0.19.0-beta.316 → 0.19.0-beta.318 - Mend

@absolutejs/absolute 0.19.0-beta.316 → 0.19.0-beta.318

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/{Island-p1b3nrte.svelte → Island-c38gqq3d.svelte} +3 -3
package/dist/angular/browser.js.map +2 -2
package/dist/angular/index.js.map +2 -2
package/dist/build.js +20 -17
package/dist/build.js.map +5 -5
package/dist/index.js +1789 -1784
package/dist/index.js.map +21 -21
package/dist/react/index.js.map +1 -1
package/dist/src/angular/Island.browser.d.ts +4 -4
package/dist/src/angular/Island.d.ts +4 -4
package/dist/src/build/staticIslandPages.d.ts +3 -0
package/dist/src/react/Island.d.ts +2 -2
package/dist/svelte/components/Island.svelte +3 -3
package/dist/svelte/components/Island.svelte.d.ts +2 -2
package/dist/svelte/index.js +1 -1
package/dist/types/globals.d.ts +20 -0
package/dist/types/island.d.ts +0 -7
package/dist/vue/browser.js.map +2 -2
package/dist/vue/index.js.map +2 -2
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -203,1389 +203,9 @@ var defineIslandRegistry = (registry) => registry, defineIslandComponent = (comp
 };
 var init_islands = () => {};
-// src/core/islandPageContext.ts
-var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST__", ISLAND_STATE_MARKER = "__ABS_ISLAND_STATE__", buildIslandsHeadMarkup = (manifest) => {
-  const manifestScript = `<script>window.__ABSOLUTE_MANIFEST__ = ${JSON.stringify(manifest)}</script>`;
-  const islandStateScript = "<script>window.__ABS_ISLAND_STATE__ = window.__ABS_ISLAND_STATE__ ?? {}</script>";
-  const bootstrapPath = manifest[BOOTSTRAP_MANIFEST_KEY];
-  const bootstrapScript = bootstrapPath ? `<script type="module" src="${bootstrapPath}"></script>` : "";
-  return `${manifestScript}${islandStateScript}${bootstrapScript}`;
-}, injectHeadMarkup = (html, markup) => {
-  const closingHeadIndex = html.indexOf("</head>");
-  if (closingHeadIndex >= 0) {
-    return `${html.slice(0, closingHeadIndex)}${markup}${html.slice(closingHeadIndex)}`;
-  }
-  const openingBodyIndex = html.indexOf("<body");
-  if (openingBodyIndex >= 0) {
-    const bodyStart = html.indexOf(">", openingBodyIndex);
-    if (bodyStart >= 0) {
-      return `${html.slice(0, openingBodyIndex)}<head>${markup}</head>${html.slice(openingBodyIndex)}`;
-    }
-  }
-  return `<!DOCTYPE html><html><head>${markup}</head><body>${html}</body></html>`;
-}, setCurrentIslandManifest = (manifest) => {
-  globalThis.__absoluteManifest = manifest;
-}, htmlContainsIslands = (html) => html.includes(ISLAND_MARKER), injectIslandPageContext = (html, options) => {
-  const manifest = globalThis.__absoluteManifest;
-  const hasIslands = options?.hasIslands ?? htmlContainsIslands(html);
-  if (!manifest || !hasIslands) {
-    return html;
-  }
-  if (html.includes(MANIFEST_MARKER) || html.includes(ISLAND_STATE_MARKER)) {
-    return html;
-  }
-  return injectHeadMarkup(html, buildIslandsHeadMarkup(manifest));
-};
-// src/utils/ssrErrorPage.ts
-var ssrErrorPage = (framework, error) => {
-  const frameworkColors = {
-    angular: "#dd0031",
-    html: "#e34c26",
-    htmx: "#1a365d",
-    react: "#61dafb",
-    svelte: "#ff3e00",
-    vue: "#42b883"
-  };
-  const accent = frameworkColors[framework] ?? "#94a3b8";
-  const label = framework.charAt(0).toUpperCase() + framework.slice(1);
-  const message = error instanceof Error ? error.message : String(error);
-  return `<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>SSR Error - AbsoluteJS</title>
-<style>
-*{margin:0;padding:0;box-sizing:border-box}
-body{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,0.98) 0%,rgba(30,41,59,0.98) 100%);color:#e2e8f0;font-family:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;display:flex;align-items:flex-start;justify-content:center;padding:32px}
-.card{max-width:720px;width:100%;background:rgba(30,41,59,0.6);border:1px solid rgba(71,85,105,0.5);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);overflow:hidden}
-.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:rgba(15,23,42,0.5);border-bottom:1px solid rgba(71,85,105,0.4)}
-.brand{font-weight:700;font-size:20px;color:#fff;letter-spacing:-0.02em}
-.badge{padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;background:${accent};color:#fff;opacity:0.95;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
-.kind{color:#94a3b8;font-size:13px;font-weight:500}
-.content{padding:24px}
-.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:8px}
-.message{margin:0;padding:16px 20px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.25);border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:#fca5a5;font-size:13px;line-height:1.5}
-.hint{margin-top:20px;padding:12px 20px;background:rgba(71,85,105,0.3);border-radius:10px;border:1px solid rgba(71,85,105,0.4);color:#cbd5e1;font-size:13px}
-</style>
-</head>
-<body>
-<div class="card">
-<div class="header">
-<div style="display:flex;align-items:center;gap:12px">
-<span class="brand">AbsoluteJS</span>
-<span class="badge">${label}</span>
-</div>
-<span class="kind">Server Render Error</span>
-</div>
-<div class="content">
-<div class="label">What went wrong</div>
-<pre class="message">${message.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}</pre>
-<div class="hint">A component threw during server-side rendering. Check the terminal for the full stack trace.</div>
-</div>
-</div>
-</body>
-</html>`;
-};
-// src/utils/stringModifiers.ts
-var normalizeSlug = (str) => str.trim().replace(/\s+/g, "-").replace(/[^A-Za-z0-9\-_]+/g, "").replace(/[-_]{2,}/g, "-"), toKebab = (str) => normalizeSlug(str).replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), toPascal = (str) => {
-  if (!str.includes("-") && !str.includes("_")) {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-  }
-  return normalizeSlug(str).split(/[-_]/).filter(Boolean).map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1).toLowerCase()).join("");
-}, toScreamingSnake = (str) => str.replace(/([a-z0-9])([A-Z])/g, "$1_$2").toUpperCase();
-// src/utils/resolveConvention.ts
-import { basename } from "path";
-var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boolean(value) && typeof value === "object", getMap = () => {
-  const value = Reflect.get(globalThis, CONVENTIONS_KEY);
-  if (isConventionsMap(value))
-    return value;
-  const empty = {};
-  return empty;
-}, derivePageName = (pagePath) => {
-  const base = basename(pagePath);
-  const dotIndex = base.indexOf(".");
-  const name = dotIndex > 0 ? base.slice(0, dotIndex) : base;
-  return toPascal(name);
-}, resolveErrorConventionPath = (framework, pageName) => {
-  const conventions2 = getMap()[framework];
-  if (!conventions2)
-    return;
-  return conventions2.pages?.[pageName]?.error ?? conventions2.defaults?.error;
-}, resolveNotFoundConventionPath = (framework) => getMap()[framework]?.defaults?.notFound, setConventions = (map) => {
-  Reflect.set(globalThis, CONVENTIONS_KEY, map);
-}, isDev = () => true, buildErrorProps = (error) => {
-  const message = error instanceof Error ? error.message : String(error);
-  const stack = isDev() && error instanceof Error ? error.stack : undefined;
-  return { error: { message, stack } };
-}, renderReactError = async (conventionPath, errorProps) => {
-  const { createElement } = await import("react");
-  const { renderToReadableStream } = await import("react-dom/server");
-  const mod = await import(conventionPath);
-  const [firstKey] = Object.keys(mod);
-  const ErrorComponent = mod.default ?? (firstKey ? mod[firstKey] : undefined);
-  const element = createElement(ErrorComponent, errorProps);
-  const stream = await renderToReadableStream(element);
-  return new Response(stream, {
-    headers: { "Content-Type": "text/html" },
-    status: 500
-  });
-}, renderSvelteError = async (conventionPath, errorProps) => {
-  const { render } = await import("svelte/server");
-  const mod = await import(conventionPath);
-  const ErrorComponent = mod.default;
-  const { head, body } = render(ErrorComponent, {
-    props: errorProps
-  });
-  const html = `<!DOCTYPE html><html><head>${head}</head><body>${body}</body></html>`;
-  return new Response(html, {
-    headers: { "Content-Type": "text/html" },
-    status: 500
-  });
-}, unescapeVueStyles = (ssrBody) => {
-  let styles = "";
-  const body = ssrBody.replace(/<style>([\s\S]*?)<\/style>/g, (_, css) => {
-    styles += `<style>${css.replace(/&quot;/g, '"').replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">")}</style>`;
-    return "";
-  });
-  return { body, styles };
-}, renderVueError = async (conventionPath, errorProps) => {
-  const { createSSRApp, h } = await import("vue");
-  const { renderToString } = await import("vue/server-renderer");
-  const mod = await import(conventionPath);
-  const ErrorComponent = mod.default;
-  const app = createSSRApp({
-    render: () => h(ErrorComponent, errorProps)
-  });
-  const rawBody = await renderToString(app);
-  const { styles, body } = unescapeVueStyles(rawBody);
-  const html = `<!DOCTYPE html><html><head>${styles}</head><body><div id="root">${body}</div></body></html>`;
-  return new Response(html, {
-    headers: { "Content-Type": "text/html" },
-    status: 500
-  });
-}, renderAngularError = async (conventionPath, errorProps) => {
-  const mod = await import(conventionPath);
-  const renderError = mod.default ?? mod.renderError;
-  if (typeof renderError !== "function")
-    return null;
-  const html = renderError(errorProps);
-  return new Response(html, {
-    headers: { "Content-Type": "text/html" },
-    status: 500
-  });
-}, logConventionRenderError = (framework, label, renderError) => {
-  const message = renderError instanceof Error ? renderError.message : "";
-  if (message.includes("Cannot find module") || message.includes("Cannot find package") || message.includes("not found in module")) {
-    console.error(`[SSR] Convention ${label} page for ${framework} failed: missing framework package. Ensure the ${framework} runtime is installed (e.g. bun add ${framework === "react" ? "react react-dom" : framework}).`);
-    return;
-  }
-  console.error(`[SSR] Failed to render ${framework} convention ${label} page:`, renderError);
-}, ERROR_RENDERERS, renderConventionError = async (framework, pageName, error) => {
-  const conventionPath = resolveErrorConventionPath(framework, pageName);
-  if (!conventionPath)
-    return null;
-  const errorProps = buildErrorProps(error);
-  const renderer = ERROR_RENDERERS[framework];
-  if (!renderer)
-    return null;
-  try {
-    return await renderer(conventionPath, errorProps);
-  } catch (renderError) {
-    logConventionRenderError(framework, "error", renderError);
-  }
-  return null;
-}, renderReactNotFound = async (conventionPath) => {
-  const { createElement } = await import("react");
-  const { renderToReadableStream } = await import("react-dom/server");
-  const mod = await import(conventionPath);
-  const [nfKey] = Object.keys(mod);
-  const NotFoundComponent = mod.default ?? (nfKey ? mod[nfKey] : undefined);
-  const element = createElement(NotFoundComponent);
-  const stream = await renderToReadableStream(element);
-  return new Response(stream, {
-    headers: { "Content-Type": "text/html" },
-    status: 404
-  });
-}, renderSvelteNotFound = async (conventionPath) => {
-  const { render } = await import("svelte/server");
-  const mod = await import(conventionPath);
-  const NotFoundComponent = mod.default;
-  const { head, body } = render(NotFoundComponent);
-  const html = `<!DOCTYPE html><html><head>${head}</head><body>${body}</body></html>`;
-  return new Response(html, {
-    headers: { "Content-Type": "text/html" },
-    status: 404
-  });
-}, renderVueNotFound = async (conventionPath) => {
-  const { createSSRApp, h } = await import("vue");
-  const { renderToString } = await import("vue/server-renderer");
-  const mod = await import(conventionPath);
-  const NotFoundComponent = mod.default;
-  const app = createSSRApp({
-    render: () => h(NotFoundComponent)
-  });
-  const rawBody = await renderToString(app);
-  const { styles, body } = unescapeVueStyles(rawBody);
-  const html = `<!DOCTYPE html><html><head>${styles}</head><body><div id="root">${body}</div></body></html>`;
-  return new Response(html, {
-    headers: { "Content-Type": "text/html" },
-    status: 404
-  });
-}, renderAngularNotFound = async (conventionPath) => {
-  const mod = await import(conventionPath);
-  const renderNotFound = mod.default ?? mod.renderNotFound;
-  if (typeof renderNotFound !== "function")
-    return null;
-  const html = renderNotFound();
-  return new Response(html, {
-    headers: { "Content-Type": "text/html" },
-    status: 404
-  });
-}, NOT_FOUND_RENDERERS, renderConventionNotFound = async (framework) => {
-  const conventionPath = resolveNotFoundConventionPath(framework);
-  if (!conventionPath)
-    return null;
-  const renderer = NOT_FOUND_RENDERERS[framework];
-  if (!renderer)
-    return null;
-  try {
-    return await renderer(conventionPath);
-  } catch (renderError) {
-    logConventionRenderError(framework, "not-found", renderError);
-  }
-  return null;
-}, NOT_FOUND_PRIORITY, renderFirstNotFound = async () => {
-  for (const framework of NOT_FOUND_PRIORITY) {
-    if (!getMap()[framework]?.defaults?.notFound)
-      continue;
-    const response = await renderConventionNotFound(framework);
-    if (response)
-      return response;
-  }
-  return null;
-};
-var init_resolveConvention = __esm(() => {
-  ERROR_RENDERERS = {
-    angular: renderAngularError,
-    react: renderReactError,
-    svelte: renderSvelteError,
-    vue: renderVueError
-  };
-  NOT_FOUND_RENDERERS = {
-    angular: renderAngularNotFound,
-    react: renderReactNotFound,
-    svelte: renderSvelteNotFound,
-    vue: renderVueNotFound
-  };
-  NOT_FOUND_PRIORITY = [
-    "react",
-    "svelte",
-    "vue",
-    "angular"
-  ];
-});
-// src/react/pageHandler.ts
-var ssrDirty = false, buildDirtyResponse = (index, maybeProps) => {
-  const propsScript = maybeProps ? `window.__INITIAL_PROPS__=${JSON.stringify(maybeProps)};` : "";
-  const dirtyFlag = "window.__SSR_DIRTY__=true;";
-  const refreshSetup = "window.__REFRESH_BUFFER__=[];" + "window.$RefreshReg$=function(t,i){window.__REFRESH_BUFFER__.push([t,i])};" + "window.$RefreshSig$=function(){return function(t){return t}};";
-  const inlineScript = `${propsScript}${dirtyFlag}${refreshSetup}`;
-  const html = `<!DOCTYPE html><html><head></head><body>` + `<script>${inlineScript}</script>` + `<script type="module" src="${index}"></script>` + `</body></html>`;
-  return new Response(html, {
-    headers: { "Content-Type": "text/html" }
-  });
-}, handleReactPageRequest = async (PageComponent, index, ...props) => {
-  const [maybeProps] = props;
-  if (ssrDirty) {
-    return buildDirtyResponse(index, maybeProps);
-  }
-  try {
-    const { createElement } = await import("react");
-    const { renderToReadableStream } = await import("react-dom/server");
-    const element = maybeProps !== undefined ? createElement(PageComponent, maybeProps) : createElement(PageComponent);
-    const propsScript = maybeProps ? `window.__INITIAL_PROPS__=${JSON.stringify(maybeProps)};` : "";
-    const refreshSetup = "window.__REFRESH_BUFFER__=[];window.$RefreshReg$=function(t,i){window.__REFRESH_BUFFER__.push([t,i])};window.$RefreshSig$=function(){return function(t){return t}};";
-    const stream = await renderToReadableStream(element, {
-      bootstrapModules: [index],
-      bootstrapScriptContent: propsScript + refreshSetup || undefined,
-      onError(error) {
-        console.error("[SSR] React streaming error:", error);
-      }
-    });
-    const html = injectIslandPageContext(await new Response(stream).text());
-    return new Response(html, {
-      headers: { "Content-Type": "text/html" }
-    });
-  } catch (error) {
-    console.error("[SSR] React render error:", error);
-    const pageName = PageComponent.name || PageComponent.displayName || "";
-    const conventionResponse = await renderConventionError("react", pageName, error);
-    if (conventionResponse)
-      return conventionResponse;
-    return new Response(ssrErrorPage("react", error), {
-      headers: { "Content-Type": "text/html" },
-      status: 500
-    });
-  }
-}, invalidateReactSsrCache = () => {
-  ssrDirty = true;
-};
-var init_pageHandler = __esm(() => {
-  init_resolveConvention();
-});
-// src/core/currentIslandRegistry.ts
-var setCurrentIslandRegistry = (registry) => {
-  globalThis.__absoluteIslandRegistry = registry;
-}, requireCurrentIslandRegistry = () => {
-  const registry = globalThis.__absoluteIslandRegistry;
-  if (!registry) {
-    throw new Error("No island registry is active. Configure `islands.registry` in absolute.config.ts before rendering <Island />.");
-  }
-  return registry;
-};
-// src/build/islandEntries.ts
-import {
-  mkdirSync,
-  rmSync,
-  writeFileSync
-} from "fs";
-import { dirname, extname, join, relative, resolve as resolve3 } from "path";
-var frameworks, isRecord3 = (value) => typeof value === "object" && value !== null, resolveRegistryExport2 = (mod) => {
-  if (isRecord3(mod.islandRegistry))
-    return mod.islandRegistry;
-  if (isRecord3(mod.default))
-    return mod.default;
-  throw new Error("Island registry module must export `islandRegistry` or a default registry object.");
-}, normalizeImportPath = (wrapperPath, targetPath) => {
-  const importPath = relative(dirname(wrapperPath), targetPath).replace(/\\/g, "/");
-  return importPath.startsWith(".") ? importPath : `./${importPath}`;
-}, isIdentifier = (value) => /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(value), resolveIslandSourcePath = (registryPath, sourcePath) => {
-  if (sourcePath.startsWith("file://")) {
-    return new URL(sourcePath).pathname;
-  }
-  return resolve3(dirname(registryPath), sourcePath);
-}, createRegistryImportCode = (wrapperPath, registryPath, hasNamedExport) => {
-  const normalizedPath = normalizeImportPath(wrapperPath, registryPath);
-  if (hasNamedExport) {
-    return {
-      importStatement: `import { islandRegistry as __absoluteIslandRegistry } from ${JSON.stringify(normalizedPath)};`,
-      registryReference: "__absoluteIslandRegistry"
-    };
-  }
-  return {
-    importStatement: `import __absoluteIslandRegistry from ${JSON.stringify(normalizedPath)};`,
-    registryReference: "__absoluteIslandRegistry"
-  };
-}, createDirectEntrySource = (wrapperPath, importPath, exportName) => {
-  const normalizedImportPath = normalizeImportPath(wrapperPath, importPath);
-  if (!exportName || exportName === "default") {
-    return `export { default } from ${JSON.stringify(normalizedImportPath)};
-`;
-  }
-  return `export { ${exportName} as default } from ${JSON.stringify(normalizedImportPath)};
-`;
-}, createRegistryEntrySource = (wrapperPath, registryPath, hasNamedExport, framework, component) => {
-  const { importStatement, registryReference } = createRegistryImportCode(wrapperPath, registryPath, hasNamedExport);
-  const frameworkAccess = isIdentifier(framework) ? `${registryReference}.${framework}` : `${registryReference}[${JSON.stringify(framework)}]`;
-  const componentAccess = isIdentifier(component) ? `${frameworkAccess}.${component}` : `${frameworkAccess}[${JSON.stringify(component)}]`;
-  return `${importStatement}
-const component = ${componentAccess};
-export default component;
-`;
-}, shouldUseCompiledClientPath = (framework, sourcePath) => {
-  if (framework === "svelte") {
-    return /\.svelte(?:\.(?:ts|js))?$/.test(sourcePath);
-  }
-  if (framework === "vue") {
-    return extname(sourcePath) === ".vue";
-  }
-  return false;
-}, loadIslandRegistryBuildInfo = async (registryPath) => {
-  const resolvedRegistryPath = resolve3(registryPath);
-  const registryModule = await import(resolvedRegistryPath);
-  const registry = resolveRegistryExport2(registryModule);
-  const definitions = [];
-  for (const framework of frameworks) {
-    const frameworkRegistry = registry[framework];
-    if (!isRecord3(frameworkRegistry))
-      continue;
-    for (const [component, value] of Object.entries(frameworkRegistry)) {
-      definitions.push({
-        buildReference: getIslandBuildReference(value),
-        component,
-        framework
-      });
-    }
-  }
-  return {
-    definitions,
-    hasNamedExport: isRecord3(registryModule.islandRegistry),
-    registry,
-    resolvedRegistryPath
-  };
-}, collectIslandFrameworkSources = (buildInfo) => {
-  const sources = {};
-  for (const definition of buildInfo.definitions) {
-    const buildReference = definition.buildReference;
-    if (!buildReference)
-      continue;
-    const resolvedSourcePath = resolveIslandSourcePath(buildInfo.resolvedRegistryPath, buildReference.source);
-    if (!shouldUseCompiledClientPath(definition.framework, resolvedSourcePath)) {
-      continue;
-    }
-    const frameworkSources = sources[definition.framework] ?? [];
-    if (!frameworkSources.includes(resolvedSourcePath)) {
-      frameworkSources.push(resolvedSourcePath);
-    }
-    sources[definition.framework] = frameworkSources;
-  }
-  return sources;
-}, generateIslandEntryPoints = async ({
-  buildInfo,
-  buildPath,
-  clientPathMaps = {}
-}) => {
-  const generatedRoot = join(buildPath, "_island_entries");
-  rmSync(generatedRoot, { force: true, recursive: true });
-  const entries = [];
-  for (const definition of buildInfo.definitions) {
-    const entryPath = join(generatedRoot, "islands", definition.framework, `${definition.component}.ts`);
-    const buildReference = definition.buildReference;
-    const source = buildReference ? resolveIslandSourcePath(buildInfo.resolvedRegistryPath, buildReference.source) : null;
-    const compiledSourcePath = source && shouldUseCompiledClientPath(definition.framework, source) ? clientPathMaps[definition.framework]?.get(source) : undefined;
-    const entrySource = source && (compiledSourcePath || !shouldUseCompiledClientPath(definition.framework, source)) ? createDirectEntrySource(entryPath, compiledSourcePath ?? source, compiledSourcePath ? undefined : buildReference?.export) : createRegistryEntrySource(entryPath, buildInfo.resolvedRegistryPath, buildInfo.hasNamedExport, definition.framework, definition.component);
-    mkdirSync(dirname(entryPath), { recursive: true });
-    writeFileSync(entryPath, entrySource);
-    entries.push({
-      component: definition.component,
-      entryPath,
-      framework: definition.framework
-    });
-  }
-  return {
-    entries,
-    generatedRoot
-  };
-};
-var init_islandEntries = __esm(() => {
-  init_islands();
-  frameworks = [
-    "react",
-    "svelte",
-    "vue",
-    "angular"
-  ];
-});
-// src/build/scanEntryPoints.ts
-import { existsSync } from "fs";
-var {Glob } = globalThis.Bun;
-var scanEntryPoints = async (dir, pattern) => {
-  if (!existsSync(dir))
-    return [];
-  const entryPaths = [];
-  const glob = new Glob(pattern);
-  for await (const file2 of glob.scan({ absolute: true, cwd: dir })) {
-    entryPaths.push(file2);
-  }
-  return entryPaths;
-};
-var init_scanEntryPoints = () => {};
-// src/islands/sourceMetadata.ts
-var islandFrameworks, islandHydrationModes, isIslandFramework = (value) => islandFrameworks.some((framework) => framework === value), isIslandHydrate = (value) => islandHydrationModes.some((hydrate) => hydrate === value), parseIslandTagAttributes = (attributeString) => {
-  const frameworkMatch = attributeString.match(/\bframework\s*=\s*["']([^"']+)["']/);
-  const componentMatch = attributeString.match(/\bcomponent\s*=\s*["']([^"']+)["']/);
-  const hydrateMatch = attributeString.match(/\bhydrate\s*=\s*["']([^"']+)["']/);
-  const framework = frameworkMatch?.[1];
-  const component = componentMatch?.[1];
-  if (!framework || !component) {
-    return null;
-  }
-  if (!isIslandFramework(framework)) {
-    return null;
-  }
-  const hydrateCandidate = hydrateMatch?.[1];
-  return {
-    component,
-    framework,
-    hydrate: hydrateCandidate && isIslandHydrate(hydrateCandidate) ? hydrateCandidate : undefined
-  };
-}, normalizeUsage = (usage) => `${usage.framework}:${usage.component}:${usage.hydrate ?? ""}`, addUsage = (usageMap, usage) => {
-  if (!usage)
-    return;
-  usageMap.set(normalizeUsage(usage), usage);
-}, extractIslandUsagesFromSource = (source) => {
-  const usageMap = new Map;
-  const islandTagRegex = /<Island\b([\s\S]*?)(?:\/>|>(?:[\s\S]*?)<\/Island>)/g;
-  let islandTagMatch = islandTagRegex.exec(source);
-  while (islandTagMatch) {
-    addUsage(usageMap, parseIslandTagAttributes(islandTagMatch[1] ?? ""));
-    islandTagMatch = islandTagRegex.exec(source);
-  }
-  const staticRenderCallRegex = /renderIsland\s*\(\s*\{[\s\S]*?\bframework\s*:\s*['"]([^'"]+)['"][\s\S]*?\bcomponent\s*:\s*['"]([^'"]+)['"](?:[\s\S]*?\bhydrate\s*:\s*['"]([^'"]+)['"])?[\s\S]*?\}\s*\)/g;
-  let renderMatch = staticRenderCallRegex.exec(source);
-  while (renderMatch) {
-    const framework = renderMatch[1];
-    const component = renderMatch[2];
-    const hydrate = renderMatch[3];
-    if (!framework || !component || !isIslandFramework(framework)) {
-      renderMatch = staticRenderCallRegex.exec(source);
-      continue;
-    }
-    addUsage(usageMap, {
-      component,
-      framework,
-      hydrate: hydrate && isIslandHydrate(hydrate) ? hydrate : undefined
-    });
-    renderMatch = staticRenderCallRegex.exec(source);
-  }
-  return [...usageMap.values()];
-}, buildIslandMetadataExports = (source) => {
-  const usages = extractIslandUsagesFromSource(source);
-  const serialized = JSON.stringify(usages);
-  return `
-export const __ABSOLUTE_PAGE_ISLANDS__ = ${serialized};
-export const __ABSOLUTE_PAGE_HAS_ISLANDS__ = ${usages.length > 0};
-`;
-};
-var init_sourceMetadata = __esm(() => {
-  islandFrameworks = [
-    "react",
-    "svelte",
-    "vue",
-    "angular"
-  ];
-  islandHydrationModes = [
-    "load",
-    "idle",
-    "visible",
-    "none"
-  ];
-});
-// src/islands/pageMetadata.ts
-import { readFileSync } from "fs";
-import { dirname as dirname2, resolve as resolve4 } from "path";
-var pagePatterns, getPageDirs = (config) => [
-  { dir: config.angularDirectory, framework: "angular" },
-  { dir: config.reactDirectory, framework: "react" },
-  { dir: config.svelteDirectory, framework: "svelte" },
-  { dir: config.vueDirectory, framework: "vue" },
-  { dir: config.htmlDirectory, framework: "html" },
-  { dir: config.htmxDirectory, framework: "htmx" }
-].filter((entry) => typeof entry.dir === "string" && entry.dir.length > 0), buildIslandSourceLookup = async (config) => {
-  const registryPath = config.islands?.registry;
-  if (!registryPath) {
-    return new Map;
-  }
-  const buildInfo = await loadIslandRegistryBuildInfo(registryPath);
-  const lookup = new Map;
-  for (const definition of buildInfo.definitions) {
-    const source = definition.buildReference?.source;
-    if (!source)
-      continue;
-    const resolvedSource = source.startsWith("file://") ? new URL(source).pathname : resolve4(dirname2(buildInfo.resolvedRegistryPath), source);
-    lookup.set(`${definition.framework}:${definition.component}`, resolve4(resolvedSource));
-  }
-  return lookup;
-}, loadPageIslandMetadata = async (config) => {
-  const pageMetadata = new Map;
-  const islandSourceLookup = await buildIslandSourceLookup(config);
-  for (const entry of getPageDirs(config)) {
-    const pattern = pagePatterns[entry.framework];
-    if (!pattern)
-      continue;
-    const files = await scanEntryPoints(resolve4(entry.dir), pattern);
-    for (const filePath of files) {
-      const source = readFileSync(filePath, "utf-8");
-      const islands = extractIslandUsagesFromSource(source);
-      pageMetadata.set(resolve4(filePath), {
-        islands: islands.map((usage) => {
-          const sourcePath = islandSourceLookup.get(`${usage.framework}:${usage.component}`);
-          return sourcePath ? {
-            ...usage,
-            source: sourcePath
-          } : usage;
-        }),
-        pagePath: resolve4(filePath)
-      });
-    }
-  }
-  return pageMetadata;
-}, setCurrentPageIslandMetadata = (metadata2) => {
-  globalThis.__absolutePageIslandMetadata = metadata2;
-}, getCurrentPageIslandMetadata = () => globalThis.__absolutePageIslandMetadata ?? new Map, getPagesUsingIslandSource = (sourcePath) => {
-  const target = resolve4(sourcePath);
-  const matches = [];
-  for (const metadata2 of getCurrentPageIslandMetadata().values()) {
-    const usesTarget = metadata2.islands.some((usage) => {
-      const candidate = usage.source;
-      return candidate ? resolve4(candidate) === target : false;
-    });
-    if (usesTarget) {
-      matches.push(metadata2.pagePath);
-    }
-  }
-  return matches;
-};
-var init_pageMetadata = __esm(() => {
-  init_islandEntries();
-  init_scanEntryPoints();
-  init_sourceMetadata();
-  pagePatterns = {
-    angular: "pages/**/*.{ts,js}",
-    html: "pages/**/*.html",
-    htmx: "pages/**/*.html",
-    react: "pages/**/*.{ts,tsx,js,jsx}",
-    svelte: "pages/**/*.svelte",
-    vue: "pages/**/*.vue"
-  };
-});
-// src/build/generateIslandBindings.ts
-var exports_generateIslandBindings = {};
-__export(exports_generateIslandBindings, {
-  generateIslandBindings: () => generateIslandBindings
-});
-import { existsSync as existsSync2, mkdirSync as mkdirSync2, rmSync as rmSync2, writeFileSync as writeFileSync2 } from "fs";
-import { dirname as dirname3, resolve as resolve5 } from "path";
-var ensureDir = (filePath) => {
-  mkdirSync2(dirname3(filePath), { recursive: true });
-}, writeIfChanged = (filePath, content) => {
-  ensureDir(filePath);
-  writeFileSync2(filePath, content);
-}, removeIfExists = (filePath) => {
-  if (existsSync2(filePath)) {
-    rmSync2(filePath, { force: true });
-  }
-}, generateIslandBindings = (projectRoot, config) => {
-  const registryPath = config.islands?.registry;
-  if (!registryPath) {
-    return;
-  }
-  const resolvedRegistryPath = resolve5(projectRoot, registryPath);
-  removeIfExists(resolve5(dirname3(resolvedRegistryPath), "absolute-islands.d.ts"));
-  if (config.reactDirectory) {
-    const compatTarget = resolve5(config.reactDirectory, "generated", "absolute-react.ts");
-    removeIfExists(resolve5(config.reactDirectory, "generated", "Island.tsx"));
-    removeIfExists(resolve5(config.reactDirectory, "generated", "absolute-react.d.ts"));
-    writeIfChanged(compatTarget, `export * from "@absolutejs/absolute/react";
-`);
-  }
-  if (config.vueDirectory) {
-    const compatTarget = resolve5(config.vueDirectory, "generated", "absolute-vue.ts");
-    removeIfExists(resolve5(config.vueDirectory, "generated", "Island.ts"));
-    removeIfExists(resolve5(config.vueDirectory, "generated", "absolute-vue.d.ts"));
-    writeIfChanged(compatTarget, `export * from "@absolutejs/absolute/vue";
-`);
-  }
-  if (config.svelteDirectory) {
-    const compatTarget = resolve5(config.svelteDirectory, "generated", "absolute-svelte.ts");
-    removeIfExists(resolve5(config.svelteDirectory, "generated", "islands.ts"));
-    removeIfExists(resolve5(config.svelteDirectory, "generated", "absolute-svelte.d.ts"));
-    writeIfChanged(compatTarget, `export * from "@absolutejs/absolute/svelte";
-`);
-  }
-  if (config.angularDirectory) {
-    const compatTarget = resolve5(config.angularDirectory, "generated", "absolute-angular.ts");
-    removeIfExists(resolve5(config.angularDirectory, "generated", "islands.ts"));
-    removeIfExists(resolve5(config.angularDirectory, "generated", "absolute-angular.d.ts"));
-    writeIfChanged(compatTarget, `export * from "@absolutejs/absolute/angular";
-`);
-  }
-};
-var init_generateIslandBindings = () => {};
-// src/utils/getDurationString.ts
-var getDurationString = (duration) => {
-  let durationString;
-  if (duration < MILLISECONDS_IN_A_SECOND) {
-    durationString = `${duration.toFixed(TIME_PRECISION)}ms`;
-  } else if (duration < MILLISECONDS_IN_A_MINUTE) {
-    durationString = `${(duration / MILLISECONDS_IN_A_SECOND).toFixed(TIME_PRECISION)}s`;
-  } else {
-    durationString = `${(duration / MILLISECONDS_IN_A_MINUTE).toFixed(TIME_PRECISION)}m`;
-  }
-  return durationString;
-};
-var init_getDurationString = __esm(() => {
-  init_constants();
-});
-// src/utils/startupBanner.ts
-var colors, MONTHS, formatTimestamp = () => {
-  const now = new Date;
-  const month = MONTHS[now.getMonth()];
-  const day = now.getDate().toString().padStart(2, "0");
-  let hours = now.getHours();
-  const minutes = now.getMinutes().toString().padStart(2, "0");
-  const seconds = now.getSeconds().toString().padStart(2, "0");
-  const ampm = hours >= HOURS_IN_HALF_DAY ? "PM" : "AM";
-  hours = hours % HOURS_IN_HALF_DAY || HOURS_IN_HALF_DAY;
-  return `${month} ${day} ${hours}:${minutes}:${seconds} ${ampm}`;
-}, startupBanner = (options) => {
-  const {
-    version,
-    duration,
-    port,
-    host,
-    networkUrl,
-    protocol = "http"
-  } = options;
-  const name = `${colors.cyan}${colors.bold}ABSOLUTEJS${colors.reset}`;
-  const ver = `${colors.dim}v${version}${colors.reset}`;
-  const time = `${colors.dim}ready in${colors.reset} ${colors.bold}${getDurationString(duration)}${colors.reset}`;
-  console.log("");
-  console.log(`  ${name} ${ver}  ${time}`);
-  console.log("");
-  console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Local:${colors.reset}   ${protocol}://${host === "0.0.0.0" ? "localhost" : host}:${port}/`);
-  if (networkUrl) {
-    console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Network:${colors.reset} ${networkUrl}`);
-  }
-  console.log("");
-};
-var init_startupBanner = __esm(() => {
-  init_constants();
-  init_getDurationString();
-  colors = {
-    bold: "\x1B[1m",
-    cyan: "\x1B[36m",
-    dim: "\x1B[2m",
-    green: "\x1B[32m",
-    reset: "\x1B[0m"
-  };
-  MONTHS = [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ];
-});
-// src/utils/logger.ts
-var colors2, frameworkColors, formatPath = (filePath) => {
-  const cwd = process.cwd();
-  let relative2 = filePath.startsWith(cwd) ? filePath.slice(cwd.length + 1) : filePath;
-  relative2 = relative2.replace(/\\/g, "/");
-  if (!relative2.startsWith("/")) {
-    relative2 = `/${relative2}`;
-  }
-  return relative2;
-}, getFrameworkColor = (framework) => frameworkColors[framework] || colors2.white, log = (action, options) => {
-  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
-  const tag = `${colors2.cyan}[hmr]${colors2.reset}`;
-  let message = action;
-  if (options?.path) {
-    const pathColor = options.framework ? getFrameworkColor(options.framework) : colors2.white;
-    message += ` ${pathColor}${formatPath(options.path)}${colors2.reset}`;
-  }
-  if (options?.duration !== undefined) {
-    message += ` ${colors2.dim}(${options.duration}ms)${colors2.reset}`;
-  }
-  console.log(`${timestamp} ${tag} ${message}`);
-}, logCssUpdate = (path, framework, duration) => {
-  log("css update", { duration, framework: framework ?? "css", path });
-}, logError = (message, error) => {
-  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
-  const tag = `${colors2.red}[hmr]${colors2.reset}`;
-  const errorMsg = error instanceof Error ? error.message : error;
-  const fullMessage = `${colors2.red}error${colors2.reset} ${message}${errorMsg ? `: ${errorMsg}` : ""}`;
-  console.error(`${timestamp} ${tag} ${fullMessage}`);
-}, logHmrUpdate = (path, framework, duration) => {
-  log("hmr update", { duration, framework, path });
-}, logScriptUpdate = (path, framework, duration) => {
-  log("script update", { duration, framework, path });
-}, logServerReload = () => {
-  log(`${colors2.cyan}server module reloaded${colors2.reset}`);
-}, logWarn = (message) => {
-  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
-  const tag = `${colors2.yellow}[hmr]${colors2.reset}`;
-  console.warn(`${timestamp} ${tag} ${colors2.yellow}warning${colors2.reset} ${message}`);
-};
-var init_logger = __esm(() => {
-  init_startupBanner();
-  colors2 = {
-    blue: "\x1B[34m",
-    bold: "\x1B[1m",
-    cyan: "\x1B[36m",
-    dim: "\x1B[2m",
-    green: "\x1B[32m",
-    magenta: "\x1B[35m",
-    red: "\x1B[31m",
-    reset: "\x1B[0m",
-    white: "\x1B[37m",
-    yellow: "\x1B[33m"
-  };
-  frameworkColors = {
-    angular: colors2.magenta,
-    assets: colors2.dim,
-    css: colors2.cyan,
-    html: colors2.white,
-    htmx: colors2.white,
-    react: colors2.blue,
-    svelte: colors2.yellow,
-    vue: colors2.green
-  };
-});
-// src/utils/normalizePath.ts
-var normalizePath = (path) => path.replace(/\\/g, "/");
-// src/build/generateManifest.ts
-var exports_generateManifest = {};
-__export(exports_generateManifest, {
-  generateManifest: () => generateManifest
-});
-import { extname as extname2 } from "path";
-var getManifestKey = (folder, pascalName, isClientComponent, isReact, isVue, isSvelte, isAngular) => {
-  if (folder === "indexes")
-    return `${pascalName}Index`;
-  if (isClientComponent)
-    return `${pascalName}Client`;
-  if (folder !== "pages")
-    return pascalName;
-  if (isReact)
-    return `${pascalName}Page`;
-  if (isVue || isSvelte || isAngular)
-    return pascalName;
-  return `${pascalName}Page`;
-}, getCssKey = (pascalName, segments) => {
-  const isFromVue = segments.some((seg) => seg === "vue");
-  if (isFromVue && segments.includes("css"))
-    return `${pascalName}CompiledCSS`;
-  const isFromReact = segments.some((seg) => seg === "react");
-  const isFromSvelte = segments.some((seg) => seg === "svelte");
-  const isFromAngular = segments.some((seg) => seg === "angular");
-  if (isFromReact || isFromVue || isFromSvelte || isFromAngular)
-    return `${pascalName}BundledCSS`;
-  return `${pascalName}CSS`;
-}, generateManifest = (outputs, buildPath) => outputs.reduce((manifest, artifact) => {
-  const normalizedArtifactPath = normalizePath(artifact.path);
-  const normalizedBuildPath = normalizePath(buildPath);
-  let relative2 = normalizedArtifactPath.startsWith(normalizedBuildPath) ? normalizedArtifactPath.slice(normalizedBuildPath.length) : normalizedArtifactPath;
-  relative2 = relative2.replace(/^\/+/, "");
-  const segments = relative2.split("/");
-  const fileWithHash = segments.pop();
-  if (!fileWithHash)
-    return manifest;
-  const [baseName] = fileWithHash.split(`.${artifact.hash}.`);
-  if (!baseName)
-    return manifest;
-  const pascalName = toPascal(baseName);
-  const ext = extname2(fileWithHash);
-  const islandIndex = segments.findIndex((seg) => seg === "islands");
-  if (ext === ".css") {
-    const cssKey = getCssKey(pascalName, segments);
-    if (manifest[cssKey] && manifest[cssKey] !== `/${relative2}`)
-      logWarn(`Duplicate manifest key "${cssKey}" \u2014 "${manifest[cssKey]}" will be overwritten by "/${relative2}". Use unique page names across frameworks.`);
-    manifest[cssKey] = `/${relative2}`;
-    return manifest;
-  }
-  if (islandIndex > UNFOUND_INDEX) {
-    const frameworkSegment = segments[islandIndex + 1];
-    if (frameworkSegment === "react" || frameworkSegment === "svelte" || frameworkSegment === "vue" || frameworkSegment === "angular") {
-      const manifestKey2 = getIslandManifestKey(frameworkSegment, pascalName);
-      manifest[manifestKey2] = `/${relative2}`;
-      return manifest;
-    }
-  }
-  const idx = segments.findIndex((seg) => seg === "indexes" || seg === "pages" || seg === "client");
-  const folder = idx > UNFOUND_INDEX ? segments[idx] : segments[0];
-  const isReact = segments.some((seg) => seg === "react");
-  const isVue = segments.some((seg) => seg === "vue");
-  const isSvelte = segments.some((seg) => seg === "svelte");
-  const isAngular = segments.some((seg) => seg === "angular");
-  const isClientComponent = segments.includes("client");
-  const manifestKey = getManifestKey(folder, pascalName, isClientComponent, isReact, isVue, isSvelte, isAngular);
-  if (manifest[manifestKey] && manifest[manifestKey] !== `/${relative2}`) {
-    logWarn(`Duplicate manifest key "${manifestKey}" \u2014 "${manifest[manifestKey]}" will be overwritten by "/${relative2}". Use unique page names across frameworks.`);
-  }
-  manifest[manifestKey] = `/${relative2}`;
-  return manifest;
-}, {});
-var init_generateManifest = __esm(() => {
-  init_constants();
-  init_logger();
-});
-// src/build/generateReactIndexes.ts
-var exports_generateReactIndexes = {};
-__export(exports_generateReactIndexes, {
-  generateReactIndexFiles: () => generateReactIndexFiles
-});
-import { existsSync as existsSync3, mkdirSync as mkdirSync3 } from "fs";
-import { readdir, rm, writeFile } from "fs/promises";
-import { basename as basename2, join as join2, relative as relative2, resolve as resolve6, sep } from "path";
-var {Glob: Glob2 } = globalThis.Bun;
-var indexContentCache, resolveDevClientDir = () => {
-  const projectRoot = process.cwd();
-  const fromSource = resolve6(import.meta.dir, "../dev/client");
-  if (existsSync3(fromSource) && fromSource.startsWith(projectRoot)) {
-    return fromSource;
-  }
-  const fromNodeModules = resolve6(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
-  if (existsSync3(fromNodeModules))
-    return fromNodeModules;
-  return resolve6(import.meta.dir, "./dev/client");
-}, devClientDir, errorOverlayPath, hmrClientPath, refreshSetupPath, generateReactIndexFiles = async (reactPagesDirectory, reactIndexesDirectory, isDev2 = false) => {
-  if (!existsSync3(reactIndexesDirectory)) {
-    mkdirSync3(reactIndexesDirectory, { recursive: true });
-  }
-  const CONVENTION_RE = /^(?:(.+)\.)?(error|loading|not-found)\.[^.]+$/;
-  const pagesGlob = new Glob2("*.*");
-  const files = [];
-  for await (const file2 of pagesGlob.scan({ cwd: reactPagesDirectory })) {
-    if (CONVENTION_RE.test(file2))
-      continue;
-    files.push(file2);
-  }
-  const currentPageNames = new Set(files.map((file2) => basename2(file2).split(".")[0]));
-  const emptyStringArray = [];
-  const existingIndexes = await readdir(reactIndexesDirectory).catch(() => emptyStringArray);
-  const staleIndexes = existingIndexes.filter((indexFile) => {
-    const indexName = indexFile.replace(/\.tsx$/, "");
-    return indexName !== "_refresh" && !currentPageNames.has(indexName);
-  });
-  if (staleIndexes.length > 0) {
-    await Promise.all(staleIndexes.map((indexFile) => {
-      indexContentCache.delete(join2(reactIndexesDirectory, indexFile));
-      return rm(join2(reactIndexesDirectory, indexFile), {
-        force: true
-      });
-    }));
-  }
-  const pagesRelPath = relative2(resolve6(reactIndexesDirectory), resolve6(reactPagesDirectory)).split(sep).join("/");
-  const promises = files.map(async (file2) => {
-    const fileName = basename2(file2);
-    const [componentName] = fileName.split(".");
-    const hmrPreamble = isDev2 ? [
-      `window.__HMR_FRAMEWORK__ = "react";`,
-      `window.__REACT_COMPONENT_KEY__ = "${componentName}Index";`,
-      `import '${refreshSetupPath}';`,
-      `import '${hmrClientPath}';`,
-      `import { showErrorOverlay, hideErrorOverlay } from '${errorOverlayPath}';
-`
-    ] : [];
-    const reactImports = isDev2 ? [
-      `import { hydrateRoot, createRoot } from 'react-dom/client';`,
-      `import { createElement, Component } from 'react';`
-    ] : [
-      `import { hydrateRoot, createRoot } from 'react-dom/client';`,
-      `import { createElement } from 'react';`
-    ];
-    const errorBoundaryDef = isDev2 ? [
-      `
-// Dev-only Error Boundary to catch React render errors`,
-      `class ErrorBoundary extends Component {`,
-      `	constructor(props) {`,
-      `		super(props);`,
-      `		this.state = { hasError: false };`,
-      `		window.__ERROR_BOUNDARY__ = this;`,
-      `	}`,
-      `	static getDerivedStateFromError() {`,
-      `		return { hasError: true };`,
-      `	}`,
-      `	componentDidCatch(error) {`,
-      `		showErrorOverlay({`,
-      `			framework: 'react',`,
-      `			kind: 'runtime',`,
-      `			message: error && error.stack ? error.stack : String(error)`,
-      `		});`,
-      `	}`,
-      `	componentDidUpdate(prevProps, prevState) {`,
-      `		if (prevState.hasError && !this.state.hasError) {`,
-      `			hideErrorOverlay();`,
-      `		}`,
-      `	}`,
-      `	reset() {`,
-      `		this.setState({ hasError: false });`,
-      `	}`,
-      `	render() {`,
-      `		if (this.state.hasError) return null;`,
-      ``,
-      `		return this.props.children;`,
-      `	}`,
-      `}
-`
-    ] : [];
-    const content = [
-      ...hmrPreamble,
-      ...reactImports,
-      `import type { ComponentType } from 'react'`,
-      `import { ${componentName} } from '${pagesRelPath}/${componentName}';
-`,
-      `type PropsOf<C> = C extends ComponentType<infer P> ? P : never;
-`,
-      `declare global {`,
-      `	interface Window {`,
-      `		__INITIAL_PROPS__?: PropsOf<typeof ${componentName}>`,
-      `		__REACT_ROOT__?: ReturnType<typeof hydrateRoot | typeof createRoot>`,
-      `		__HMR_CLIENT_ONLY_MODE__?: boolean`,
-      `	}`,
-      `}
-`,
-      ...errorBoundaryDef,
-      `// Hydration with error handling and fallback`,
-      `const isDev = ${isDev2};`,
-      `const componentPath = '${pagesRelPath}/${componentName}';
-`,
-      `function isHydrationError(error) {`,
-      `	if (!error) return false;`,
-      `	const errorMessage = error instanceof Error ? error.message : String(error);`,
-      `	const errorString = String(error);`,
-      `	const fullMessage = errorMessage + ' ' + errorString;`,
-      `	const hydrationKeywords = ['hydration', 'Hydration', 'mismatch', 'Mismatch', 'did not match', 'server rendered HTML', 'server HTML', 'client HTML', 'Hydration failed'];`,
-      `	const isHydration = hydrationKeywords.some(keyword => fullMessage.includes(keyword));`,
-      `	`,
-      `	// Ignore whitespace-only mismatches in <head> - these are harmless formatting differences`,
-      `	// The error often shows: + <link...> vs - {"\\n            "} which is just formatting`,
-      `	if (isHydration) {`,
-      `		// Check if this is a head/link/stylesheet related mismatch`,
-      `		const isHeadRelated = fullMessage.includes('<head') || fullMessage.includes('</head>') || fullMessage.includes('head>') || fullMessage.includes('<link') || fullMessage.includes('link>') || fullMessage.includes('stylesheet') || fullMessage.includes('fonts.googleapis') || fullMessage.includes('rel="stylesheet"');`,
-      `		`,
-      `		// Check if the mismatch involves only whitespace/newlines`,
-      `		// Pattern: looks for {"\\n"} or {"\\n            "} or similar whitespace-only content`,
-      `		// Also check for patterns like: - {"\\n            "} or + <link...>`,
-      `		const hasWhitespacePattern = /\\{\\s*["']\\\\n[^"']*["']\\s*\\}/.test(fullMessage) || /\\{\\s*["'][\\\\n\\\\r\\\\s]+["']\\s*\\}/.test(fullMessage) || /-\\s*\\{\\s*["'][\\\\n\\\\r\\\\s]+["']\\s*\\}/.test(fullMessage);`,
-      `		const isWhitespaceOnly = /^[\\s\\n\\r]*$/.test(errorString) || /^[\\s\\n\\r]*$/.test(errorMessage);`,
-      `		const hasNewlinePattern = fullMessage.includes('\\\\n') || fullMessage.includes('\\\\r') || fullMessage.includes('\\n') || fullMessage.includes('\\r');`,
-      `		`,
-      `		// If it's head-related and involves whitespace/newlines, ignore it`,
-      `		if (isHeadRelated && (hasWhitespacePattern || isWhitespaceOnly || hasNewlinePattern)) {`,
-      `			return false; // Don't treat whitespace-only head mismatches as errors`,
-      `		}`,
-      `	}`,
-      `	return isHydration;`,
-      `}
-`,
-      `function logHydrationError(error, componentName) {`,
-      `	if (!isDev) return;`,
-      `	if (window.__HMR_WS__ && window.__HMR_WS__.readyState === WebSocket.OPEN) {`,
-      `		try {`,
-      `			window.__HMR_WS__.send(JSON.stringify({`,
-      `				type: 'hydration-error',`,
-      `				data: {`,
-      `					componentName: '${componentName}',`,
-      `					componentPath: componentPath,`,
-      `					error: error instanceof Error ? error.message : String(error),`,
-      `					timestamp: Date.now()`,
-      `				}`,
-      `			}));`,
-      `		} catch (err) {}`,
-      `	}`,
-      `}
-`,
-      `// Track if we've already switched to client-only mode`,
-      `let hasSwitchedToClientOnly = false;`,
-      `let hydrationErrorDetected = false;
-`,
-      `function handleHydrationFallback(error) {`,
-      `	if (hasSwitchedToClientOnly) return; // Already handled`,
-      `	hasSwitchedToClientOnly = true;`,
-      `	hydrationErrorDetected = true;
-`,
-      `	logHydrationError(error, '${componentName}');
-`,
-      `	// Fallback: client-only render (no hydration)`,
-      `	try {`,
-      `		// Unmount existing root if it exists`,
-      `		if (window.__REACT_ROOT__ && typeof window.__REACT_ROOT__.unmount === 'function') {`,
-      `			try {`,
-      `			window.__REACT_ROOT__.unmount();`,
-      `			} catch (e) {`,
-      `				// Ignore unmount errors`,
-      `			}`,
-      `		}
-`,
-      `		// Render into the same root container when falling back to client-only`,
-      `		const root = createRoot(container);`,
-      `		root.render(${isDev2 ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`});`,
-      `		window.__REACT_ROOT__ = root;`,
-      `		window.__HMR_CLIENT_ONLY_MODE__ = true;`,
-      `	} catch (fallbackError) {`,
-      `		window.location.reload();`,
-      `	}`,
-      `}
-`,
-      `// HMR State Preservation: Check for preserved state and merge with initial props`,
-      `// This allows state to be preserved across HMR updates without modifying component files`,
-      `let preservedState = (typeof window !== 'undefined' && window.__HMR_PRESERVED_STATE__) ? window.__HMR_PRESERVED_STATE__ : {};
-`,
-      `// Also check sessionStorage for state that survived a page reload (for React HMR)`,
-      `if (typeof window !== 'undefined' && typeof sessionStorage !== 'undefined') {`,
-      `	const hmrStateJson = sessionStorage.getItem('__REACT_HMR_STATE__');`,
-      `	if (hmrStateJson) {`,
-      `		try {`,
-      `			const hmrState = JSON.parse(hmrStateJson);`,
-      `			preservedState = { ...preservedState, ...hmrState };`,
-      `			sessionStorage.removeItem('__REACT_HMR_STATE__');`,
-      `		} catch (e) {}`,
-      `	}`,
-      `}
-`,
-      `const mergedProps = { ...(window.__INITIAL_PROPS__ || {}), ...preservedState };`,
-      `// Clear preserved state after using it (so it doesn't persist across multiple updates)`,
-      `if (typeof window !== 'undefined') {`,
-      `	window.__HMR_PRESERVED_STATE__ = undefined;`,
-      `}
-`,
-      `// Attempt hydration with error handling`,
-      `// Use document (not document.body) when the page renders <html><head><body>`,
-      `// to avoid "In HTML, <html> cannot be a child of <body>" hydration error`,
-      `const container = typeof document !== 'undefined' ? document : null;`,
-      `if (!container) {`,
-      `	throw new Error('React root container not found: document is null');`,
-      `}
-`,
-      `// Guard: only hydrate on first load. During HMR re-imports, skip hydration`,
-      `// so React Fast Refresh can swap components in-place and preserve state.`,
-      `if (!window.__REACT_ROOT__) {`,
-      `	let root;`,
-      `	// After HMR, SSR is skipped to avoid stale content flash \u2014 render client-only`,
-      `	if (window.__SSR_DIRTY__) {`,
-      `		root = createRoot(container);`,
-      `		root.render(${isDev2 ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`});`,
-      `		window.__REACT_ROOT__ = root;`,
-      `	} else {`,
-      `	try {`,
-      `		// Use onRecoverableError to catch hydration errors (React 19)`,
-      `		root = hydrateRoot(`,
-      `			container,`,
-      `			${isDev2 ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`},`,
-      `			{`,
-      `				onRecoverableError: (error) => {`,
-      `					// Check if this is a hydration error (isHydrationError filters out whitespace-only head mismatches)`,
-      `					if (isDev && isHydrationError(error)) {`,
-      `						// Real hydration error - handle it`,
-      `						handleHydrationFallback(error);`,
-      `					} else {`,
-      `						// Not a hydration error, or it's a whitespace-only mismatch that was filtered out`,
-      `						// Check if it's a whitespace-only head mismatch using the same logic as isHydrationError`,
-      `						const errorMessage = error instanceof Error ? error.message : String(error);`,
-      `						const errorString = String(error);`,
-      `						const fullMessage = errorMessage + ' ' + errorString;`,
-      `						const hydrationKeywords = ['hydration', 'Hydration', 'mismatch', 'Mismatch', 'did not match', 'server rendered HTML', 'server HTML', 'client HTML', 'Hydration failed'];`,
-      `						const isHydration = hydrationKeywords.some(keyword => fullMessage.includes(keyword));`,
-      `						if (isHydration) {`,
-      `							// Check if this is a head/link/stylesheet related mismatch`,
-      `							const isHeadRelated = fullMessage.includes('<head') || fullMessage.includes('</head>') || fullMessage.includes('head>') || fullMessage.includes('<link') || fullMessage.includes('link>') || fullMessage.includes('stylesheet') || fullMessage.includes('fonts.googleapis') || fullMessage.includes('rel="stylesheet"');`,
-      `							// Check if the mismatch involves only whitespace/newlines`,
-      `							const hasWhitespacePattern = /\\{\\s*["']\\\\n[^"']*["']\\s*\\}/.test(fullMessage) || /\\{\\s*["'][\\\\n\\\\r\\\\s]+["']\\s*\\}/.test(fullMessage) || /-\\s*\\{\\s*["'][\\\\n\\\\r\\\\s]+["']\\s*\\}/.test(fullMessage);`,
-      `							const isWhitespaceOnly = /^[\\s\\n\\r]*$/.test(errorString) || /^[\\s\\n\\r]*$/.test(errorMessage);`,
-      `							const hasNewlinePattern = fullMessage.includes('\\\\n') || fullMessage.includes('\\\\r') || fullMessage.includes('\\n') || fullMessage.includes('\\r');`,
-      `							// If it's head-related and involves whitespace/newlines, silently ignore it`,
-      `							if (isHeadRelated && (hasWhitespacePattern || isWhitespaceOnly || hasNewlinePattern)) {`,
-      `								// Already logged by isHydrationError, just return silently`,
-      `								return;`,
-      `							}`,
-      `						}`,
-      `						// Log other recoverable errors`,
-      `						console.error('React recoverable error:', error);`,
-      `					}`,
-      `				}`,
-      `			}`,
-      `		);`,
-      `		window.__REACT_ROOT__ = root;`,
-      `	} catch (error) {`,
-      `		// Catch synchronous errors (shouldn't happen with hydrateRoot, but safety net)`,
-      `		if (isDev && isHydrationError(error)) {`,
-      `			handleHydrationFallback(error);`,
-      `		} else {`,
-      `			throw error;`,
-      `		}`,
-      `	}`,
-      `	} // end else (normal hydration path)
-`,
-      `	// Also listen for hydration errors via console.error (React logs them there)`,
-      `	if (isDev) {`,
-      `		const originalError = console.error;`,
-      `		console.error = function(...args) {`,
-      `			const errorMessage = args.map(arg => {`,
-      `				if (arg instanceof Error) return arg.message;`,
-      `				return String(arg);`,
-      `			}).join(' ');`,
-      `			`,
-      `			// Check if this is a hydration error`,
-      `			if (isHydrationError({ message: errorMessage }) && !hydrationErrorDetected) {`,
-      `				hydrationErrorDetected = true;`,
-      `				// Create a synthetic error for fallback`,
-      `				const syntheticError = new Error(errorMessage);`,
-      `				// Use setTimeout to ensure this happens after React's error handling`,
-      `				setTimeout(() => {`,
-      `					handleHydrationFallback(syntheticError);`,
-      `				}, 0);`,
-      `			}`,
-      `			`,
-      `			// Call original console.error`,
-      `			originalError.apply(console, args);`,
-      `		};`,
-      `	}`,
-      `}`,
-      ...isDev2 ? [
-        `
-// Pre-warm: import the page module from the module server`,
-        `// immediately so the browser caches all /@src/ URLs.`,
-        `import('/@src/${relative2(process.cwd(), resolve6(reactPagesDirectory, `${componentName}.tsx`)).replace(/\\/g, "/")}').catch(() => {});`
-      ] : []
-    ].join(`
-`);
-    const indexPath = join2(reactIndexesDirectory, `${componentName}.tsx`);
-    const hasher = new Bun.CryptoHasher("md5");
-    hasher.update(content);
-    const contentHash = hasher.digest("hex");
-    if (indexContentCache.get(indexPath) === contentHash && existsSync3(indexPath)) {
-      return;
-    }
-    indexContentCache.set(indexPath, contentHash);
-    await writeFile(indexPath, content);
-  });
-  await Promise.all(promises);
-  if (!isDev2) {
-    return;
-  }
-  const refreshPath = join2(reactIndexesDirectory, "_refresh.tsx");
-  if (!existsSync3(refreshPath)) {
-    await writeFile(refreshPath, `import '${refreshSetupPath}';
-import 'react';
-import 'react-dom/client';
-`);
-  }
-};
-var init_generateReactIndexes = __esm(() => {
-  indexContentCache = new Map;
-  devClientDir = resolveDevClientDir();
-  errorOverlayPath = join2(devClientDir, "errorOverlay.ts").replace(/\\/g, "/");
-  hmrClientPath = join2(devClientDir, "hmrClient.ts").replace(/\\/g, "/");
-  refreshSetupPath = join2(devClientDir, "reactRefreshSetup.ts").replace(/\\/g, "/");
-});
-// src/build/islandBindingCompat.ts
-import { resolve as resolve7 } from "path";
-var packageToFramework, compatFileNames, normalize = (value) => value.replace(/\\/g, "/"), isFrameworkPackage = (value) => (value in packageToFramework), resolveIslandCompatModule = (specifier, importer, frameworkDirs) => {
-  if (!isFrameworkPackage(specifier)) {
-    return null;
-  }
-  const framework = packageToFramework[specifier];
-  const frameworkDir = frameworkDirs[framework];
-  if (!frameworkDir) {
-    return null;
-  }
-  const normalizedImporter = normalize(importer);
-  const normalizedFrameworkDir = normalize(resolve7(frameworkDir));
-  if (!normalizedImporter.startsWith(normalizedFrameworkDir)) {
-    return null;
-  }
-  if (normalizedImporter.includes("/generated/absolute-") || normalizedImporter.includes("/generated/Island.") || normalizedImporter.includes("/generated/islands.")) {
-    return null;
-  }
-  return resolve7(frameworkDir, "generated", compatFileNames[framework]);
-};
-var init_islandBindingCompat = __esm(() => {
-  packageToFramework = {
-    "@absolutejs/absolute/angular": "angular",
-    "@absolutejs/absolute/react": "react",
-    "@absolutejs/absolute/svelte": "svelte",
-    "@absolutejs/absolute/vue": "vue"
-  };
-  compatFileNames = {
-    angular: "absolute-angular.ts",
-    react: "absolute-react.ts",
-    svelte: "absolute-svelte.ts",
-    vue: "absolute-vue.ts"
-  };
-});
-// src/build/islandBindingPlugin.ts
-var exports_islandBindingPlugin = {};
-__export(exports_islandBindingPlugin, {
-  createIslandBindingPlugin: () => createIslandBindingPlugin
-});
-var createIslandBindingPlugin = (frameworkDirs) => ({
-  name: "absolute-island-binding-plugin",
-  setup(build2) {
-    build2.onResolve({
-      filter: /^@absolutejs\/absolute\/(react|vue|svelte|angular)$/
-    }, (args) => {
-      const redirected = resolveIslandCompatModule(args.path, args.importer, frameworkDirs);
-      if (!redirected) {
-        return;
-      }
-      return {
-        path: redirected
-      };
-    });
-  }
-});
-var init_islandBindingPlugin = __esm(() => {
-  init_islandBindingCompat();
-});
-// src/build/wrapHTMLScript.ts
-var wrapHTMLScriptWithHMR = (code, scriptId) => {
-  const escapedId = JSON.stringify(scriptId);
-  return `${code}
-// HMR acceptance - allows this script to be hot-reloaded
-if (typeof import.meta !== "undefined" && import.meta.hot) {
-  import.meta.hot.accept();
-  console.log('[HMR] Script ready:', ${escapedId});
-}
-`;
-};
-// src/build/htmlScriptHMRPlugin.ts
-var scriptLoaders, toLoader = (ext) => {
-  for (const loader of scriptLoaders) {
-    if (loader === ext)
-      return loader;
-  }
-  return "ts";
-}, createHTMLScriptHMRPlugin = (htmlDir, htmxDir) => ({
-  name: "html-script-hmr",
-  setup(build2) {
-    build2.onLoad({ filter: /\.(ts|js|tsx|jsx)$/ }, async (args) => {
-      const normalizedPath = args.path.replace(/\\/g, "/");
-      const isHtmlScript = htmlDir && normalizedPath.includes(htmlDir.replace(/\\/g, "/")) && normalizedPath.includes("/scripts/");
-      const isHtmxScript = htmxDir && normalizedPath.includes(htmxDir.replace(/\\/g, "/")) && normalizedPath.includes("/scripts/");
-      if (!isHtmlScript && !isHtmxScript) {
-        return;
-      }
-      const text = await Bun.file(args.path).text();
-      const wrapped = wrapHTMLScriptWithHMR(text, normalizedPath);
-      const ext = args.path.split(".").pop() ?? "ts";
-      const loader = toLoader(ext);
-      return {
-        contents: wrapped,
-        loader
-      };
-    });
-  }
-});
-var init_htmlScriptHMRPlugin = __esm(() => {
-  scriptLoaders = new Set(["ts", "js", "tsx", "jsx"]);
-});
 // src/angular/injectorPatch.ts
-import { existsSync as existsSync4, readFileSync as readFileSync2, writeFileSync as writeFileSync3 } from "fs";
-import { dirname as dirname4, join as join3, resolve as resolve8 } from "path";
+import { existsSync, readFileSync, writeFileSync } from "fs";
+import { dirname, join, resolve } from "path";
 var applyInjectorPatch = (chunkPath, content) => {
   if (content.includes('Symbol.for("angular.currentInjector")')) {
     return;
@@ -1619,18 +239,18 @@ var applyInjectorPatch = (chunkPath, content) => {
   if (patched === content) {
     return;
   }
-  writeFileSync3(chunkPath, patched, "utf-8");
+  writeFileSync(chunkPath, patched, "utf-8");
 }, resolveAngularCoreDir = () => {
-  const fromProject = resolve8(process.cwd(), "node_modules/@angular/core");
-  if (existsSync4(join3(fromProject, "package.json"))) {
+  const fromProject = resolve(process.cwd(), "node_modules/@angular/core");
+  if (existsSync(join(fromProject, "package.json"))) {
     return fromProject;
   }
-  return dirname4(__require.resolve("@angular/core/package.json"));
+  return dirname(__require.resolve("@angular/core/package.json"));
 }, patchAngularInjectorSingleton = () => {
   try {
     const coreDir = resolveAngularCoreDir();
-    const chunkPath = join3(coreDir, "fesm2022", "_not_found-chunk.mjs");
-    const content = readFileSync2(chunkPath, "utf-8");
+    const chunkPath = join(coreDir, "fesm2022", "_not_found-chunk.mjs");
+    const content = readFileSync(chunkPath, "utf-8");
     applyInjectorPatch(chunkPath, content);
   } catch {}
 };
@@ -1639,11 +259,11 @@ var init_injectorPatch = __esm(() => {
 });
 // src/angular/resolveAngularPackage.ts
-import { existsSync as existsSync5 } from "fs";
-import { resolve as resolve9 } from "path";
+import { existsSync as existsSync2 } from "fs";
+import { resolve as resolve2 } from "path";
 var resolveAngularPackage = (specifier) => {
-  const fromProject = resolve9(process.cwd(), "node_modules", specifier);
-  if (existsSync5(fromProject)) {
+  const fromProject = resolve2(process.cwd(), "node_modules", specifier);
+  if (existsSync2(fromProject)) {
     return fromProject;
   }
   return specifier;
@@ -1737,6 +357,14 @@ var init_angularDeps = __esm(() => {
   init_resolveAngularPackage();
 });
+// src/utils/stringModifiers.ts
+var normalizeSlug = (str) => str.trim().replace(/\s+/g, "-").replace(/[^A-Za-z0-9\-_]+/g, "").replace(/[-_]{2,}/g, "-"), toKebab = (str) => normalizeSlug(str).replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), toPascal = (str) => {
+  if (!str.includes("-") && !str.includes("_")) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+  }
+  return normalizeSlug(str).split(/[-_]/).filter(Boolean).map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1).toLowerCase()).join("");
+}, toScreamingSnake = (str) => str.replace(/([a-z0-9])([A-Z])/g, "$1_$2").toUpperCase();
 // src/utils/registerClientScript.ts
 var scriptRegistry, requestCounter = 0, getRequestId = () => `req_${Date.now()}_${++requestCounter}`, ssrContextGetter = null, getSsrContextId = () => ssrContextGetter?.() || Object.getOwnPropertyDescriptor(globalThis, "__absolutejs_requestId")?.value, registerClientScript = (script, requestId) => {
   const id = requestId || getSsrContextId() || getRequestId();
@@ -3278,8 +1906,8 @@ class SourceMapGenerator {
   lines = [];
   lastCol0 = 0;
   hasMappings = false;
-  constructor(file2 = null) {
-    this.file = file2;
+  constructor(file = null) {
+    this.file = file;
   }
   addSource(url, content = null) {
     if (!this.sourcesContent.has(url)) {
@@ -5172,8 +3800,8 @@ class ParseLocation {
   offset;
   line;
   col;
-  constructor(file2, offset, line, col) {
-    this.file = file2;
+  constructor(file, offset, line, col) {
+    this.file = file;
     this.offset = offset;
     this.line = line;
     this.col = col;
@@ -5906,12 +4534,12 @@ class ShadowCss {
     let scopedSelector = "";
     let startIndex = 0;
     let res;
-    const sep2 = /( |>|\+|~(?!=))(?!([^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\)))\s*/g;
+    const sep = /( |>|\+|~(?!=))(?!([^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\)))\s*/g;
     const hasHost = selector.includes(_polyfillHostNoCombinator);
     if (isParentSelector || this._shouldScopeIndicator) {
       this._shouldScopeIndicator = !hasHost;
     }
-    while ((res = sep2.exec(selector)) !== null) {
+    while ((res = sep.exec(selector)) !== null) {
       const separator = res[1];
       const part2 = selector.slice(startIndex, res.index);
       if (part2.match(/__esc-ph-(\d+)__/) && selector[res.index + 1]?.match(/[a-fA-F\d]/)) {
@@ -5919,7 +4547,7 @@ class ShadowCss {
       }
       const scopedPart = _pseudoFunctionAwareScopeSelectorPart(part2);
       scopedSelector += `${scopedPart} ${separator} `;
-      startIndex = sep2.lastIndex;
+      startIndex = sep.lastIndex;
     }
     const part = selector.substring(startIndex);
     scopedSelector += _pseudoFunctionAwareScopeSelectorPart(part);
@@ -22376,13 +21004,13 @@ function getTemplateExpression(template2, templateInfo) {
     return literal(templateInfo.content, null, null);
   }
   const contents = templateInfo.content;
-  const file2 = new ParseSourceFile(contents, templateInfo.sourceUrl);
-  const start = new ParseLocation(file2, 0, 0, 0);
-  const end = computeEndLocation(file2, contents);
+  const file = new ParseSourceFile(contents, templateInfo.sourceUrl);
+  const start = new ParseLocation(file, 0, 0, 0);
+  const end = computeEndLocation(file, contents);
   const span = new ParseSourceSpan(start, end);
   return literal(contents, null, span);
 }
-function computeEndLocation(file2, contents) {
+function computeEndLocation(file, contents) {
   const length = contents.length;
   let lineStart = 0;
   let lastLineStart = 0;
@@ -22395,7 +21023,7 @@ function computeEndLocation(file2, contents) {
       line++;
     }
   } while (lineStart !== -1);
-  return new ParseLocation(file2, length, line, length - lastLineStart);
+  return new ParseLocation(file, length, line, length - lastLineStart);
 }
 function compileUsedDependenciesMetadata(meta) {
   const wrapType = meta.declarationListEmitMode !== 0 ? generateForwardRef : (expr) => expr;
@@ -30916,7 +29544,7 @@ If '${name}' is a directive input, make sure the directive is imported by the` +
         transUnits.push(new CR(6), transUnit);
       });
       const body = new Tag("body", {}, [...transUnits, new CR(4)]);
-      const file2 = new Tag("file", {
+      const file = new Tag("file", {
         "source-language": locale || _DEFAULT_SOURCE_LANG$1,
         datatype: "plaintext",
         original: "ng2.template"
@@ -30924,7 +29552,7 @@ If '${name}' is a directive input, make sure the directive is imported by the` +
       const xliff = new Tag("xliff", {
         version: _VERSION$1,
         xmlns: _XMLNS$1
-      }, [new CR(2), file2, new CR]);
+      }, [new CR(2), file, new CR]);
       return serialize$1([new Declaration({
         version: "1.0",
         encoding: "UTF-8"
@@ -30994,7 +29622,7 @@ ${errors.join(`
         unit.children.push(new CR(6), segment, new CR(4));
         units.push(new CR(4), unit);
       });
-      const file2 = new Tag("file", {
+      const file = new Tag("file", {
         original: "ng.template",
         id: "ngi18n"
       }, [...units, new CR(2)]);
@@ -31002,7 +29630,7 @@ ${errors.join(`
         version: _VERSION,
         xmlns: _XMLNS,
         srcLang: locale || _DEFAULT_SOURCE_LANG
-      }, [new CR(2), file2, new CR]);
+      }, [new CR(2), file, new CR]);
       return serialize$1([new Declaration({
         version: "1.0",
         encoding: "UTF-8"
@@ -31338,414 +29966,1789 @@ var ISLAND_TAG_RE, extractIslandAttribute = (attributeString, name) => {
   if (quotedMatch?.[1]) {
     return { expression: JSON.stringify(quotedMatch[1]), found: true };
   }
-  const attributeIndex = attributeString.search(new RegExp(`\\b${name}\\s*=\\s*\\{`));
-  if (attributeIndex >= 0) {
-    const braceStart = attributeString.indexOf("{", attributeIndex);
-    if (braceStart >= 0) {
-      let depth = 0;
-      for (let index = braceStart;index < attributeString.length; index += 1) {
-        const char = attributeString[index];
-        if (char === "{") {
-          depth += 1;
-        }
-        if (char === "}") {
-          depth -= 1;
-          if (depth === 0) {
-            return {
-              expression: attributeString.slice(braceStart + 1, index).trim(),
-              found: true
-            };
-          }
-        }
-      }
-    }
+  const attributeIndex = attributeString.search(new RegExp(`\\b${name}\\s*=\\s*\\{`));
+  if (attributeIndex >= 0) {
+    const braceStart = attributeString.indexOf("{", attributeIndex);
+    if (braceStart >= 0) {
+      let depth = 0;
+      for (let index = braceStart;index < attributeString.length; index += 1) {
+        const char = attributeString[index];
+        if (char === "{") {
+          depth += 1;
+        }
+        if (char === "}") {
+          depth -= 1;
+          if (depth === 0) {
+            return {
+              expression: attributeString.slice(braceStart + 1, index).trim(),
+              found: true
+            };
+          }
+        }
+      }
+    }
+  }
+  return { expression: "", found: false };
+}, lowerSvelteIslandSyntax = (source, mode = "server") => {
+  if (!source.includes("<Island")) {
+    return { code: source, transformed: false };
+  }
+  let islandIndex = 0;
+  const transformedMarkup = source.replace(ISLAND_TAG_RE, (fullMatch, attributeString) => {
+    const framework = extractIslandAttribute(attributeString, "framework");
+    const component = extractIslandAttribute(attributeString, "component");
+    if (!framework.found || !component.found) {
+      return fullMatch;
+    }
+    const hydrate = extractIslandAttribute(attributeString, "hydrate");
+    const props = extractIslandAttribute(attributeString, "props");
+    const slotId = `absolute-svelte-island-${islandIndex.toString(BASE_36_RADIX)}`;
+    islandIndex += 1;
+    const resolveExpression = `await __absoluteResolveIslandHtml(${JSON.stringify(slotId)}, { component: ${component.expression}, framework: ${framework.expression}, hydrate: ${hydrate.found ? hydrate.expression : JSON.stringify("load")}, props: ${props.found ? props.expression : "{}"} })`;
+    return `<div data-absolute-island-slot="${slotId}" style="display: contents">{@html ${resolveExpression}}</div>`;
+  });
+  const importLine = 'import { resolveIslandHtml as __absoluteResolveIslandHtml } from "@absolutejs/absolute/svelte";';
+  if (transformedMarkup.includes("<script")) {
+    return {
+      code: transformedMarkup.replace(/<script(\s[^>]*)?>/, (match) => `${match}
+${importLine}
+`),
+      transformed: true
+    };
+  }
+  return {
+    code: `<script lang="ts">
+${importLine}
+</script>
+${transformedMarkup}`,
+    transformed: true
+  };
+};
+var init_lowerIslandSyntax = __esm(() => {
+  init_constants();
+  ISLAND_TAG_RE = /<Island\b([\s\S]*?)\/>/g;
+});
+// src/core/svelteServerModule.ts
+import { mkdir } from "fs/promises";
+import { dirname as dirname2, extname, join as join2, relative, resolve as resolve3 } from "path";
+var serverCacheRoot, compiledModuleCache, transpiler, ensureRelativeImportPath = (from, to) => {
+  const importPath = relative(dirname2(from), to).replace(/\\/g, "/");
+  return importPath.startsWith(".") ? importPath : `./${importPath}`;
+}, resolveRelativeModule = async (spec, from) => {
+  if (!spec.startsWith(".")) {
+    return null;
+  }
+  const basePath = resolve3(dirname2(from), spec);
+  const candidates = [
+    basePath,
+    `${basePath}.ts`,
+    `${basePath}.js`,
+    `${basePath}.mjs`,
+    `${basePath}.cjs`,
+    `${basePath}.json`,
+    join2(basePath, "index.ts"),
+    join2(basePath, "index.js"),
+    join2(basePath, "index.mjs"),
+    join2(basePath, "index.cjs"),
+    join2(basePath, "index.json")
+  ];
+  for (const candidate of candidates) {
+    if (await Bun.file(candidate).exists() === true) {
+      return candidate;
+    }
+  }
+  return null;
+}, getCachedModulePath = (sourcePath) => {
+  const relativeSourcePath = relative(process.cwd(), sourcePath).replace(/\\/g, "/");
+  const normalizedSourcePath = relativeSourcePath.startsWith("..") ? sourcePath.replace(/[:\\/]/g, "_") : relativeSourcePath;
+  return join2(serverCacheRoot, `${normalizedSourcePath}.server.js`);
+}, resolveSvelteImport = async (spec, from) => {
+  if (spec.startsWith("/")) {
+    return spec;
+  }
+  if (!spec.startsWith(".")) {
+    return null;
+  }
+  const explicitPath = resolve3(dirname2(from), spec);
+  if (extname(explicitPath) === ".svelte") {
+    return explicitPath;
+  }
+  const candidate = `${explicitPath}.svelte`;
+  if (await Bun.file(candidate).exists() === true) {
+    return candidate;
+  }
+  return null;
+}, writeIfChanged = async (path, content) => {
+  const targetFile = Bun.file(path);
+  const exists = await targetFile.exists();
+  if (exists) {
+    const currentContent = await targetFile.text();
+    if (currentContent === content) {
+      return;
+    }
+  }
+  await Bun.write(path, content);
+}, compileSvelteServerModule = async (sourcePath) => {
+  const cachedModulePath = compiledModuleCache.get(sourcePath);
+  if (cachedModulePath) {
+    return cachedModulePath;
+  }
+  const source = await Bun.file(sourcePath).text();
+  const { compile, preprocess } = await import("svelte/compiler");
+  const loweredSource = lowerSvelteIslandSyntax(source, "server");
+  const preprocessed = await preprocess(loweredSource.code, {});
+  const transpiled = sourcePath.endsWith(".ts") || sourcePath.endsWith(".svelte.ts") ? transpiler.transformSync(preprocessed.code) : preprocessed.code;
+  const childImportSpecs = Array.from(transpiled.matchAll(/from\s+['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((value) => value !== undefined);
+  const resolvedChildModules = await Promise.all(childImportSpecs.map((spec) => resolveSvelteImport(spec, sourcePath)));
+  const resolvedModuleImports = await Promise.all(childImportSpecs.map((spec) => resolveRelativeModule(spec, sourcePath)));
+  const childModulePaths = new Map;
+  const rewrittenModulePaths = new Map;
+  for (let index = 0;index < childImportSpecs.length; index += 1) {
+    const spec = childImportSpecs[index];
+    const resolvedChild = resolvedChildModules[index];
+    if (!spec || !resolvedChild)
+      continue;
+    const compiledChildPath = await compileSvelteServerModule(resolvedChild);
+    childModulePaths.set(spec, compiledChildPath);
+  }
+  for (let index = 0;index < childImportSpecs.length; index += 1) {
+    const spec = childImportSpecs[index];
+    const resolvedModuleImport = resolvedModuleImports[index];
+    if (!spec || !resolvedModuleImport)
+      continue;
+    if (resolvedChildModules[index])
+      continue;
+    rewrittenModulePaths.set(spec, ensureRelativeImportPath(getCachedModulePath(sourcePath), resolvedModuleImport));
+  }
+  let compiledCode = compile(transpiled, {
+    css: "injected",
+    experimental: {
+      async: loweredSource.transformed
+    },
+    filename: sourcePath,
+    generate: "server"
+  }).js.code;
+  for (const [spec, compiledChildPath] of childModulePaths) {
+    compiledCode = compiledCode.replaceAll(spec, ensureRelativeImportPath(getCachedModulePath(sourcePath), compiledChildPath));
+  }
+  for (const [spec, resolvedModuleImport] of rewrittenModulePaths) {
+    compiledCode = compiledCode.replaceAll(spec, resolvedModuleImport);
+  }
+  const compiledModulePath = getCachedModulePath(sourcePath);
+  await mkdir(dirname2(compiledModulePath), { recursive: true });
+  await writeIfChanged(compiledModulePath, compiledCode);
+  compiledModuleCache.set(sourcePath, compiledModulePath);
+  return compiledModulePath;
+};
+var init_svelteServerModule = __esm(() => {
+  init_lowerIslandSyntax();
+  serverCacheRoot = join2(process.cwd(), ".absolutejs", "islands", "svelte");
+  compiledModuleCache = new Map;
+  transpiler = new Bun.Transpiler({
+    loader: "ts",
+    target: "browser"
+  });
+});
+// src/core/islandMarkupAttributes.ts
+var getIslandMarkerAttributes = (props, islandId) => ({
+  "data-component": props.component,
+  "data-framework": props.framework,
+  "data-hydrate": props.hydrate ?? "load",
+  "data-island": "true",
+  ...islandId ? { "data-island-id": islandId } : {},
+  "data-props": serializeIslandProps(props.props)
+}), escapeHtmlAttribute = (value) => value.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;"), serializeIslandAttributes = (attributes) => Object.entries(attributes).map(([key, value]) => `${key}="${escapeHtmlAttribute(value)}"`).join(" ");
+var init_islandMarkupAttributes = __esm(() => {
+  init_islands();
+});
+// src/core/renderIslandMarkup.ts
+var islandSequence = 0, resolvedServerComponentCache, resolvedServerBuildComponentCache, nextIslandId = () => {
+  islandSequence += 1;
+  return `island-${islandSequence}`;
+}, isRecord2 = (value) => typeof value === "object" && value !== null, isReactServerIslandComponent = (value) => typeof value === "function", isSvelteServerIslandComponent = (value) => typeof value === "function", isVueServerIslandComponent = (value) => typeof value === "function" || isRecord2(value), isAngularServerIslandComponent = (value) => typeof value === "function", resolveBuildReferencePath = (source, registryPath) => source.startsWith("file://") ? new URL(source).pathname : source.startsWith(".") ? new URL(source, registryPath).pathname : source, loadServerBuildComponent = async (buildReferencePath) => {
+  const cachedBuildComponent = resolvedServerBuildComponentCache.get(buildReferencePath);
+  if (cachedBuildComponent) {
+    return cachedBuildComponent;
+  }
+  const loadPromise = (async () => {
+    const compiledModulePath = await compileSvelteServerModule(buildReferencePath);
+    const loadedModule = await import(compiledModulePath);
+    return "default" in loadedModule ? loadedModule.default : loadedModule;
+  })();
+  resolvedServerBuildComponentCache.set(buildReferencePath, loadPromise);
+  return loadPromise;
+}, loadServerImportComponent = async (resolvedComponent) => {
+  const resolvedModulePath = resolvedComponent.startsWith(".") ? new URL(resolvedComponent, import.meta.url).pathname : resolvedComponent;
+  const importTarget = resolvedModulePath.endsWith(".svelte") ? await compileSvelteServerModule(resolvedModulePath) : resolvedModulePath;
+  const loadedModule = await import(importTarget);
+  return "default" in loadedModule ? loadedModule.default : loadedModule;
+}, resolveServerIslandComponent = async (component) => {
+  const cachedResolvedComponent = resolvedServerComponentCache.get(component);
+  if (cachedResolvedComponent) {
+    return cachedResolvedComponent;
+  }
+  const resolutionPromise = (async () => {
+    const buildReference = getIslandBuildReference(component);
+    const buildReferencePath = buildReference?.source ? resolveBuildReferencePath(buildReference.source, import.meta.url) : null;
+    if (buildReferencePath?.endsWith(".svelte")) {
+      return loadServerBuildComponent(buildReferencePath);
+    }
+    const resolvedComponent = getIslandComponent(component);
+    if (typeof resolvedComponent !== "string") {
+      return resolvedComponent;
+    }
+    return loadServerImportComponent(resolvedComponent);
+  })();
+  resolvedServerComponentCache.set(component, resolutionPromise);
+  return resolutionPromise;
+}, resolveReactServerIslandComponent = async (component) => {
+  const resolvedComponent = await resolveServerIslandComponent(component);
+  if (!isReactServerIslandComponent(resolvedComponent)) {
+    throw new Error("Resolved React island is not a valid React component.");
+  }
+  return resolvedComponent;
+}, resolveSvelteServerIslandComponent = async (component) => {
+  const resolvedComponent = await resolveServerIslandComponent(component);
+  if (!isSvelteServerIslandComponent(resolvedComponent)) {
+    throw new Error("Resolved Svelte island is not a valid Svelte component.");
+  }
+  return resolvedComponent;
+}, resolveVueServerIslandComponent = async (component) => {
+  const resolvedComponent = await resolveServerIslandComponent(component);
+  if (!isVueServerIslandComponent(resolvedComponent)) {
+    throw new Error("Resolved Vue island is not a valid Vue component.");
+  }
+  return resolvedComponent;
+}, resolveAngularServerIslandComponent = async (component) => {
+  const resolvedComponent = await resolveServerIslandComponent(component);
+  if (!isAngularServerIslandComponent(resolvedComponent)) {
+    throw new Error("Resolved Angular island is not a valid Angular component.");
+  }
+  return resolvedComponent;
+}, renderIslandResult = async (registry, props) => {
+  const islandId = nextIslandId();
+  const attributes = getIslandMarkerAttributes(props);
+  if (props.framework === "react") {
+    const entry = registry.react?.[props.component];
+    if (!entry) {
+      throw new Error(`Island component "${props.component}" is not registered for framework "react".`);
+    }
+    const component = await resolveReactServerIslandComponent(entry);
+    const html = renderReactIslandToHtml(component, props.props);
+    return { attributes, html };
+  }
+  if (props.framework === "svelte") {
+    const entry = registry.svelte?.[props.component];
+    if (!entry) {
+      throw new Error(`Island component "${props.component}" is not registered for framework "svelte".`);
+    }
+    const component = await resolveSvelteServerIslandComponent(entry);
+    const html = renderSvelteIslandToHtml(component, props.props);
+    return { attributes, html };
+  }
+  if (props.framework === "vue") {
+    const entry = registry.vue?.[props.component];
+    if (!entry) {
+      throw new Error(`Island component "${props.component}" is not registered for framework "vue".`);
+    }
+    const component = await resolveVueServerIslandComponent(entry);
+    const html = await renderVueIslandToHtml(component, props.props);
+    return { attributes, html };
+  }
+  if (props.framework === "angular") {
+    const entry = registry.angular?.[props.component];
+    if (!entry) {
+      throw new Error(`Island component "${props.component}" is not registered for framework "angular".`);
+    }
+    const component = await resolveAngularServerIslandComponent(entry);
+    const html = await renderAngularIslandToHtml(component, props.props, islandId);
+    return {
+      attributes: {
+        ...getIslandMarkerAttributes(props, islandId)
+      },
+      html
+    };
+  }
+  throw new Error(`Framework "${props.framework}" is not implemented in this prototype.`);
+}, renderIslandMarkup = async (registry, props) => {
+  const result = await renderIslandResult(registry, props);
+  return `<div ${serializeIslandAttributes(result.attributes)}>${result.html}</div>`;
+};
+var init_renderIslandMarkup = __esm(() => {
+  init_islandSsr();
+  init_svelteServerModule();
+  init_islandMarkupAttributes();
+  init_islands();
+  resolvedServerComponentCache = new Map;
+  resolvedServerBuildComponentCache = new Map;
+});
+// src/build/islandEntries.ts
+import {
+  mkdirSync,
+  rmSync,
+  writeFileSync as writeFileSync2
+} from "fs";
+import { dirname as dirname3, extname as extname2, join as join3, relative as relative2, resolve as resolve4 } from "path";
+var frameworks, isRecord3 = (value) => typeof value === "object" && value !== null, resolveRegistryExport = (mod) => {
+  if (isRecord3(mod.islandRegistry))
+    return mod.islandRegistry;
+  if (isRecord3(mod.default))
+    return mod.default;
+  throw new Error("Island registry module must export `islandRegistry` or a default registry object.");
+}, normalizeImportPath = (wrapperPath, targetPath) => {
+  const importPath = relative2(dirname3(wrapperPath), targetPath).replace(/\\/g, "/");
+  return importPath.startsWith(".") ? importPath : `./${importPath}`;
+}, isIdentifier = (value) => /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(value), resolveIslandSourcePath = (registryPath, sourcePath) => {
+  if (sourcePath.startsWith("file://")) {
+    return new URL(sourcePath).pathname;
+  }
+  return resolve4(dirname3(registryPath), sourcePath);
+}, createRegistryImportCode = (wrapperPath, registryPath, hasNamedExport) => {
+  const normalizedPath = normalizeImportPath(wrapperPath, registryPath);
+  if (hasNamedExport) {
+    return {
+      importStatement: `import { islandRegistry as __absoluteIslandRegistry } from ${JSON.stringify(normalizedPath)};`,
+      registryReference: "__absoluteIslandRegistry"
+    };
+  }
+  return {
+    importStatement: `import __absoluteIslandRegistry from ${JSON.stringify(normalizedPath)};`,
+    registryReference: "__absoluteIslandRegistry"
+  };
+}, createDirectEntrySource = (wrapperPath, importPath, exportName) => {
+  const normalizedImportPath = normalizeImportPath(wrapperPath, importPath);
+  if (!exportName || exportName === "default") {
+    return `export { default } from ${JSON.stringify(normalizedImportPath)};
+`;
+  }
+  return `export { ${exportName} as default } from ${JSON.stringify(normalizedImportPath)};
+`;
+}, createRegistryEntrySource = (wrapperPath, registryPath, hasNamedExport, framework, component) => {
+  const { importStatement, registryReference } = createRegistryImportCode(wrapperPath, registryPath, hasNamedExport);
+  const frameworkAccess = isIdentifier(framework) ? `${registryReference}.${framework}` : `${registryReference}[${JSON.stringify(framework)}]`;
+  const componentAccess = isIdentifier(component) ? `${frameworkAccess}.${component}` : `${frameworkAccess}[${JSON.stringify(component)}]`;
+  return `${importStatement}
+const component = ${componentAccess};
+export default component;
+`;
+}, shouldUseCompiledClientPath = (framework, sourcePath) => {
+  if (framework === "svelte") {
+    return /\.svelte(?:\.(?:ts|js))?$/.test(sourcePath);
+  }
+  if (framework === "vue") {
+    return extname2(sourcePath) === ".vue";
+  }
+  return false;
+}, loadIslandRegistryBuildInfo = async (registryPath) => {
+  const resolvedRegistryPath = resolve4(registryPath);
+  const registryModule = await import(resolvedRegistryPath);
+  const registry = resolveRegistryExport(registryModule);
+  const definitions = [];
+  for (const framework of frameworks) {
+    const frameworkRegistry = registry[framework];
+    if (!isRecord3(frameworkRegistry))
+      continue;
+    for (const [component, value] of Object.entries(frameworkRegistry)) {
+      definitions.push({
+        buildReference: getIslandBuildReference(value),
+        component,
+        framework
+      });
+    }
+  }
+  return {
+    definitions,
+    hasNamedExport: isRecord3(registryModule.islandRegistry),
+    registry,
+    resolvedRegistryPath
+  };
+}, collectIslandFrameworkSources = (buildInfo) => {
+  const sources = {};
+  for (const definition of buildInfo.definitions) {
+    const buildReference = definition.buildReference;
+    if (!buildReference)
+      continue;
+    const resolvedSourcePath = resolveIslandSourcePath(buildInfo.resolvedRegistryPath, buildReference.source);
+    if (!shouldUseCompiledClientPath(definition.framework, resolvedSourcePath)) {
+      continue;
+    }
+    const frameworkSources = sources[definition.framework] ?? [];
+    if (!frameworkSources.includes(resolvedSourcePath)) {
+      frameworkSources.push(resolvedSourcePath);
+    }
+    sources[definition.framework] = frameworkSources;
+  }
+  return sources;
+}, generateIslandEntryPoints = async ({
+  buildInfo,
+  buildPath,
+  clientPathMaps = {}
+}) => {
+  const generatedRoot = join3(buildPath, "_island_entries");
+  rmSync(generatedRoot, { force: true, recursive: true });
+  const entries = [];
+  for (const definition of buildInfo.definitions) {
+    const entryPath = join3(generatedRoot, "islands", definition.framework, `${definition.component}.ts`);
+    const buildReference = definition.buildReference;
+    const source = buildReference ? resolveIslandSourcePath(buildInfo.resolvedRegistryPath, buildReference.source) : null;
+    const compiledSourcePath = source && shouldUseCompiledClientPath(definition.framework, source) ? clientPathMaps[definition.framework]?.get(source) : undefined;
+    const entrySource = source && (compiledSourcePath || !shouldUseCompiledClientPath(definition.framework, source)) ? createDirectEntrySource(entryPath, compiledSourcePath ?? source, compiledSourcePath ? undefined : buildReference?.export) : createRegistryEntrySource(entryPath, buildInfo.resolvedRegistryPath, buildInfo.hasNamedExport, definition.framework, definition.component);
+    mkdirSync(dirname3(entryPath), { recursive: true });
+    writeFileSync2(entryPath, entrySource);
+    entries.push({
+      component: definition.component,
+      entryPath,
+      framework: definition.framework
+    });
+  }
+  return {
+    entries,
+    generatedRoot
+  };
+};
+var init_islandEntries = __esm(() => {
+  init_islands();
+  frameworks = [
+    "react",
+    "svelte",
+    "vue",
+    "angular"
+  ];
+});
+// src/core/currentIslandRegistry.ts
+var setCurrentIslandRegistry = (registry) => {
+  globalThis.__absoluteIslandRegistry = registry;
+}, requireCurrentIslandRegistry = () => {
+  const registry = globalThis.__absoluteIslandRegistry;
+  if (!registry) {
+    throw new Error("No island registry is active. Configure `islands.registry` in absolute.config.ts before rendering <Island />.");
+  }
+  return registry;
+};
+// src/build/staticIslandPages.ts
+import { readFileSync as readFileSync2, writeFileSync as writeFileSync3 } from "fs";
+var ISLAND_TAG_RE_SOURCE = "<(?:absolute-island|island)\\b([^>]*?)(?:\\/\\>|>(?:[\\s\\S]*?)<\\/(?:absolute-island|island)>)", ATTRIBUTE_RE_SOURCE = `([A-Za-z_:][-A-Za-z0-9_:.]*)\\s*=\\s*(?:"([^"]*)"|'([^']*)')`, islandFrameworks, islandHydrationModes, isRecord4 = (value) => typeof value === "object" && value !== null, isIslandFramework = (value) => islandFrameworks.some((framework) => framework === value), isIslandHydrationMode = (value) => islandHydrationModes.some((mode) => mode === value), parseIslandAttributes = (attributeString) => {
+  const attributeRe = new RegExp(ATTRIBUTE_RE_SOURCE, "g");
+  const attributes = new Map;
+  let match = attributeRe.exec(attributeString);
+  while (match) {
+    const key = match[1];
+    const doubleQuotedValue = match[2];
+    const singleQuotedValue = match[3];
+    if (!key) {
+      match = attributeRe.exec(attributeString);
+      continue;
+    }
+    const value = doubleQuotedValue ?? singleQuotedValue ?? "";
+    attributes.set(key, value);
+    match = attributeRe.exec(attributeString);
+  }
+  return attributes;
+}, parseIslandTag = (attributeString) => {
+  const attributes = parseIslandAttributes(attributeString);
+  const framework = attributes.get("framework");
+  const component = attributes.get("component");
+  const hydrate = attributes.get("hydrate") ?? "load";
+  const propsSource = attributes.get("props") ?? "{}";
+  if (!framework || !component) {
+    return null;
+  }
+  if (!isIslandFramework(framework)) {
+    throw new Error(`Unsupported static island framework "${framework}".`);
+  }
+  if (!isIslandHydrationMode(hydrate)) {
+    throw new Error(`Unsupported static island hydrate mode "${hydrate}".`);
+  }
+  let parsedProps;
+  try {
+    const candidate = JSON.parse(propsSource);
+    parsedProps = isRecord4(candidate) ? candidate : {};
+  } catch (error) {
+    throw new Error(`Failed to parse static island props JSON for ${framework}:${component}: ${error instanceof Error ? error.message : String(error)}`);
+  }
+  return {
+    component,
+    framework,
+    hydrate,
+    props: parsedProps
+  };
+}, transformStaticPageHtml = async (originalHtml, registry) => {
+  const islandTagRe = new RegExp(ISLAND_TAG_RE_SOURCE, "gi");
+  if (!islandTagRe.test(originalHtml)) {
+    return originalHtml;
+  }
+  islandTagRe.lastIndex = 0;
+  let transformedHtml = "";
+  let lastIndex = 0;
+  let match = islandTagRe.exec(originalHtml);
+  while (match) {
+    const fullMatch = match[0];
+    const attributeString = match[1] ?? "";
+    const matchIndex = match.index;
+    transformedHtml += originalHtml.slice(lastIndex, matchIndex);
+    const props = parseIslandTag(attributeString);
+    transformedHtml += props ? await renderIslandMarkup(registry, props) : fullMatch;
+    lastIndex = matchIndex + fullMatch.length;
+    match = islandTagRe.exec(originalHtml);
+  }
+  transformedHtml += originalHtml.slice(lastIndex);
+  return transformedHtml;
+}, transformStaticPage = async (pagePath, registry) => {
+  const originalHtml = readFileSync2(pagePath, "utf-8");
+  const transformedHtml = await transformStaticPageHtml(originalHtml, registry);
+  if (transformedHtml !== originalHtml) {
+    writeFileSync3(pagePath, transformedHtml);
+  }
+}, transformStaticPagesWithIslands = async (registryPath, pagePaths) => {
+  if (!registryPath || pagePaths.length === 0) {
+    return;
+  }
+  const { registry } = await loadIslandRegistryBuildInfo(registryPath);
+  await Promise.all(pagePaths.map((pagePath) => transformStaticPage(pagePath, registry)));
+}, transformCurrentStaticPageHtml = async (html) => transformStaticPageHtml(html, requireCurrentIslandRegistry());
+var init_staticIslandPages = __esm(() => {
+  init_renderIslandMarkup();
+  init_islandEntries();
+  islandFrameworks = [
+    "react",
+    "svelte",
+    "vue",
+    "angular"
+  ];
+  islandHydrationModes = ["load", "idle", "visible", "none"];
+});
+// src/core/islandPageContext.ts
+var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST__", ISLAND_STATE_MARKER = "__ABS_ISLAND_STATE__", buildIslandsHeadMarkup = (manifest) => {
+  const manifestScript = `<script>window.__ABSOLUTE_MANIFEST__ = ${JSON.stringify(manifest)}</script>`;
+  const islandStateScript = "<script>window.__ABS_ISLAND_STATE__ = window.__ABS_ISLAND_STATE__ ?? {}</script>";
+  const bootstrapPath = manifest[BOOTSTRAP_MANIFEST_KEY];
+  const bootstrapScript = bootstrapPath ? `<script type="module" src="${bootstrapPath}"></script>` : "";
+  return `${manifestScript}${islandStateScript}${bootstrapScript}`;
+}, injectHeadMarkup = (html, markup) => {
+  const closingHeadIndex = html.indexOf("</head>");
+  if (closingHeadIndex >= 0) {
+    return `${html.slice(0, closingHeadIndex)}${markup}${html.slice(closingHeadIndex)}`;
+  }
+  const openingBodyIndex = html.indexOf("<body");
+  if (openingBodyIndex >= 0) {
+    const bodyStart = html.indexOf(">", openingBodyIndex);
+    if (bodyStart >= 0) {
+      return `${html.slice(0, openingBodyIndex)}<head>${markup}</head>${html.slice(openingBodyIndex)}`;
+    }
+  }
+  return `<!DOCTYPE html><html><head>${markup}</head><body>${html}</body></html>`;
+}, setCurrentIslandManifest = (manifest) => {
+  globalThis.__absoluteManifest = manifest;
+}, htmlContainsIslands = (html) => html.includes(ISLAND_MARKER), injectIslandPageContext = (html, options) => {
+  const manifest = globalThis.__absoluteManifest;
+  const hasIslands = options?.hasIslands ?? htmlContainsIslands(html);
+  if (!manifest || !hasIslands) {
+    return html;
+  }
+  if (html.includes(MANIFEST_MARKER) || html.includes(ISLAND_STATE_MARKER)) {
+    return html;
+  }
+  return injectHeadMarkup(html, buildIslandsHeadMarkup(manifest));
+};
+// src/utils/ssrErrorPage.ts
+var ssrErrorPage = (framework, error) => {
+  const frameworkColors = {
+    angular: "#dd0031",
+    html: "#e34c26",
+    htmx: "#1a365d",
+    react: "#61dafb",
+    svelte: "#ff3e00",
+    vue: "#42b883"
+  };
+  const accent = frameworkColors[framework] ?? "#94a3b8";
+  const label = framework.charAt(0).toUpperCase() + framework.slice(1);
+  const message = error instanceof Error ? error.message : String(error);
+  return `<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>SSR Error - AbsoluteJS</title>
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+body{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,0.98) 0%,rgba(30,41,59,0.98) 100%);color:#e2e8f0;font-family:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;display:flex;align-items:flex-start;justify-content:center;padding:32px}
+.card{max-width:720px;width:100%;background:rgba(30,41,59,0.6);border:1px solid rgba(71,85,105,0.5);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);overflow:hidden}
+.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:rgba(15,23,42,0.5);border-bottom:1px solid rgba(71,85,105,0.4)}
+.brand{font-weight:700;font-size:20px;color:#fff;letter-spacing:-0.02em}
+.badge{padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;background:${accent};color:#fff;opacity:0.95;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
+.kind{color:#94a3b8;font-size:13px;font-weight:500}
+.content{padding:24px}
+.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:8px}
+.message{margin:0;padding:16px 20px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.25);border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:#fca5a5;font-size:13px;line-height:1.5}
+.hint{margin-top:20px;padding:12px 20px;background:rgba(71,85,105,0.3);border-radius:10px;border:1px solid rgba(71,85,105,0.4);color:#cbd5e1;font-size:13px}
+</style>
+</head>
+<body>
+<div class="card">
+<div class="header">
+<div style="display:flex;align-items:center;gap:12px">
+<span class="brand">AbsoluteJS</span>
+<span class="badge">${label}</span>
+</div>
+<span class="kind">Server Render Error</span>
+</div>
+<div class="content">
+<div class="label">What went wrong</div>
+<pre class="message">${message.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}</pre>
+<div class="hint">A component threw during server-side rendering. Check the terminal for the full stack trace.</div>
+</div>
+</div>
+</body>
+</html>`;
+};
+// src/utils/resolveConvention.ts
+import { basename } from "path";
+var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boolean(value) && typeof value === "object", getMap = () => {
+  const value = Reflect.get(globalThis, CONVENTIONS_KEY);
+  if (isConventionsMap(value))
+    return value;
+  const empty = {};
+  return empty;
+}, derivePageName = (pagePath) => {
+  const base = basename(pagePath);
+  const dotIndex = base.indexOf(".");
+  const name = dotIndex > 0 ? base.slice(0, dotIndex) : base;
+  return toPascal(name);
+}, resolveErrorConventionPath = (framework, pageName) => {
+  const conventions2 = getMap()[framework];
+  if (!conventions2)
+    return;
+  return conventions2.pages?.[pageName]?.error ?? conventions2.defaults?.error;
+}, resolveNotFoundConventionPath = (framework) => getMap()[framework]?.defaults?.notFound, setConventions = (map) => {
+  Reflect.set(globalThis, CONVENTIONS_KEY, map);
+}, isDev = () => true, buildErrorProps = (error) => {
+  const message = error instanceof Error ? error.message : String(error);
+  const stack = isDev() && error instanceof Error ? error.stack : undefined;
+  return { error: { message, stack } };
+}, renderReactError = async (conventionPath, errorProps) => {
+  const { createElement: createElement2 } = await import("react");
+  const { renderToReadableStream } = await import("react-dom/server");
+  const mod = await import(conventionPath);
+  const [firstKey] = Object.keys(mod);
+  const ErrorComponent = mod.default ?? (firstKey ? mod[firstKey] : undefined);
+  const element2 = createElement2(ErrorComponent, errorProps);
+  const stream = await renderToReadableStream(element2);
+  return new Response(stream, {
+    headers: { "Content-Type": "text/html" },
+    status: 500
+  });
+}, renderSvelteError = async (conventionPath, errorProps) => {
+  const { render } = await import("svelte/server");
+  const mod = await import(conventionPath);
+  const ErrorComponent = mod.default;
+  const { head, body } = render(ErrorComponent, {
+    props: errorProps
+  });
+  const html = `<!DOCTYPE html><html><head>${head}</head><body>${body}</body></html>`;
+  return new Response(html, {
+    headers: { "Content-Type": "text/html" },
+    status: 500
+  });
+}, unescapeVueStyles = (ssrBody) => {
+  let styles = "";
+  const body = ssrBody.replace(/<style>([\s\S]*?)<\/style>/g, (_, css) => {
+    styles += `<style>${css.replace(/&quot;/g, '"').replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">")}</style>`;
+    return "";
+  });
+  return { body, styles };
+}, renderVueError = async (conventionPath, errorProps) => {
+  const { createSSRApp: createSSRApp2, h: h2 } = await import("vue");
+  const { renderToString } = await import("vue/server-renderer");
+  const mod = await import(conventionPath);
+  const ErrorComponent = mod.default;
+  const app = createSSRApp2({
+    render: () => h2(ErrorComponent, errorProps)
+  });
+  const rawBody = await renderToString(app);
+  const { styles, body } = unescapeVueStyles(rawBody);
+  const html = `<!DOCTYPE html><html><head>${styles}</head><body><div id="root">${body}</div></body></html>`;
+  return new Response(html, {
+    headers: { "Content-Type": "text/html" },
+    status: 500
+  });
+}, renderAngularError = async (conventionPath, errorProps) => {
+  const mod = await import(conventionPath);
+  const renderError = mod.default ?? mod.renderError;
+  if (typeof renderError !== "function")
+    return null;
+  const html = renderError(errorProps);
+  return new Response(html, {
+    headers: { "Content-Type": "text/html" },
+    status: 500
+  });
+}, logConventionRenderError = (framework, label, renderError) => {
+  const message = renderError instanceof Error ? renderError.message : "";
+  if (message.includes("Cannot find module") || message.includes("Cannot find package") || message.includes("not found in module")) {
+    console.error(`[SSR] Convention ${label} page for ${framework} failed: missing framework package. Ensure the ${framework} runtime is installed (e.g. bun add ${framework === "react" ? "react react-dom" : framework}).`);
+    return;
+  }
+  console.error(`[SSR] Failed to render ${framework} convention ${label} page:`, renderError);
+}, ERROR_RENDERERS, renderConventionError = async (framework, pageName, error) => {
+  const conventionPath = resolveErrorConventionPath(framework, pageName);
+  if (!conventionPath)
+    return null;
+  const errorProps = buildErrorProps(error);
+  const renderer = ERROR_RENDERERS[framework];
+  if (!renderer)
+    return null;
+  try {
+    return await renderer(conventionPath, errorProps);
+  } catch (renderError) {
+    logConventionRenderError(framework, "error", renderError);
+  }
+  return null;
+}, renderReactNotFound = async (conventionPath) => {
+  const { createElement: createElement2 } = await import("react");
+  const { renderToReadableStream } = await import("react-dom/server");
+  const mod = await import(conventionPath);
+  const [nfKey] = Object.keys(mod);
+  const NotFoundComponent = mod.default ?? (nfKey ? mod[nfKey] : undefined);
+  const element2 = createElement2(NotFoundComponent);
+  const stream = await renderToReadableStream(element2);
+  return new Response(stream, {
+    headers: { "Content-Type": "text/html" },
+    status: 404
+  });
+}, renderSvelteNotFound = async (conventionPath) => {
+  const { render } = await import("svelte/server");
+  const mod = await import(conventionPath);
+  const NotFoundComponent = mod.default;
+  const { head, body } = render(NotFoundComponent);
+  const html = `<!DOCTYPE html><html><head>${head}</head><body>${body}</body></html>`;
+  return new Response(html, {
+    headers: { "Content-Type": "text/html" },
+    status: 404
+  });
+}, renderVueNotFound = async (conventionPath) => {
+  const { createSSRApp: createSSRApp2, h: h2 } = await import("vue");
+  const { renderToString } = await import("vue/server-renderer");
+  const mod = await import(conventionPath);
+  const NotFoundComponent = mod.default;
+  const app = createSSRApp2({
+    render: () => h2(NotFoundComponent)
+  });
+  const rawBody = await renderToString(app);
+  const { styles, body } = unescapeVueStyles(rawBody);
+  const html = `<!DOCTYPE html><html><head>${styles}</head><body><div id="root">${body}</div></body></html>`;
+  return new Response(html, {
+    headers: { "Content-Type": "text/html" },
+    status: 404
+  });
+}, renderAngularNotFound = async (conventionPath) => {
+  const mod = await import(conventionPath);
+  const renderNotFound = mod.default ?? mod.renderNotFound;
+  if (typeof renderNotFound !== "function")
+    return null;
+  const html = renderNotFound();
+  return new Response(html, {
+    headers: { "Content-Type": "text/html" },
+    status: 404
+  });
+}, NOT_FOUND_RENDERERS, renderConventionNotFound = async (framework) => {
+  const conventionPath = resolveNotFoundConventionPath(framework);
+  if (!conventionPath)
+    return null;
+  const renderer = NOT_FOUND_RENDERERS[framework];
+  if (!renderer)
+    return null;
+  try {
+    return await renderer(conventionPath);
+  } catch (renderError) {
+    logConventionRenderError(framework, "not-found", renderError);
+  }
+  return null;
+}, NOT_FOUND_PRIORITY, renderFirstNotFound = async () => {
+  for (const framework of NOT_FOUND_PRIORITY) {
+    if (!getMap()[framework]?.defaults?.notFound)
+      continue;
+    const response = await renderConventionNotFound(framework);
+    if (response)
+      return response;
+  }
+  return null;
+};
+var init_resolveConvention = __esm(() => {
+  ERROR_RENDERERS = {
+    angular: renderAngularError,
+    react: renderReactError,
+    svelte: renderSvelteError,
+    vue: renderVueError
+  };
+  NOT_FOUND_RENDERERS = {
+    angular: renderAngularNotFound,
+    react: renderReactNotFound,
+    svelte: renderSvelteNotFound,
+    vue: renderVueNotFound
+  };
+  NOT_FOUND_PRIORITY = [
+    "react",
+    "svelte",
+    "vue",
+    "angular"
+  ];
+});
+// src/react/pageHandler.ts
+var ssrDirty = false, buildDirtyResponse = (index, maybeProps) => {
+  const propsScript = maybeProps ? `window.__INITIAL_PROPS__=${JSON.stringify(maybeProps)};` : "";
+  const dirtyFlag = "window.__SSR_DIRTY__=true;";
+  const refreshSetup = "window.__REFRESH_BUFFER__=[];" + "window.$RefreshReg$=function(t,i){window.__REFRESH_BUFFER__.push([t,i])};" + "window.$RefreshSig$=function(){return function(t){return t}};";
+  const inlineScript = `${propsScript}${dirtyFlag}${refreshSetup}`;
+  const html = `<!DOCTYPE html><html><head></head><body>` + `<script>${inlineScript}</script>` + `<script type="module" src="${index}"></script>` + `</body></html>`;
+  return new Response(html, {
+    headers: { "Content-Type": "text/html" }
+  });
+}, handleReactPageRequest = async (PageComponent, index, ...props) => {
+  const [maybeProps] = props;
+  if (ssrDirty) {
+    return buildDirtyResponse(index, maybeProps);
+  }
+  try {
+    const { createElement: createElement2 } = await import("react");
+    const { renderToReadableStream } = await import("react-dom/server");
+    const element2 = maybeProps !== undefined ? createElement2(PageComponent, maybeProps) : createElement2(PageComponent);
+    const propsScript = maybeProps ? `window.__INITIAL_PROPS__=${JSON.stringify(maybeProps)};` : "";
+    const refreshSetup = "window.__REFRESH_BUFFER__=[];window.$RefreshReg$=function(t,i){window.__REFRESH_BUFFER__.push([t,i])};window.$RefreshSig$=function(){return function(t){return t}};";
+    const stream = await renderToReadableStream(element2, {
+      bootstrapModules: [index],
+      bootstrapScriptContent: propsScript + refreshSetup || undefined,
+      onError(error) {
+        console.error("[SSR] React streaming error:", error);
+      }
+    });
+    const html = injectIslandPageContext(await new Response(stream).text());
+    return new Response(html, {
+      headers: { "Content-Type": "text/html" }
+    });
+  } catch (error) {
+    console.error("[SSR] React render error:", error);
+    const pageName = PageComponent.name || PageComponent.displayName || "";
+    const conventionResponse = await renderConventionError("react", pageName, error);
+    if (conventionResponse)
+      return conventionResponse;
+    return new Response(ssrErrorPage("react", error), {
+      headers: { "Content-Type": "text/html" },
+      status: 500
+    });
+  }
+}, invalidateReactSsrCache = () => {
+  ssrDirty = true;
+};
+var init_pageHandler = __esm(() => {
+  init_resolveConvention();
+});
+// src/build/scanEntryPoints.ts
+import { existsSync as existsSync3 } from "fs";
+var {Glob } = globalThis.Bun;
+var scanEntryPoints = async (dir, pattern) => {
+  if (!existsSync3(dir))
+    return [];
+  const entryPaths = [];
+  const glob = new Glob(pattern);
+  for await (const file2 of glob.scan({ absolute: true, cwd: dir })) {
+    entryPaths.push(file2);
+  }
+  return entryPaths;
+};
+var init_scanEntryPoints = () => {};
+// src/islands/sourceMetadata.ts
+var islandFrameworks2, islandHydrationModes2, isIslandFramework2 = (value) => islandFrameworks2.some((framework) => framework === value), isIslandHydrate = (value) => islandHydrationModes2.some((hydrate) => hydrate === value), parseIslandTagAttributes = (attributeString) => {
+  const frameworkMatch = attributeString.match(/\bframework\s*=\s*["']([^"']+)["']/);
+  const componentMatch = attributeString.match(/\bcomponent\s*=\s*["']([^"']+)["']/);
+  const hydrateMatch = attributeString.match(/\bhydrate\s*=\s*["']([^"']+)["']/);
+  const framework = frameworkMatch?.[1];
+  const component = componentMatch?.[1];
+  if (!framework || !component) {
+    return null;
+  }
+  if (!isIslandFramework2(framework)) {
+    return null;
+  }
+  const hydrateCandidate = hydrateMatch?.[1];
+  return {
+    component,
+    framework,
+    hydrate: hydrateCandidate && isIslandHydrate(hydrateCandidate) ? hydrateCandidate : undefined
+  };
+}, normalizeUsage = (usage) => `${usage.framework}:${usage.component}:${usage.hydrate ?? ""}`, addUsage = (usageMap, usage) => {
+  if (!usage)
+    return;
+  usageMap.set(normalizeUsage(usage), usage);
+}, extractIslandUsagesFromSource = (source) => {
+  const usageMap = new Map;
+  const islandTagRegex = /<Island\b([\s\S]*?)(?:\/>|>(?:[\s\S]*?)<\/Island>)/g;
+  let islandTagMatch = islandTagRegex.exec(source);
+  while (islandTagMatch) {
+    addUsage(usageMap, parseIslandTagAttributes(islandTagMatch[1] ?? ""));
+    islandTagMatch = islandTagRegex.exec(source);
+  }
+  const staticRenderCallRegex = /renderIsland\s*\(\s*\{[\s\S]*?\bframework\s*:\s*['"]([^'"]+)['"][\s\S]*?\bcomponent\s*:\s*['"]([^'"]+)['"](?:[\s\S]*?\bhydrate\s*:\s*['"]([^'"]+)['"])?[\s\S]*?\}\s*\)/g;
+  let renderMatch = staticRenderCallRegex.exec(source);
+  while (renderMatch) {
+    const framework = renderMatch[1];
+    const component = renderMatch[2];
+    const hydrate = renderMatch[3];
+    if (!framework || !component || !isIslandFramework2(framework)) {
+      renderMatch = staticRenderCallRegex.exec(source);
+      continue;
+    }
+    addUsage(usageMap, {
+      component,
+      framework,
+      hydrate: hydrate && isIslandHydrate(hydrate) ? hydrate : undefined
+    });
+    renderMatch = staticRenderCallRegex.exec(source);
+  }
+  return [...usageMap.values()];
+}, buildIslandMetadataExports = (source) => {
+  const usages = extractIslandUsagesFromSource(source);
+  const serialized = JSON.stringify(usages);
+  return `
+export const __ABSOLUTE_PAGE_ISLANDS__ = ${serialized};
+export const __ABSOLUTE_PAGE_HAS_ISLANDS__ = ${usages.length > 0};
+`;
+};
+var init_sourceMetadata = __esm(() => {
+  islandFrameworks2 = [
+    "react",
+    "svelte",
+    "vue",
+    "angular"
+  ];
+  islandHydrationModes2 = [
+    "load",
+    "idle",
+    "visible",
+    "none"
+  ];
+});
+// src/islands/pageMetadata.ts
+import { readFileSync as readFileSync3 } from "fs";
+import { dirname as dirname4, resolve as resolve7 } from "path";
+var pagePatterns, getPageDirs = (config) => [
+  { dir: config.angularDirectory, framework: "angular" },
+  { dir: config.reactDirectory, framework: "react" },
+  { dir: config.svelteDirectory, framework: "svelte" },
+  { dir: config.vueDirectory, framework: "vue" },
+  { dir: config.htmlDirectory, framework: "html" },
+  { dir: config.htmxDirectory, framework: "htmx" }
+].filter((entry) => typeof entry.dir === "string" && entry.dir.length > 0), buildIslandSourceLookup = async (config) => {
+  const registryPath = config.islands?.registry;
+  if (!registryPath) {
+    return new Map;
+  }
+  const buildInfo = await loadIslandRegistryBuildInfo(registryPath);
+  const lookup = new Map;
+  for (const definition of buildInfo.definitions) {
+    const source = definition.buildReference?.source;
+    if (!source)
+      continue;
+    const resolvedSource = source.startsWith("file://") ? new URL(source).pathname : resolve7(dirname4(buildInfo.resolvedRegistryPath), source);
+    lookup.set(`${definition.framework}:${definition.component}`, resolve7(resolvedSource));
   }
-  return { expression: "", found: false };
-}, lowerSvelteIslandSyntax = (source, mode = "server") => {
-  if (!source.includes("<Island")) {
-    return { code: source, transformed: false };
+  return lookup;
+}, loadPageIslandMetadata = async (config) => {
+  const pageMetadata = new Map;
+  const islandSourceLookup = await buildIslandSourceLookup(config);
+  for (const entry of getPageDirs(config)) {
+    const pattern = pagePatterns[entry.framework];
+    if (!pattern)
+      continue;
+    const files = await scanEntryPoints(resolve7(entry.dir), pattern);
+    for (const filePath of files) {
+      const source = readFileSync3(filePath, "utf-8");
+      const islands = extractIslandUsagesFromSource(source);
+      pageMetadata.set(resolve7(filePath), {
+        islands: islands.map((usage) => {
+          const sourcePath = islandSourceLookup.get(`${usage.framework}:${usage.component}`);
+          return sourcePath ? {
+            ...usage,
+            source: sourcePath
+          } : usage;
+        }),
+        pagePath: resolve7(filePath)
+      });
+    }
   }
-  let islandIndex = 0;
-  const transformedMarkup = source.replace(ISLAND_TAG_RE, (fullMatch, attributeString) => {
-    const framework = extractIslandAttribute(attributeString, "framework");
-    const component = extractIslandAttribute(attributeString, "component");
-    if (!framework.found || !component.found) {
-      return fullMatch;
+  return pageMetadata;
+}, setCurrentPageIslandMetadata = (metadata2) => {
+  globalThis.__absolutePageIslandMetadata = metadata2;
+}, getCurrentPageIslandMetadata = () => globalThis.__absolutePageIslandMetadata ?? new Map, getPagesUsingIslandSource = (sourcePath) => {
+  const target = resolve7(sourcePath);
+  const matches = [];
+  for (const metadata2 of getCurrentPageIslandMetadata().values()) {
+    const usesTarget = metadata2.islands.some((usage) => {
+      const candidate = usage.source;
+      return candidate ? resolve7(candidate) === target : false;
+    });
+    if (usesTarget) {
+      matches.push(metadata2.pagePath);
     }
-    const hydrate = extractIslandAttribute(attributeString, "hydrate");
-    const props = extractIslandAttribute(attributeString, "props");
-    const slotId = `absolute-svelte-island-${islandIndex.toString(BASE_36_RADIX)}`;
-    islandIndex += 1;
-    const resolveExpression = `await __absoluteResolveIslandHtml(${JSON.stringify(slotId)}, { component: ${component.expression}, framework: ${framework.expression}, hydrate: ${hydrate.found ? hydrate.expression : JSON.stringify("load")}, props: ${props.found ? props.expression : "{}"} })`;
-    return `<div data-absolute-island-slot="${slotId}" style="display: contents">{@html ${resolveExpression}}</div>`;
-  });
-  const importLine = 'import { resolveIslandHtml as __absoluteResolveIslandHtml } from "@absolutejs/absolute/svelte";';
-  if (transformedMarkup.includes("<script")) {
-    return {
-      code: transformedMarkup.replace(/<script(\s[^>]*)?>/, (match) => `${match}
-${importLine}
-`),
-      transformed: true
-    };
   }
-  return {
-    code: `<script lang="ts">
-${importLine}
-</script>
-${transformedMarkup}`,
-    transformed: true
-  };
+  return matches;
 };
-var init_lowerIslandSyntax = __esm(() => {
-  init_constants();
-  ISLAND_TAG_RE = /<Island\b([\s\S]*?)\/>/g;
+var init_pageMetadata = __esm(() => {
+  init_islandEntries();
+  init_scanEntryPoints();
+  init_sourceMetadata();
+  pagePatterns = {
+    angular: "pages/**/*.{ts,js}",
+    html: "pages/**/*.html",
+    htmx: "pages/**/*.html",
+    react: "pages/**/*.{ts,tsx,js,jsx}",
+    svelte: "pages/**/*.svelte",
+    vue: "pages/**/*.vue"
+  };
 });
-// src/core/svelteServerModule.ts
-import { mkdir } from "fs/promises";
-import { dirname as dirname5, extname as extname3, join as join4, relative as relative3, resolve as resolve10 } from "path";
-var serverCacheRoot, compiledModuleCache, transpiler, ensureRelativeImportPath = (from, to) => {
-  const importPath = relative3(dirname5(from), to).replace(/\\/g, "/");
-  return importPath.startsWith(".") ? importPath : `./${importPath}`;
-}, resolveRelativeModule = async (spec, from) => {
-  if (!spec.startsWith(".")) {
-    return null;
-  }
-  const basePath = resolve10(dirname5(from), spec);
-  const candidates = [
-    basePath,
-    `${basePath}.ts`,
-    `${basePath}.js`,
-    `${basePath}.mjs`,
-    `${basePath}.cjs`,
-    `${basePath}.json`,
-    join4(basePath, "index.ts"),
-    join4(basePath, "index.js"),
-    join4(basePath, "index.mjs"),
-    join4(basePath, "index.cjs"),
-    join4(basePath, "index.json")
-  ];
-  for (const candidate of candidates) {
-    if (await Bun.file(candidate).exists() === true) {
-      return candidate;
-    }
+// src/build/generateIslandBindings.ts
+var exports_generateIslandBindings = {};
+__export(exports_generateIslandBindings, {
+  generateIslandBindings: () => generateIslandBindings
+});
+import { existsSync as existsSync4, mkdirSync as mkdirSync2, rmSync as rmSync2, writeFileSync as writeFileSync4 } from "fs";
+import { dirname as dirname5, resolve as resolve8 } from "path";
+var ensureDir = (filePath) => {
+  mkdirSync2(dirname5(filePath), { recursive: true });
+}, writeIfChanged2 = (filePath, content) => {
+  ensureDir(filePath);
+  writeFileSync4(filePath, content);
+}, removeIfExists = (filePath) => {
+  if (existsSync4(filePath)) {
+    rmSync2(filePath, { force: true });
   }
-  return null;
-}, getCachedModulePath = (sourcePath) => {
-  const relativeSourcePath = relative3(process.cwd(), sourcePath).replace(/\\/g, "/");
-  const normalizedSourcePath = relativeSourcePath.startsWith("..") ? sourcePath.replace(/[:\\/]/g, "_") : relativeSourcePath;
-  return join4(serverCacheRoot, `${normalizedSourcePath}.server.js`);
-}, resolveSvelteImport = async (spec, from) => {
-  if (spec.startsWith("/")) {
-    return spec;
+}, generateIslandBindings = (projectRoot, config) => {
+  const registryPath = config.islands?.registry;
+  if (!registryPath) {
+    return;
   }
-  if (!spec.startsWith(".")) {
-    return null;
+  const resolvedRegistryPath = resolve8(projectRoot, registryPath);
+  removeIfExists(resolve8(dirname5(resolvedRegistryPath), "absolute-islands.d.ts"));
+  if (config.reactDirectory) {
+    const compatTarget = resolve8(config.reactDirectory, "generated", "absolute-react.ts");
+    removeIfExists(resolve8(config.reactDirectory, "generated", "Island.tsx"));
+    removeIfExists(resolve8(config.reactDirectory, "generated", "absolute-react.d.ts"));
+    writeIfChanged2(compatTarget, `export * from "@absolutejs/absolute/react";
+`);
   }
-  const explicitPath = resolve10(dirname5(from), spec);
-  if (extname3(explicitPath) === ".svelte") {
-    return explicitPath;
+  if (config.vueDirectory) {
+    const compatTarget = resolve8(config.vueDirectory, "generated", "absolute-vue.ts");
+    removeIfExists(resolve8(config.vueDirectory, "generated", "Island.ts"));
+    removeIfExists(resolve8(config.vueDirectory, "generated", "absolute-vue.d.ts"));
+    writeIfChanged2(compatTarget, `export * from "@absolutejs/absolute/vue";
+`);
   }
-  const candidate = `${explicitPath}.svelte`;
-  if (await Bun.file(candidate).exists() === true) {
-    return candidate;
+  if (config.svelteDirectory) {
+    const compatTarget = resolve8(config.svelteDirectory, "generated", "absolute-svelte.ts");
+    removeIfExists(resolve8(config.svelteDirectory, "generated", "islands.ts"));
+    removeIfExists(resolve8(config.svelteDirectory, "generated", "absolute-svelte.d.ts"));
+    writeIfChanged2(compatTarget, `export * from "@absolutejs/absolute/svelte";
+`);
   }
-  return null;
-}, writeIfChanged2 = async (path, content) => {
-  const targetFile = Bun.file(path);
-  const exists = await targetFile.exists();
-  if (exists) {
-    const currentContent = await targetFile.text();
-    if (currentContent === content) {
-      return;
-    }
+  if (config.angularDirectory) {
+    const compatTarget = resolve8(config.angularDirectory, "generated", "absolute-angular.ts");
+    removeIfExists(resolve8(config.angularDirectory, "generated", "islands.ts"));
+    removeIfExists(resolve8(config.angularDirectory, "generated", "absolute-angular.d.ts"));
+    writeIfChanged2(compatTarget, `export * from "@absolutejs/absolute/angular";
+`);
   }
-  await Bun.write(path, content);
-}, compileSvelteServerModule = async (sourcePath) => {
-  const cachedModulePath = compiledModuleCache.get(sourcePath);
-  if (cachedModulePath) {
-    return cachedModulePath;
+};
+var init_generateIslandBindings = () => {};
+// src/utils/getDurationString.ts
+var getDurationString = (duration) => {
+  let durationString;
+  if (duration < MILLISECONDS_IN_A_SECOND) {
+    durationString = `${duration.toFixed(TIME_PRECISION)}ms`;
+  } else if (duration < MILLISECONDS_IN_A_MINUTE) {
+    durationString = `${(duration / MILLISECONDS_IN_A_SECOND).toFixed(TIME_PRECISION)}s`;
+  } else {
+    durationString = `${(duration / MILLISECONDS_IN_A_MINUTE).toFixed(TIME_PRECISION)}m`;
   }
-  const source = await Bun.file(sourcePath).text();
-  const { compile, preprocess } = await import("svelte/compiler");
-  const loweredSource = lowerSvelteIslandSyntax(source, "server");
-  const preprocessed = await preprocess(loweredSource.code, {});
-  const transpiled = sourcePath.endsWith(".ts") || sourcePath.endsWith(".svelte.ts") ? transpiler.transformSync(preprocessed.code) : preprocessed.code;
-  const childImportSpecs = Array.from(transpiled.matchAll(/from\s+['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((value) => value !== undefined);
-  const resolvedChildModules = await Promise.all(childImportSpecs.map((spec) => resolveSvelteImport(spec, sourcePath)));
-  const resolvedModuleImports = await Promise.all(childImportSpecs.map((spec) => resolveRelativeModule(spec, sourcePath)));
-  const childModulePaths = new Map;
-  const rewrittenModulePaths = new Map;
-  for (let index = 0;index < childImportSpecs.length; index += 1) {
-    const spec = childImportSpecs[index];
-    const resolvedChild = resolvedChildModules[index];
-    if (!spec || !resolvedChild)
-      continue;
-    const compiledChildPath = await compileSvelteServerModule(resolvedChild);
-    childModulePaths.set(spec, compiledChildPath);
+  return durationString;
+};
+var init_getDurationString = __esm(() => {
+  init_constants();
+});
+// src/utils/startupBanner.ts
+var colors, MONTHS, formatTimestamp = () => {
+  const now = new Date;
+  const month = MONTHS[now.getMonth()];
+  const day = now.getDate().toString().padStart(2, "0");
+  let hours = now.getHours();
+  const minutes = now.getMinutes().toString().padStart(2, "0");
+  const seconds = now.getSeconds().toString().padStart(2, "0");
+  const ampm = hours >= HOURS_IN_HALF_DAY ? "PM" : "AM";
+  hours = hours % HOURS_IN_HALF_DAY || HOURS_IN_HALF_DAY;
+  return `${month} ${day} ${hours}:${minutes}:${seconds} ${ampm}`;
+}, startupBanner = (options) => {
+  const {
+    version,
+    duration,
+    port,
+    host,
+    networkUrl,
+    protocol = "http"
+  } = options;
+  const name = `${colors.cyan}${colors.bold}ABSOLUTEJS${colors.reset}`;
+  const ver = `${colors.dim}v${version}${colors.reset}`;
+  const time = `${colors.dim}ready in${colors.reset} ${colors.bold}${getDurationString(duration)}${colors.reset}`;
+  console.log("");
+  console.log(`  ${name} ${ver}  ${time}`);
+  console.log("");
+  console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Local:${colors.reset}   ${protocol}://${host === "0.0.0.0" ? "localhost" : host}:${port}/`);
+  if (networkUrl) {
+    console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Network:${colors.reset} ${networkUrl}`);
   }
-  for (let index = 0;index < childImportSpecs.length; index += 1) {
-    const spec = childImportSpecs[index];
-    const resolvedModuleImport = resolvedModuleImports[index];
-    if (!spec || !resolvedModuleImport)
-      continue;
-    if (resolvedChildModules[index])
-      continue;
-    rewrittenModulePaths.set(spec, ensureRelativeImportPath(getCachedModulePath(sourcePath), resolvedModuleImport));
+  console.log("");
+};
+var init_startupBanner = __esm(() => {
+  init_constants();
+  init_getDurationString();
+  colors = {
+    bold: "\x1B[1m",
+    cyan: "\x1B[36m",
+    dim: "\x1B[2m",
+    green: "\x1B[32m",
+    reset: "\x1B[0m"
+  };
+  MONTHS = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ];
+});
+// src/utils/logger.ts
+var colors2, frameworkColors, formatPath = (filePath) => {
+  const cwd = process.cwd();
+  let relative3 = filePath.startsWith(cwd) ? filePath.slice(cwd.length + 1) : filePath;
+  relative3 = relative3.replace(/\\/g, "/");
+  if (!relative3.startsWith("/")) {
+    relative3 = `/${relative3}`;
   }
-  let compiledCode = compile(transpiled, {
-    css: "injected",
-    experimental: {
-      async: loweredSource.transformed
-    },
-    filename: sourcePath,
-    generate: "server"
-  }).js.code;
-  for (const [spec, compiledChildPath] of childModulePaths) {
-    compiledCode = compiledCode.replaceAll(spec, ensureRelativeImportPath(getCachedModulePath(sourcePath), compiledChildPath));
+  return relative3;
+}, getFrameworkColor = (framework) => frameworkColors[framework] || colors2.white, log = (action, options) => {
+  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
+  const tag = `${colors2.cyan}[hmr]${colors2.reset}`;
+  let message = action;
+  if (options?.path) {
+    const pathColor = options.framework ? getFrameworkColor(options.framework) : colors2.white;
+    message += ` ${pathColor}${formatPath(options.path)}${colors2.reset}`;
   }
-  for (const [spec, resolvedModuleImport] of rewrittenModulePaths) {
-    compiledCode = compiledCode.replaceAll(spec, resolvedModuleImport);
+  if (options?.duration !== undefined) {
+    message += ` ${colors2.dim}(${options.duration}ms)${colors2.reset}`;
   }
-  const compiledModulePath = getCachedModulePath(sourcePath);
-  await mkdir(dirname5(compiledModulePath), { recursive: true });
-  await writeIfChanged2(compiledModulePath, compiledCode);
-  compiledModuleCache.set(sourcePath, compiledModulePath);
-  return compiledModulePath;
+  console.log(`${timestamp} ${tag} ${message}`);
+}, logCssUpdate = (path, framework, duration) => {
+  log("css update", { duration, framework: framework ?? "css", path });
+}, logError = (message, error) => {
+  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
+  const tag = `${colors2.red}[hmr]${colors2.reset}`;
+  const errorMsg = error instanceof Error ? error.message : error;
+  const fullMessage = `${colors2.red}error${colors2.reset} ${message}${errorMsg ? `: ${errorMsg}` : ""}`;
+  console.error(`${timestamp} ${tag} ${fullMessage}`);
+}, logHmrUpdate = (path, framework, duration) => {
+  log("hmr update", { duration, framework, path });
+}, logScriptUpdate = (path, framework, duration) => {
+  log("script update", { duration, framework, path });
+}, logServerReload = () => {
+  log(`${colors2.cyan}server module reloaded${colors2.reset}`);
+}, logWarn = (message) => {
+  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
+  const tag = `${colors2.yellow}[hmr]${colors2.reset}`;
+  console.warn(`${timestamp} ${tag} ${colors2.yellow}warning${colors2.reset} ${message}`);
 };
-var init_svelteServerModule = __esm(() => {
-  init_lowerIslandSyntax();
-  serverCacheRoot = join4(process.cwd(), ".absolutejs", "islands", "svelte");
-  compiledModuleCache = new Map;
-  transpiler = new Bun.Transpiler({
-    loader: "ts",
-    target: "browser"
-  });
+var init_logger = __esm(() => {
+  init_startupBanner();
+  colors2 = {
+    blue: "\x1B[34m",
+    bold: "\x1B[1m",
+    cyan: "\x1B[36m",
+    dim: "\x1B[2m",
+    green: "\x1B[32m",
+    magenta: "\x1B[35m",
+    red: "\x1B[31m",
+    reset: "\x1B[0m",
+    white: "\x1B[37m",
+    yellow: "\x1B[33m"
+  };
+  frameworkColors = {
+    angular: colors2.magenta,
+    assets: colors2.dim,
+    css: colors2.cyan,
+    html: colors2.white,
+    htmx: colors2.white,
+    react: colors2.blue,
+    svelte: colors2.yellow,
+    vue: colors2.green
+  };
 });
-// src/core/islandMarkupAttributes.ts
-var getIslandMarkerAttributes = (props, islandId) => ({
-  "data-component": props.component,
-  "data-framework": props.framework,
-  "data-hydrate": props.hydrate ?? "load",
-  "data-island": "true",
-  ...islandId ? { "data-island-id": islandId } : {},
-  "data-props": serializeIslandProps(props.props)
-}), escapeHtmlAttribute = (value) => value.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;"), serializeIslandAttributes = (attributes) => Object.entries(attributes).map(([key, value]) => `${key}="${escapeHtmlAttribute(value)}"`).join(" ");
-var init_islandMarkupAttributes = __esm(() => {
-  init_islands();
-});
+// src/utils/normalizePath.ts
+var normalizePath = (path) => path.replace(/\\/g, "/");
-// src/core/renderIslandMarkup.ts
-var islandSequence = 0, resolvedServerComponentCache, resolvedServerBuildComponentCache, nextIslandId = () => {
-  islandSequence += 1;
-  return `island-${islandSequence}`;
-}, isRecord4 = (value) => typeof value === "object" && value !== null, isReactServerIslandComponent = (value) => typeof value === "function", isSvelteServerIslandComponent = (value) => typeof value === "function", isVueServerIslandComponent = (value) => typeof value === "function" || isRecord4(value), isAngularServerIslandComponent = (value) => typeof value === "function", resolveBuildReferencePath = (source, registryPath) => source.startsWith("file://") ? new URL(source).pathname : source.startsWith(".") ? new URL(source, registryPath).pathname : source, loadServerBuildComponent = async (buildReferencePath) => {
-  const cachedBuildComponent = resolvedServerBuildComponentCache.get(buildReferencePath);
-  if (cachedBuildComponent) {
-    return cachedBuildComponent;
-  }
-  const loadPromise = (async () => {
-    const compiledModulePath = await compileSvelteServerModule(buildReferencePath);
-    const loadedModule = await import(compiledModulePath);
-    return "default" in loadedModule ? loadedModule.default : loadedModule;
-  })();
-  resolvedServerBuildComponentCache.set(buildReferencePath, loadPromise);
-  return loadPromise;
-}, loadServerImportComponent = async (resolvedComponent) => {
-  const resolvedModulePath = resolvedComponent.startsWith(".") ? new URL(resolvedComponent, import.meta.url).pathname : resolvedComponent;
-  const importTarget = resolvedModulePath.endsWith(".svelte") ? await compileSvelteServerModule(resolvedModulePath) : resolvedModulePath;
-  const loadedModule = await import(importTarget);
-  return "default" in loadedModule ? loadedModule.default : loadedModule;
-}, resolveServerIslandComponent = async (component) => {
-  const cachedResolvedComponent = resolvedServerComponentCache.get(component);
-  if (cachedResolvedComponent) {
-    return cachedResolvedComponent;
+// src/build/generateManifest.ts
+var exports_generateManifest = {};
+__export(exports_generateManifest, {
+  generateManifest: () => generateManifest
+});
+import { extname as extname3 } from "path";
+var getManifestKey = (folder, pascalName, isClientComponent, isReact, isVue, isSvelte, isAngular) => {
+  if (folder === "indexes")
+    return `${pascalName}Index`;
+  if (isClientComponent)
+    return `${pascalName}Client`;
+  if (folder !== "pages")
+    return pascalName;
+  if (isReact)
+    return `${pascalName}Page`;
+  if (isVue || isSvelte || isAngular)
+    return pascalName;
+  return `${pascalName}Page`;
+}, getCssKey = (pascalName, segments) => {
+  const isFromVue = segments.some((seg) => seg === "vue");
+  if (isFromVue && segments.includes("css"))
+    return `${pascalName}CompiledCSS`;
+  const isFromReact = segments.some((seg) => seg === "react");
+  const isFromSvelte = segments.some((seg) => seg === "svelte");
+  const isFromAngular = segments.some((seg) => seg === "angular");
+  if (isFromReact || isFromVue || isFromSvelte || isFromAngular)
+    return `${pascalName}BundledCSS`;
+  return `${pascalName}CSS`;
+}, generateManifest = (outputs, buildPath) => outputs.reduce((manifest, artifact) => {
+  const normalizedArtifactPath = normalizePath(artifact.path);
+  const normalizedBuildPath = normalizePath(buildPath);
+  let relative3 = normalizedArtifactPath.startsWith(normalizedBuildPath) ? normalizedArtifactPath.slice(normalizedBuildPath.length) : normalizedArtifactPath;
+  relative3 = relative3.replace(/^\/+/, "");
+  const segments = relative3.split("/");
+  const fileWithHash = segments.pop();
+  if (!fileWithHash)
+    return manifest;
+  const [baseName] = fileWithHash.split(`.${artifact.hash}.`);
+  if (!baseName)
+    return manifest;
+  const pascalName = toPascal(baseName);
+  const ext = extname3(fileWithHash);
+  const islandIndex = segments.findIndex((seg) => seg === "islands");
+  if (ext === ".css") {
+    const cssKey = getCssKey(pascalName, segments);
+    if (manifest[cssKey] && manifest[cssKey] !== `/${relative3}`)
+      logWarn(`Duplicate manifest key "${cssKey}" \u2014 "${manifest[cssKey]}" will be overwritten by "/${relative3}". Use unique page names across frameworks.`);
+    manifest[cssKey] = `/${relative3}`;
+    return manifest;
   }
-  const resolutionPromise = (async () => {
-    const buildReference = getIslandBuildReference(component);
-    const buildReferencePath = buildReference?.source ? resolveBuildReferencePath(buildReference.source, import.meta.url) : null;
-    if (buildReferencePath?.endsWith(".svelte")) {
-      return loadServerBuildComponent(buildReferencePath);
-    }
-    const resolvedComponent = getIslandComponent(component);
-    if (typeof resolvedComponent !== "string") {
-      return resolvedComponent;
+  if (islandIndex > UNFOUND_INDEX) {
+    const frameworkSegment = segments[islandIndex + 1];
+    if (frameworkSegment === "react" || frameworkSegment === "svelte" || frameworkSegment === "vue" || frameworkSegment === "angular") {
+      const manifestKey2 = getIslandManifestKey(frameworkSegment, pascalName);
+      manifest[manifestKey2] = `/${relative3}`;
+      return manifest;
     }
-    return loadServerImportComponent(resolvedComponent);
-  })();
-  resolvedServerComponentCache.set(component, resolutionPromise);
-  return resolutionPromise;
-}, resolveReactServerIslandComponent = async (component) => {
-  const resolvedComponent = await resolveServerIslandComponent(component);
-  if (!isReactServerIslandComponent(resolvedComponent)) {
-    throw new Error("Resolved React island is not a valid React component.");
   }
-  return resolvedComponent;
-}, resolveSvelteServerIslandComponent = async (component) => {
-  const resolvedComponent = await resolveServerIslandComponent(component);
-  if (!isSvelteServerIslandComponent(resolvedComponent)) {
-    throw new Error("Resolved Svelte island is not a valid Svelte component.");
+  const idx = segments.findIndex((seg) => seg === "indexes" || seg === "pages" || seg === "client");
+  const folder = idx > UNFOUND_INDEX ? segments[idx] : segments[0];
+  const isReact = segments.some((seg) => seg === "react");
+  const isVue = segments.some((seg) => seg === "vue");
+  const isSvelte = segments.some((seg) => seg === "svelte");
+  const isAngular = segments.some((seg) => seg === "angular");
+  const isClientComponent = segments.includes("client");
+  const manifestKey = getManifestKey(folder, pascalName, isClientComponent, isReact, isVue, isSvelte, isAngular);
+  if (manifest[manifestKey] && manifest[manifestKey] !== `/${relative3}`) {
+    logWarn(`Duplicate manifest key "${manifestKey}" \u2014 "${manifest[manifestKey]}" will be overwritten by "/${relative3}". Use unique page names across frameworks.`);
   }
-  return resolvedComponent;
-}, resolveVueServerIslandComponent = async (component) => {
-  const resolvedComponent = await resolveServerIslandComponent(component);
-  if (!isVueServerIslandComponent(resolvedComponent)) {
-    throw new Error("Resolved Vue island is not a valid Vue component.");
+  manifest[manifestKey] = `/${relative3}`;
+  return manifest;
+}, {});
+var init_generateManifest = __esm(() => {
+  init_constants();
+  init_logger();
+});
+// src/build/generateReactIndexes.ts
+var exports_generateReactIndexes = {};
+__export(exports_generateReactIndexes, {
+  generateReactIndexFiles: () => generateReactIndexFiles
+});
+import { existsSync as existsSync5, mkdirSync as mkdirSync3 } from "fs";
+import { readdir, rm, writeFile } from "fs/promises";
+import { basename as basename2, join as join4, relative as relative3, resolve as resolve9, sep } from "path";
+var {Glob: Glob2 } = globalThis.Bun;
+var indexContentCache, resolveDevClientDir = () => {
+  const projectRoot = process.cwd();
+  const fromSource = resolve9(import.meta.dir, "../dev/client");
+  if (existsSync5(fromSource) && fromSource.startsWith(projectRoot)) {
+    return fromSource;
   }
-  return resolvedComponent;
-}, resolveAngularServerIslandComponent = async (component) => {
-  const resolvedComponent = await resolveServerIslandComponent(component);
-  if (!isAngularServerIslandComponent(resolvedComponent)) {
-    throw new Error("Resolved Angular island is not a valid Angular component.");
+  const fromNodeModules = resolve9(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  if (existsSync5(fromNodeModules))
+    return fromNodeModules;
+  return resolve9(import.meta.dir, "./dev/client");
+}, devClientDir, errorOverlayPath, hmrClientPath, refreshSetupPath, generateReactIndexFiles = async (reactPagesDirectory, reactIndexesDirectory, isDev2 = false) => {
+  if (!existsSync5(reactIndexesDirectory)) {
+    mkdirSync3(reactIndexesDirectory, { recursive: true });
   }
-  return resolvedComponent;
-}, renderIslandResult = async (registry, props) => {
-  const islandId = nextIslandId();
-  const attributes = getIslandMarkerAttributes(props);
-  if (props.framework === "react") {
-    const entry = registry.react?.[props.component];
-    if (!entry) {
-      throw new Error(`Island component "${props.component}" is not registered for framework "react".`);
-    }
-    const component = await resolveReactServerIslandComponent(entry);
-    const html = renderReactIslandToHtml(component, props.props);
-    return { attributes, html };
+  const CONVENTION_RE = /^(?:(.+)\.)?(error|loading|not-found)\.[^.]+$/;
+  const pagesGlob = new Glob2("*.*");
+  const files = [];
+  for await (const file2 of pagesGlob.scan({ cwd: reactPagesDirectory })) {
+    if (CONVENTION_RE.test(file2))
+      continue;
+    files.push(file2);
   }
-  if (props.framework === "svelte") {
-    const entry = registry.svelte?.[props.component];
-    if (!entry) {
-      throw new Error(`Island component "${props.component}" is not registered for framework "svelte".`);
-    }
-    const component = await resolveSvelteServerIslandComponent(entry);
-    const html = renderSvelteIslandToHtml(component, props.props);
-    return { attributes, html };
+  const currentPageNames = new Set(files.map((file2) => basename2(file2).split(".")[0]));
+  const emptyStringArray = [];
+  const existingIndexes = await readdir(reactIndexesDirectory).catch(() => emptyStringArray);
+  const staleIndexes = existingIndexes.filter((indexFile) => {
+    const indexName = indexFile.replace(/\.tsx$/, "");
+    return indexName !== "_refresh" && !currentPageNames.has(indexName);
+  });
+  if (staleIndexes.length > 0) {
+    await Promise.all(staleIndexes.map((indexFile) => {
+      indexContentCache.delete(join4(reactIndexesDirectory, indexFile));
+      return rm(join4(reactIndexesDirectory, indexFile), {
+        force: true
+      });
+    }));
   }
-  if (props.framework === "vue") {
-    const entry = registry.vue?.[props.component];
-    if (!entry) {
-      throw new Error(`Island component "${props.component}" is not registered for framework "vue".`);
+  const pagesRelPath = relative3(resolve9(reactIndexesDirectory), resolve9(reactPagesDirectory)).split(sep).join("/");
+  const promises = files.map(async (file2) => {
+    const fileName = basename2(file2);
+    const [componentName] = fileName.split(".");
+    const hmrPreamble = isDev2 ? [
+      `window.__HMR_FRAMEWORK__ = "react";`,
+      `window.__REACT_COMPONENT_KEY__ = "${componentName}Index";`,
+      `import '${refreshSetupPath}';`,
+      `import '${hmrClientPath}';`,
+      `import { showErrorOverlay, hideErrorOverlay } from '${errorOverlayPath}';
+`
+    ] : [];
+    const reactImports = isDev2 ? [
+      `import { hydrateRoot, createRoot } from 'react-dom/client';`,
+      `import { createElement, Component } from 'react';`
+    ] : [
+      `import { hydrateRoot, createRoot } from 'react-dom/client';`,
+      `import { createElement } from 'react';`
+    ];
+    const errorBoundaryDef = isDev2 ? [
+      `
+// Dev-only Error Boundary to catch React render errors`,
+      `class ErrorBoundary extends Component {`,
+      `	constructor(props) {`,
+      `		super(props);`,
+      `		this.state = { hasError: false };`,
+      `		window.__ERROR_BOUNDARY__ = this;`,
+      `	}`,
+      `	static getDerivedStateFromError() {`,
+      `		return { hasError: true };`,
+      `	}`,
+      `	componentDidCatch(error) {`,
+      `		showErrorOverlay({`,
+      `			framework: 'react',`,
+      `			kind: 'runtime',`,
+      `			message: error && error.stack ? error.stack : String(error)`,
+      `		});`,
+      `	}`,
+      `	componentDidUpdate(prevProps, prevState) {`,
+      `		if (prevState.hasError && !this.state.hasError) {`,
+      `			hideErrorOverlay();`,
+      `		}`,
+      `	}`,
+      `	reset() {`,
+      `		this.setState({ hasError: false });`,
+      `	}`,
+      `	render() {`,
+      `		if (this.state.hasError) return null;`,
+      ``,
+      `		return this.props.children;`,
+      `	}`,
+      `}
+`
+    ] : [];
+    const content = [
+      ...hmrPreamble,
+      ...reactImports,
+      `import type { ComponentType } from 'react'`,
+      `import { ${componentName} } from '${pagesRelPath}/${componentName}';
+`,
+      `type PropsOf<C> = C extends ComponentType<infer P> ? P : never;
+`,
+      `declare global {`,
+      `	interface Window {`,
+      `		__INITIAL_PROPS__?: PropsOf<typeof ${componentName}>`,
+      `		__REACT_ROOT__?: ReturnType<typeof hydrateRoot | typeof createRoot>`,
+      `		__HMR_CLIENT_ONLY_MODE__?: boolean`,
+      `	}`,
+      `}
+`,
+      ...errorBoundaryDef,
+      `// Hydration with error handling and fallback`,
+      `const isDev = ${isDev2};`,
+      `const componentPath = '${pagesRelPath}/${componentName}';
+`,
+      `function isHydrationError(error) {`,
+      `	if (!error) return false;`,
+      `	const errorMessage = error instanceof Error ? error.message : String(error);`,
+      `	const errorString = String(error);`,
+      `	const fullMessage = errorMessage + ' ' + errorString;`,
+      `	const hydrationKeywords = ['hydration', 'Hydration', 'mismatch', 'Mismatch', 'did not match', 'server rendered HTML', 'server HTML', 'client HTML', 'Hydration failed'];`,
+      `	const isHydration = hydrationKeywords.some(keyword => fullMessage.includes(keyword));`,
+      `	`,
+      `	// Ignore whitespace-only mismatches in <head> - these are harmless formatting differences`,
+      `	// The error often shows: + <link...> vs - {"\\n            "} which is just formatting`,
+      `	if (isHydration) {`,
+      `		// Check if this is a head/link/stylesheet related mismatch`,
+      `		const isHeadRelated = fullMessage.includes('<head') || fullMessage.includes('</head>') || fullMessage.includes('head>') || fullMessage.includes('<link') || fullMessage.includes('link>') || fullMessage.includes('stylesheet') || fullMessage.includes('fonts.googleapis') || fullMessage.includes('rel="stylesheet"');`,
+      `		`,
+      `		// Check if the mismatch involves only whitespace/newlines`,
+      `		// Pattern: looks for {"\\n"} or {"\\n            "} or similar whitespace-only content`,
+      `		// Also check for patterns like: - {"\\n            "} or + <link...>`,
+      `		const hasWhitespacePattern = /\\{\\s*["']\\\\n[^"']*["']\\s*\\}/.test(fullMessage) || /\\{\\s*["'][\\\\n\\\\r\\\\s]+["']\\s*\\}/.test(fullMessage) || /-\\s*\\{\\s*["'][\\\\n\\\\r\\\\s]+["']\\s*\\}/.test(fullMessage);`,
+      `		const isWhitespaceOnly = /^[\\s\\n\\r]*$/.test(errorString) || /^[\\s\\n\\r]*$/.test(errorMessage);`,
+      `		const hasNewlinePattern = fullMessage.includes('\\\\n') || fullMessage.includes('\\\\r') || fullMessage.includes('\\n') || fullMessage.includes('\\r');`,
+      `		`,
+      `		// If it's head-related and involves whitespace/newlines, ignore it`,
+      `		if (isHeadRelated && (hasWhitespacePattern || isWhitespaceOnly || hasNewlinePattern)) {`,
+      `			return false; // Don't treat whitespace-only head mismatches as errors`,
+      `		}`,
+      `	}`,
+      `	return isHydration;`,
+      `}
+`,
+      `function logHydrationError(error, componentName) {`,
+      `	if (!isDev) return;`,
+      `	if (window.__HMR_WS__ && window.__HMR_WS__.readyState === WebSocket.OPEN) {`,
+      `		try {`,
+      `			window.__HMR_WS__.send(JSON.stringify({`,
+      `				type: 'hydration-error',`,
+      `				data: {`,
+      `					componentName: '${componentName}',`,
+      `					componentPath: componentPath,`,
+      `					error: error instanceof Error ? error.message : String(error),`,
+      `					timestamp: Date.now()`,
+      `				}`,
+      `			}));`,
+      `		} catch (err) {}`,
+      `	}`,
+      `}
+`,
+      `// Track if we've already switched to client-only mode`,
+      `let hasSwitchedToClientOnly = false;`,
+      `let hydrationErrorDetected = false;
+`,
+      `function handleHydrationFallback(error) {`,
+      `	if (hasSwitchedToClientOnly) return; // Already handled`,
+      `	hasSwitchedToClientOnly = true;`,
+      `	hydrationErrorDetected = true;
+`,
+      `	logHydrationError(error, '${componentName}');
+`,
+      `	// Fallback: client-only render (no hydration)`,
+      `	try {`,
+      `		// Unmount existing root if it exists`,
+      `		if (window.__REACT_ROOT__ && typeof window.__REACT_ROOT__.unmount === 'function') {`,
+      `			try {`,
+      `			window.__REACT_ROOT__.unmount();`,
+      `			} catch (e) {`,
+      `				// Ignore unmount errors`,
+      `			}`,
+      `		}
+`,
+      `		// Render into the same root container when falling back to client-only`,
+      `		const root = createRoot(container);`,
+      `		root.render(${isDev2 ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`});`,
+      `		window.__REACT_ROOT__ = root;`,
+      `		window.__HMR_CLIENT_ONLY_MODE__ = true;`,
+      `	} catch (fallbackError) {`,
+      `		window.location.reload();`,
+      `	}`,
+      `}
+`,
+      `// HMR State Preservation: Check for preserved state and merge with initial props`,
+      `// This allows state to be preserved across HMR updates without modifying component files`,
+      `let preservedState = (typeof window !== 'undefined' && window.__HMR_PRESERVED_STATE__) ? window.__HMR_PRESERVED_STATE__ : {};
+`,
+      `// Also check sessionStorage for state that survived a page reload (for React HMR)`,
+      `if (typeof window !== 'undefined' && typeof sessionStorage !== 'undefined') {`,
+      `	const hmrStateJson = sessionStorage.getItem('__REACT_HMR_STATE__');`,
+      `	if (hmrStateJson) {`,
+      `		try {`,
+      `			const hmrState = JSON.parse(hmrStateJson);`,
+      `			preservedState = { ...preservedState, ...hmrState };`,
+      `			sessionStorage.removeItem('__REACT_HMR_STATE__');`,
+      `		} catch (e) {}`,
+      `	}`,
+      `}
+`,
+      `const mergedProps = { ...(window.__INITIAL_PROPS__ || {}), ...preservedState };`,
+      `// Clear preserved state after using it (so it doesn't persist across multiple updates)`,
+      `if (typeof window !== 'undefined') {`,
+      `	window.__HMR_PRESERVED_STATE__ = undefined;`,
+      `}
+`,
+      `// Attempt hydration with error handling`,
+      `// Use document (not document.body) when the page renders <html><head><body>`,
+      `// to avoid "In HTML, <html> cannot be a child of <body>" hydration error`,
+      `const container = typeof document !== 'undefined' ? document : null;`,
+      `if (!container) {`,
+      `	throw new Error('React root container not found: document is null');`,
+      `}
+`,
+      `// Guard: only hydrate on first load. During HMR re-imports, skip hydration`,
+      `// so React Fast Refresh can swap components in-place and preserve state.`,
+      `if (!window.__REACT_ROOT__) {`,
+      `	let root;`,
+      `	// After HMR, SSR is skipped to avoid stale content flash \u2014 render client-only`,
+      `	if (window.__SSR_DIRTY__) {`,
+      `		root = createRoot(container);`,
+      `		root.render(${isDev2 ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`});`,
+      `		window.__REACT_ROOT__ = root;`,
+      `	} else {`,
+      `	try {`,
+      `		// Use onRecoverableError to catch hydration errors (React 19)`,
+      `		root = hydrateRoot(`,
+      `			container,`,
+      `			${isDev2 ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`},`,
+      `			{`,
+      `				onRecoverableError: (error) => {`,
+      `					// Check if this is a hydration error (isHydrationError filters out whitespace-only head mismatches)`,
+      `					if (isDev && isHydrationError(error)) {`,
+      `						// Real hydration error - handle it`,
+      `						handleHydrationFallback(error);`,
+      `					} else {`,
+      `						// Not a hydration error, or it's a whitespace-only mismatch that was filtered out`,
+      `						// Check if it's a whitespace-only head mismatch using the same logic as isHydrationError`,
+      `						const errorMessage = error instanceof Error ? error.message : String(error);`,
+      `						const errorString = String(error);`,
+      `						const fullMessage = errorMessage + ' ' + errorString;`,
+      `						const hydrationKeywords = ['hydration', 'Hydration', 'mismatch', 'Mismatch', 'did not match', 'server rendered HTML', 'server HTML', 'client HTML', 'Hydration failed'];`,
+      `						const isHydration = hydrationKeywords.some(keyword => fullMessage.includes(keyword));`,
+      `						if (isHydration) {`,
+      `							// Check if this is a head/link/stylesheet related mismatch`,
+      `							const isHeadRelated = fullMessage.includes('<head') || fullMessage.includes('</head>') || fullMessage.includes('head>') || fullMessage.includes('<link') || fullMessage.includes('link>') || fullMessage.includes('stylesheet') || fullMessage.includes('fonts.googleapis') || fullMessage.includes('rel="stylesheet"');`,
+      `							// Check if the mismatch involves only whitespace/newlines`,
+      `							const hasWhitespacePattern = /\\{\\s*["']\\\\n[^"']*["']\\s*\\}/.test(fullMessage) || /\\{\\s*["'][\\\\n\\\\r\\\\s]+["']\\s*\\}/.test(fullMessage) || /-\\s*\\{\\s*["'][\\\\n\\\\r\\\\s]+["']\\s*\\}/.test(fullMessage);`,
+      `							const isWhitespaceOnly = /^[\\s\\n\\r]*$/.test(errorString) || /^[\\s\\n\\r]*$/.test(errorMessage);`,
+      `							const hasNewlinePattern = fullMessage.includes('\\\\n') || fullMessage.includes('\\\\r') || fullMessage.includes('\\n') || fullMessage.includes('\\r');`,
+      `							// If it's head-related and involves whitespace/newlines, silently ignore it`,
+      `							if (isHeadRelated && (hasWhitespacePattern || isWhitespaceOnly || hasNewlinePattern)) {`,
+      `								// Already logged by isHydrationError, just return silently`,
+      `								return;`,
+      `							}`,
+      `						}`,
+      `						// Log other recoverable errors`,
+      `						console.error('React recoverable error:', error);`,
+      `					}`,
+      `				}`,
+      `			}`,
+      `		);`,
+      `		window.__REACT_ROOT__ = root;`,
+      `	} catch (error) {`,
+      `		// Catch synchronous errors (shouldn't happen with hydrateRoot, but safety net)`,
+      `		if (isDev && isHydrationError(error)) {`,
+      `			handleHydrationFallback(error);`,
+      `		} else {`,
+      `			throw error;`,
+      `		}`,
+      `	}`,
+      `	} // end else (normal hydration path)
+`,
+      `	// Also listen for hydration errors via console.error (React logs them there)`,
+      `	if (isDev) {`,
+      `		const originalError = console.error;`,
+      `		console.error = function(...args) {`,
+      `			const errorMessage = args.map(arg => {`,
+      `				if (arg instanceof Error) return arg.message;`,
+      `				return String(arg);`,
+      `			}).join(' ');`,
+      `			`,
+      `			// Check if this is a hydration error`,
+      `			if (isHydrationError({ message: errorMessage }) && !hydrationErrorDetected) {`,
+      `				hydrationErrorDetected = true;`,
+      `				// Create a synthetic error for fallback`,
+      `				const syntheticError = new Error(errorMessage);`,
+      `				// Use setTimeout to ensure this happens after React's error handling`,
+      `				setTimeout(() => {`,
+      `					handleHydrationFallback(syntheticError);`,
+      `				}, 0);`,
+      `			}`,
+      `			`,
+      `			// Call original console.error`,
+      `			originalError.apply(console, args);`,
+      `		};`,
+      `	}`,
+      `}`,
+      ...isDev2 ? [
+        `
+// Pre-warm: import the page module from the module server`,
+        `// immediately so the browser caches all /@src/ URLs.`,
+        `import('/@src/${relative3(process.cwd(), resolve9(reactPagesDirectory, `${componentName}.tsx`)).replace(/\\/g, "/")}').catch(() => {});`
+      ] : []
+    ].join(`
+`);
+    const indexPath = join4(reactIndexesDirectory, `${componentName}.tsx`);
+    const hasher = new Bun.CryptoHasher("md5");
+    hasher.update(content);
+    const contentHash = hasher.digest("hex");
+    if (indexContentCache.get(indexPath) === contentHash && existsSync5(indexPath)) {
+      return;
     }
-    const component = await resolveVueServerIslandComponent(entry);
-    const html = await renderVueIslandToHtml(component, props.props);
-    return { attributes, html };
+    indexContentCache.set(indexPath, contentHash);
+    await writeFile(indexPath, content);
+  });
+  await Promise.all(promises);
+  if (!isDev2) {
+    return;
   }
-  if (props.framework === "angular") {
-    const entry = registry.angular?.[props.component];
-    if (!entry) {
-      throw new Error(`Island component "${props.component}" is not registered for framework "angular".`);
-    }
-    const component = await resolveAngularServerIslandComponent(entry);
-    const html = await renderAngularIslandToHtml(component, props.props, islandId);
-    return {
-      attributes: {
-        ...getIslandMarkerAttributes(props, islandId)
-      },
-      html
-    };
+  const refreshPath = join4(reactIndexesDirectory, "_refresh.tsx");
+  if (!existsSync5(refreshPath)) {
+    await writeFile(refreshPath, `import '${refreshSetupPath}';
+import 'react';
+import 'react-dom/client';
+`);
   }
-  throw new Error(`Framework "${props.framework}" is not implemented in this prototype.`);
-}, renderIslandMarkup = async (registry, props) => {
-  const result = await renderIslandResult(registry, props);
-  return `<div ${serializeIslandAttributes(result.attributes)}>${result.html}</div>`;
 };
-var init_renderIslandMarkup = __esm(() => {
-  init_islandSsr();
-  init_svelteServerModule();
-  init_islandMarkupAttributes();
-  init_islands();
-  resolvedServerComponentCache = new Map;
-  resolvedServerBuildComponentCache = new Map;
+var init_generateReactIndexes = __esm(() => {
+  indexContentCache = new Map;
+  devClientDir = resolveDevClientDir();
+  errorOverlayPath = join4(devClientDir, "errorOverlay.ts").replace(/\\/g, "/");
+  hmrClientPath = join4(devClientDir, "hmrClient.ts").replace(/\\/g, "/");
+  refreshSetupPath = join4(devClientDir, "reactRefreshSetup.ts").replace(/\\/g, "/");
 });
-// src/build/staticIslandPages.ts
-import { readFileSync as readFileSync3, writeFileSync as writeFileSync4 } from "fs";
-var ISLAND_TAG_RE_SOURCE = "<island\\b([^>]*?)(?:\\/\\>|>(?:[\\s\\S]*?)<\\/island>)", ATTRIBUTE_RE_SOURCE = `([A-Za-z_:][-A-Za-z0-9_:.]*)\\s*=\\s*(?:"([^"]*)"|'([^']*)')`, islandFrameworks2, islandHydrationModes2, isRecord5 = (value) => typeof value === "object" && value !== null, isIslandFramework2 = (value) => islandFrameworks2.some((framework) => framework === value), isIslandHydrationMode = (value) => islandHydrationModes2.some((mode) => mode === value), parseIslandAttributes = (attributeString) => {
-  const attributeRe = new RegExp(ATTRIBUTE_RE_SOURCE, "g");
-  const attributes = new Map;
-  let match = attributeRe.exec(attributeString);
-  while (match) {
-    const key = match[1];
-    const doubleQuotedValue = match[2];
-    const singleQuotedValue = match[3];
-    if (!key) {
-      match = attributeRe.exec(attributeString);
-      continue;
-    }
-    const value = doubleQuotedValue ?? singleQuotedValue ?? "";
-    attributes.set(key, value);
-    match = attributeRe.exec(attributeString);
-  }
-  return attributes;
-}, parseIslandTag = (attributeString) => {
-  const attributes = parseIslandAttributes(attributeString);
-  const framework = attributes.get("framework");
-  const component = attributes.get("component");
-  const hydrate = attributes.get("hydrate") ?? "load";
-  const propsSource = attributes.get("props") ?? "{}";
-  if (!framework || !component) {
+// src/build/islandBindingCompat.ts
+import { resolve as resolve10 } from "path";
+var packageToFramework, compatFileNames, normalize = (value) => value.replace(/\\/g, "/"), isFrameworkPackage = (value) => (value in packageToFramework), resolveIslandCompatModule = (specifier, importer, frameworkDirs) => {
+  if (!isFrameworkPackage(specifier)) {
     return null;
   }
-  if (!isIslandFramework2(framework)) {
-    throw new Error(`Unsupported static island framework "${framework}".`);
+  const framework = packageToFramework[specifier];
+  const frameworkDir = frameworkDirs[framework];
+  if (!frameworkDir) {
+    return null;
   }
-  if (!isIslandHydrationMode(hydrate)) {
-    throw new Error(`Unsupported static island hydrate mode "${hydrate}".`);
+  const normalizedImporter = normalize(importer);
+  const normalizedFrameworkDir = normalize(resolve10(frameworkDir));
+  if (!normalizedImporter.startsWith(normalizedFrameworkDir)) {
+    return null;
   }
-  let parsedProps;
-  try {
-    const candidate = JSON.parse(propsSource);
-    parsedProps = isRecord5(candidate) ? candidate : {};
-  } catch (error) {
-    throw new Error(`Failed to parse static island props JSON for ${framework}:${component}: ${error instanceof Error ? error.message : String(error)}`);
+  if (normalizedImporter.includes("/generated/absolute-") || normalizedImporter.includes("/generated/Island.") || normalizedImporter.includes("/generated/islands.")) {
+    return null;
   }
-  return {
-    component,
-    framework,
-    hydrate,
-    props: parsedProps
+  return resolve10(frameworkDir, "generated", compatFileNames[framework]);
+};
+var init_islandBindingCompat = __esm(() => {
+  packageToFramework = {
+    "@absolutejs/absolute/angular": "angular",
+    "@absolutejs/absolute/react": "react",
+    "@absolutejs/absolute/svelte": "svelte",
+    "@absolutejs/absolute/vue": "vue"
   };
-}, transformStaticPage = async (pagePath, registry) => {
-  const originalHtml = readFileSync3(pagePath, "utf-8");
-  const islandTagRe = new RegExp(ISLAND_TAG_RE_SOURCE, "gi");
-  if (!islandTagRe.test(originalHtml)) {
-    return;
-  }
-  islandTagRe.lastIndex = 0;
-  let transformedHtml = "";
-  let lastIndex = 0;
-  let match = islandTagRe.exec(originalHtml);
-  while (match) {
-    const fullMatch = match[0];
-    const attributeString = match[1] ?? "";
-    const matchIndex = match.index;
-    transformedHtml += originalHtml.slice(lastIndex, matchIndex);
-    const props = parseIslandTag(attributeString);
-    transformedHtml += props ? await renderIslandMarkup(registry, props) : fullMatch;
-    lastIndex = matchIndex + fullMatch.length;
-    match = islandTagRe.exec(originalHtml);
+  compatFileNames = {
+    angular: "absolute-angular.ts",
+    react: "absolute-react.ts",
+    svelte: "absolute-svelte.ts",
+    vue: "absolute-vue.ts"
+  };
+});
+// src/build/islandBindingPlugin.ts
+var exports_islandBindingPlugin = {};
+__export(exports_islandBindingPlugin, {
+  createIslandBindingPlugin: () => createIslandBindingPlugin
+});
+var createIslandBindingPlugin = (frameworkDirs) => ({
+  name: "absolute-island-binding-plugin",
+  setup(build2) {
+    build2.onResolve({
+      filter: /^@absolutejs\/absolute\/(react|vue|svelte|angular)$/
+    }, (args) => {
+      const redirected = resolveIslandCompatModule(args.path, args.importer, frameworkDirs);
+      if (!redirected) {
+        return;
+      }
+      return {
+        path: redirected
+      };
+    });
   }
-  transformedHtml += originalHtml.slice(lastIndex);
-  if (transformedHtml !== originalHtml) {
-    writeFileSync4(pagePath, transformedHtml);
+});
+var init_islandBindingPlugin = __esm(() => {
+  init_islandBindingCompat();
+});
+// src/build/wrapHTMLScript.ts
+var wrapHTMLScriptWithHMR = (code, scriptId) => {
+  const escapedId = JSON.stringify(scriptId);
+  return `${code}
+// HMR acceptance - allows this script to be hot-reloaded
+if (typeof import.meta !== "undefined" && import.meta.hot) {
+  import.meta.hot.accept();
+  console.log('[HMR] Script ready:', ${escapedId});
+}
+`;
+};
+// src/build/htmlScriptHMRPlugin.ts
+var scriptLoaders, toLoader = (ext) => {
+  for (const loader of scriptLoaders) {
+    if (loader === ext)
+      return loader;
   }
-}, transformStaticPagesWithIslands = async (registryPath, pagePaths) => {
-  if (!registryPath || pagePaths.length === 0) {
-    return;
+  return "ts";
+}, createHTMLScriptHMRPlugin = (htmlDir, htmxDir) => ({
+  name: "html-script-hmr",
+  setup(build2) {
+    build2.onLoad({ filter: /\.(ts|js|tsx|jsx)$/ }, async (args) => {
+      const normalizedPath = args.path.replace(/\\/g, "/");
+      const isHtmlScript = htmlDir && normalizedPath.includes(htmlDir.replace(/\\/g, "/")) && normalizedPath.includes("/scripts/");
+      const isHtmxScript = htmxDir && normalizedPath.includes(htmxDir.replace(/\\/g, "/")) && normalizedPath.includes("/scripts/");
+      if (!isHtmlScript && !isHtmxScript) {
+        return;
+      }
+      const text2 = await Bun.file(args.path).text();
+      const wrapped = wrapHTMLScriptWithHMR(text2, normalizedPath);
+      const ext = args.path.split(".").pop() ?? "ts";
+      const loader = toLoader(ext);
+      return {
+        contents: wrapped,
+        loader
+      };
+    });
   }
-  const { registry } = await loadIslandRegistryBuildInfo(registryPath);
-  await Promise.all(pagePaths.map((pagePath) => transformStaticPage(pagePath, registry)));
-};
-var init_staticIslandPages = __esm(() => {
-  init_renderIslandMarkup();
-  init_islandEntries();
-  islandFrameworks2 = [
-    "react",
-    "svelte",
-    "vue",
-    "angular"
-  ];
-  islandHydrationModes2 = ["load", "idle", "visible", "none"];
+});
+var init_htmlScriptHMRPlugin = __esm(() => {
+  scriptLoaders = new Set(["ts", "js", "tsx", "jsx"]);
 });
 // src/build/outputLogs.ts
@@ -208783,11 +208786,13 @@ var asset = (source, name) => {
 init_islands();
 // src/core/pageHandlers.ts
+init_staticIslandPages();
 init_pageHandler();
 var {file } = globalThis.Bun;
 var handleStaticPageRequest = async (pagePath) => {
   const html = await file(pagePath).text();
-  return new Response(injectIslandPageContext(html), {
+  const transformedHtml = await transformCurrentStaticPageHtml(html);
+  return new Response(injectIslandPageContext(transformedHtml), {
     headers: { "Content-Type": "text/html" }
   });
 };
@@ -208798,9 +208803,9 @@ import { existsSync as existsSync23, readdirSync as readdirSync2, readFileSync a
 import { basename as basename12, join as join22, relative as relative12, resolve as resolve34 } from "path";
 // src/utils/loadConfig.ts
-import { resolve } from "path";
+import { resolve as resolve5 } from "path";
 var loadConfig = async (configPath) => {
-  const resolved = resolve(configPath ?? process.env.ABSOLUTE_CONFIG ?? "absolute.config.ts");
+  const resolved = resolve5(configPath ?? process.env.ABSOLUTE_CONFIG ?? "absolute.config.ts");
   const mod = await import(resolved);
   const config = mod.default ?? mod.config;
   if (!config) {
@@ -208810,24 +208815,24 @@ Expected: export default defineConfig({ ... })`);
   return config;
 };
 // src/core/loadIslandRegistry.ts
-import { resolve as resolve2 } from "path";
-var isRecord2 = (value) => typeof value === "object" && value !== null;
-var resolveRegistryExport = (mod) => {
-  if (isRecord2(mod.islandRegistry))
+import { resolve as resolve6 } from "path";
+var isRecord5 = (value) => typeof value === "object" && value !== null;
+var resolveRegistryExport2 = (mod) => {
+  if (isRecord5(mod.islandRegistry))
     return mod.islandRegistry;
-  if (isRecord2(mod.default))
+  if (isRecord5(mod.default))
     return mod.default;
   throw new Error("Island registry module must export `islandRegistry` or a default registry object.");
 };
-var isRegistryModuleExport = (value) => isRecord2(value);
-var isIslandRegistryInput = (value) => isRecord2(value);
+var isRegistryModuleExport = (value) => isRecord5(value);
+var isIslandRegistryInput = (value) => isRecord5(value);
 var loadIslandRegistry = async (registryPath) => {
-  const resolvedRegistryPath = resolve2(registryPath);
+  const resolvedRegistryPath = resolve6(registryPath);
   const importedModule = await import(resolvedRegistryPath);
   if (!isRegistryModuleExport(importedModule)) {
     throw new Error("Island registry module must export an object namespace.");
   }
-  const registryExport = resolveRegistryExport(importedModule);
+  const registryExport = resolveRegistryExport2(importedModule);
   if (!isIslandRegistryInput(registryExport)) {
     throw new Error("Resolved island registry export is not an object.");
   }
@@ -215445,5 +215450,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
-//# debugId=F5D0915C24474B6D64756E2164756E21
+//# debugId=F4015D5A2C67198764756E2164756E21
 //# sourceMappingURL=index.js.map