@absolutejs/absolute 0.19.0-beta.807 → 0.19.0-beta.809

package/dist/client/index.js

@@ -1,59 +1,247 @@
 // @bun
-import {
-  mountAngularIsland
-} from "../chunk-p5zgj77m.js";
-import {
-  initializeIslandMarkupSnapshot
-} from "../chunk-fak944et.js";
-import"../chunk-jpkjdgsk.js";
-import"../chunk-m97ze5hz.js";
-import"../chunk-pnscgw95.js";
-import {
-  getStreamSwapRuntimeScript
-} from "../chunk-s6defjk2.js";
-import"../chunk-p5504p14.js";
-import"../chunk-25v9t56f.js";
-import"../chunk-2f21eenc.js";
-import {
-  createIslandStore,
-  getIslandStoreServerSnapshot,
-  initializeIslandStores,
-  readIslandStore,
-  subscribeIslandStore
-} from "../chunk-fygx2ymm.js";
-import {
-  getIslandComponent,
-  parseIslandProps
-} from "../chunk-8kcfffry.js";
-import {
-  getIslandManifestEntries,
-  getIslandManifestKey
-} from "../chunk-3yjzpcne.js";
-import"../chunk-bmgqm774.js";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __legacyDecorateClassTS = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1;i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __legacyMetadataTS = (k, v) => {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+    return Reflect.metadata(k, v);
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = import.meta.require;
 
-// src/client/islandResolver.ts
-var createIslandManifestResolver = (manifest) => {
-  const islandManifest = getIslandManifestEntries(manifest);
-  return async (framework, component) => {
-    const modulePath = islandManifest[framework]?.[component] ?? manifest[getIslandManifestKey(framework, component)];
-    if (!modulePath)
+// src/core/islandManifest.ts
+var toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + framework.slice(1), collectFrameworkIslands = (manifest, prefix) => {
+  const entries = {};
+  let found = false;
+  for (const [key, value] of Object.entries(manifest)) {
+    if (!key.startsWith(prefix))
+      continue;
+    const component = key.slice(prefix.length);
+    if (!component)
+      continue;
+    entries[component] = value;
+    found = true;
+  }
+  return found ? entries : undefined;
+}, getIslandManifestEntries = (manifest) => {
+  const islands = {};
+  const frameworks = ["react", "svelte", "vue", "angular"];
+  for (const framework of frameworks) {
+    const prefix = `Island${toIslandFrameworkSegment(framework)}`;
+    const entries = collectFrameworkIslands(manifest, prefix);
+    if (entries)
+      islands[framework] = entries;
+  }
+  return islands;
+}, getIslandManifestKey = (framework, component) => `Island${toIslandFrameworkSegment(framework)}${component}`;
+
+// src/client/streamSwap.ts
+var streamSwapRuntime = () => {
+  const absoluteWindow = window;
+  const SLOT_PATCH_EVENT = "absolutejs:slot-patch";
+  if (absoluteWindow.__ABS_SLOT_RUNTIME__ === true)
+    return;
+  absoluteWindow.__ABS_SLOT_RUNTIME__ = true;
+  absoluteWindow.__ABS_SLOT_CONSUMERS__ = absoluteWindow.__ABS_SLOT_CONSUMERS__ ?? {};
+  absoluteWindow.__ABS_SLOT_PENDING__ = absoluteWindow.__ABS_SLOT_PENDING__ ?? {};
+  const consumers = absoluteWindow.__ABS_SLOT_CONSUMERS__;
+  const pending = absoluteWindow.__ABS_SLOT_PENDING__;
+  const isObjectRecord = (value) => Boolean(value) && typeof value === "object";
+  const isPatchedPendingEntry = (value) => {
+    if (!isObjectRecord(value))
+      return false;
+    return value.domPatched === true && "payload" in value;
+  };
+  const unwrapPendingPayload = (value) => isPatchedPendingEntry(value) ? value.payload : value;
+  const canApplyImmediately = () => absoluteWindow.__ABS_SLOT_HYDRATION_PENDING__ !== true;
+  const isAngularDeferPayload = (payload) => {
+    if (!isObjectRecord(payload))
+      return false;
+    return payload.kind === "angular-defer";
+  };
+  const isVueSuspensePayload = (payload) => {
+    if (!isObjectRecord(payload))
+      return false;
+    return payload.kind === "vue-suspense";
+  };
+  const resolveHtml = (payload) => {
+    if (!isObjectRecord(payload)) {
+      return typeof payload === "string" ? payload : "";
+    }
+    if (typeof payload.html === "string") {
+      return payload.html;
+    }
+    return "";
+  };
+  const apply = (id, pendingEntry) => {
+    const payload = unwrapPendingPayload(pendingEntry);
+    if (!canApplyImmediately()) {
+      pending[id] = payload;
       return;
-    const loadedModule = await import(modulePath);
-    return loadedModule.default;
+    }
+    const consumer = consumers[id];
+    if (typeof consumer !== "function") {
+      applyToDom(id, payload, pendingEntry);
+      return;
+    }
+    const handled = consumer(payload);
+    if (handled !== false) {
+      delete pending[id];
+      return;
+    }
+    applyToDom(id, payload, pendingEntry);
   };
-};
-// src/client/islandRuntime.ts
+  const applyToDom = (id, payload, pendingEntry) => {
+    if (isAngularDeferPayload(payload)) {
+      pending[id] = payload;
+      return;
+    }
+    const node = document.getElementById(id);
+    if (!node) {
+      pending[id] = payload;
+      return;
+    }
+    const html = resolveHtml(payload);
+    if (isVueSuspensePayload(payload) && isPatchedPendingEntry(pendingEntry)) {
+      return;
+    }
+    node.innerHTML = html;
+    node.setAttribute("data-absolute-slot-state", "resolved");
+    window.dispatchEvent(new CustomEvent(SLOT_PATCH_EVENT, {
+      detail: { html, id, payload }
+    }));
+    if (isVueSuspensePayload(payload)) {
+      pending[id] = { domPatched: true, payload };
+      return;
+    }
+    delete pending[id];
+  };
+  const flush = () => {
+    for (const id in pending) {
+      if (!Object.prototype.hasOwnProperty.call(pending, id))
+        continue;
+      apply(id, pending[id] ?? "");
+    }
+  };
+  absoluteWindow.__ABS_SLOT_FLUSH__ = flush;
+  absoluteWindow.__ABS_SLOT_ENQUEUE__ = (id, payload) => {
+    apply(id, payload);
+  };
+  if (typeof MutationObserver === "function") {
+    const observer = new MutationObserver(flush);
+    const root = document.documentElement ?? document.body ?? document;
+    observer.observe(root, { childList: true, subtree: true });
+  }
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", flush, { once: true });
+  }
+  flush();
+}, stripFunctionWrapper = (value) => {
+  const start = value.indexOf("{");
+  const end = value.lastIndexOf("}");
+  if (start < 0 || end <= start)
+    return "";
+  return value.slice(start + 1, end);
+}, getStreamSwapRuntimeScript = () => `(function(){${stripFunctionWrapper(streamSwapRuntime.toString())}})();`;
+
+// src/core/islands.ts
+function getIslandComponent(component) {
+  if (isIslandComponentDefinition(component)) {
+    return component.component;
+  }
+  return component;
+}
+var defineIslandComponent = (component, options) => ({
+  component,
+  export: options.export,
+  source: options.source
+}), defineIslandRegistry = (registry) => registry, isRecord = (value) => typeof value === "object" && value !== null, getIslandBuildReference = (component) => {
+  if (!isIslandComponentDefinition(component))
+    return null;
+  return {
+    export: component.export,
+    source: component.source
+  };
+}, isIslandComponentDefinition = (value) => isRecord(value) && ("component" in value) && ("source" in value) && typeof value.source === "string", parseIslandProps = (rawProps) => {
+  if (!rawProps)
+    return {};
+  return JSON.parse(rawProps);
+}, serializeIslandProps = (props) => JSON.stringify(props ?? {});
+var init_islands = () => {};
+
+// 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/client/hydrators/react.ts
+var exports_react = {};
+__export(exports_react, {
+  isReactComponent: () => isReactComponent,
+  hydrateReactIsland: () => hydrateReactIsland
+});
 import { createElement } from "react";
 import { hydrateRoot } from "react-dom/client";
-import { hydrate as hydrateSvelte } from "svelte";
-import { createSSRApp, h } from "vue";
-initializeIslandMarkupSnapshot();
-var idleDeadline = {
-  didTimeout: false,
-  timeRemaining: () => 0
-};
-var requestIdle = typeof window !== "undefined" && "requestIdleCallback" in window ? window.requestIdleCallback.bind(window) : (callback) => window.setTimeout(() => callback(idleDeadline), 1);
-var hydrateReactIsland = (component, element, props) => {
+var reactIslandRoots, isPropsRecord = (value) => typeof value === "object" && value !== null, isReactComponent = (value) => typeof value === "function", hydrateReactIsland = (component, element, props) => {
   const existingRoot = reactIslandRoots.get(element);
   if (existingRoot) {
     existingRoot.render(isPropsRecord(props) ? createElement(component, props) : createElement(component));
@@ -65,63 +253,896 @@ var hydrateReactIsland = (component, element, props) => {
   }
   reactIslandRoots.set(element, hydrateRoot(element, createElement(component, props)));
 };
-var hydrateSvelteIsland = (component, element, props) => {
+var init_react = __esm(() => {
+  reactIslandRoots = new WeakMap;
+});
+
+// src/client/hydrators/svelte.ts
+var exports_svelte = {};
+__export(exports_svelte, {
+  isSvelteComponent: () => isSvelteComponent,
+  hydrateSvelteIsland: () => hydrateSvelteIsland
+});
+import { hydrate as hydrateSvelte } from "svelte";
+var isPropsRecord2 = (value) => typeof value === "object" && value !== null, isSvelteComponent = (value) => typeof value === "function", hydrateSvelteIsland = (component, element, props) => {
   hydrateSvelte(component, {
-    props: isPropsRecord(props) ? props : undefined,
+    props: isPropsRecord2(props) ? props : undefined,
     target: element
   });
 };
-var hydrateVueIsland = (component, element, props) => {
+var init_svelte = () => {};
+
+// src/client/hydrators/vue.ts
+var exports_vue = {};
+__export(exports_vue, {
+  isVueComponent: () => isVueComponent,
+  hydrateVueIsland: () => hydrateVueIsland
+});
+import { createSSRApp, h } from "vue";
+var vueIslandApps, isPropsRecord3 = (value) => typeof value === "object" && value !== null, isVueComponent = (value) => typeof value === "function" || isPropsRecord3(value), hydrateVueIsland = (component, element, props) => {
   if (vueIslandApps.has(element)) {
     return;
   }
   const app = createSSRApp({
-    render: () => h(component, isPropsRecord(props) ? props : undefined)
+    render: () => h(component, isPropsRecord3(props) ? props : undefined)
   });
   app.mount(element);
   vueIslandApps.set(element, app);
 };
+var init_vue = __esm(() => {
+  vueIslandApps = new WeakMap;
+});
+
+// src/angular/resolveAngularPackage.ts
+import { existsSync, readFileSync } from "fs";
+import { join, resolve } from "path";
+var resolveAngularPackageDir = (specifier) => {
+  const fromCompiledRuntime = process.env.ABSOLUTE_BUILD_DIR ? resolve(process.env.ABSOLUTE_BUILD_DIR, "node_modules", specifier) : null;
+  if (fromCompiledRuntime && existsSync(fromCompiledRuntime)) {
+    return fromCompiledRuntime;
+  }
+  const fromProject = resolve(process.cwd(), "node_modules", specifier);
+  if (existsSync(fromProject)) {
+    return fromProject;
+  }
+  return null;
+}, resolvePackageEntry = (packageDir) => {
+  try {
+    const pkg = JSON.parse(readFileSync(join(packageDir, "package.json"), "utf-8"));
+    const rootExport = pkg.exports?.["."];
+    const entry = (typeof rootExport === "string" ? rootExport : rootExport?.default) ?? pkg.module ?? pkg.main ?? "index.js";
+    return join(packageDir, entry);
+  } catch {
+    return packageDir;
+  }
+}, resolveAngularPackage = (specifier) => {
+  const packageDir = resolveAngularPackageDir(specifier);
+  if (packageDir)
+    return resolvePackageEntry(packageDir);
+  return specifier;
+}, toSafeVendorName = (specifier) => specifier.replace(/^@/, "").replace(/\//g, "_"), resolveAngularRuntimePath = (specifier) => {
+  const buildDir = process.env.ABSOLUTE_BUILD_DIR;
+  if (buildDir) {
+    const vendorPath = join(buildDir, "angular", "vendor", "server", `${toSafeVendorName(specifier)}.js`);
+    if (existsSync(vendorPath))
+      return vendorPath;
+  }
+  return resolveAngularPackage(specifier);
+};
+var init_resolveAngularPackage = () => {};
+
+// src/angular/angularPatch.ts
+var exports_angularPatch = {};
+__export(exports_angularPatch, {
+  applyPatches: () => applyPatches
+});
+var ensureHead = (doc) => {
+  if (!doc || doc.head || !doc.documentElement) {
+    return;
+  }
+  const head = doc.createElement("head");
+  doc.documentElement.insertBefore(head, doc.documentElement.firstChild);
+}, SSR_LAYOUT_RECT, layoutPatchApplied = false, collectPrototypeChain = (instance) => {
+  const protos = [];
+  let current = instance ? Object.getPrototypeOf(instance) : null;
+  while (current && current !== Object.prototype) {
+    protos.push(current);
+    current = Object.getPrototypeOf(current);
+  }
+  return protos;
+}, patchElementLayout = (doc) => {
+  if (layoutPatchApplied || !doc) {
+    return;
+  }
+  let element;
+  try {
+    element = doc.createElement("div");
+  } catch {
+    return;
+  }
+  const protos = collectPrototypeChain(element);
+  if (protos.length === 0)
+    return;
+  const copyLayoutRect = (rect) => ({ ...rect });
+  const createLayoutRect = () => copyLayoutRect(SSR_LAYOUT_RECT);
+  const getClientRects = () => [];
+  const noop = () => {
+    return;
+  };
+  const numericProps = [
+    "clientWidth",
+    "clientHeight",
+    "clientLeft",
+    "clientTop",
+    "offsetWidth",
+    "offsetHeight",
+    "offsetLeft",
+    "offsetTop",
+    "scrollWidth",
+    "scrollHeight",
+    "scrollLeft",
+    "scrollTop"
+  ];
+  for (const proto of protos) {
+    const define = (name, value) => {
+      const descriptor = Object.getOwnPropertyDescriptor(proto, name);
+      if (typeof descriptor?.value === "function")
+        return;
+      Object.defineProperty(proto, name, {
+        configurable: true,
+        value,
+        writable: true
+      });
+    };
+    define("getBoundingClientRect", createLayoutRect);
+    define("getClientRects", getClientRects);
+    define("scrollTo", noop);
+    define("scrollBy", noop);
+    define("scrollIntoView", noop);
+    define("focus", noop);
+    define("blur", noop);
+    for (const prop of numericProps) {
+      const desc = Object.getOwnPropertyDescriptor(proto, prop);
+      if (desc)
+        continue;
+      Object.defineProperty(proto, prop, {
+        configurable: true,
+        get: () => 0
+      });
+    }
+  }
+  layoutPatchApplied = true;
+}, applyPatches = async () => {
+  const { \u{275}DominoAdapter } = await import(resolveAngularRuntimePath("@angular/platform-server"));
+  if (!\u{275}DominoAdapter?.prototype) {
+    console.warn("[Angular Patch] \u0275DominoAdapter not found, skipping patches");
+    return false;
+  }
+  try {
+    const adapter = new \u{275}DominoAdapter;
+    const seedDoc = typeof adapter.createHtmlDocument === "function" ? adapter.createHtmlDocument() : typeof adapter.getDefaultDocument === "function" ? adapter.getDefaultDocument() : null;
+    if (seedDoc) {
+      patchElementLayout(seedDoc);
+      const probe = seedDoc.createElement("div");
+      if (typeof probe.getBoundingClientRect !== "function") {
+        console.warn("[Angular Patch] Layout shim did not stick on probe element prototype chain");
+      }
+    }
+  } catch (error) {
+    console.warn("[Angular Patch] Could not eagerly patch Element prototypes:", error);
+  }
+  const proto = \u{275}DominoAdapter.prototype;
+  const origGetBaseHref = proto.getBaseHref;
+  proto.getBaseHref = function(doc) {
+    if (!doc || !doc.head || typeof doc.head.children === "undefined") {
+      return "";
+    }
+    return origGetBaseHref.call(this, doc);
+  };
+  const origCreateHtmlDocument = proto.createHtmlDocument;
+  proto.createHtmlDocument = function() {
+    const doc = origCreateHtmlDocument.call(this);
+    ensureHead(doc);
+    patchElementLayout(doc);
+    return doc;
+  };
+  const origGetDefaultDocument = proto.getDefaultDocument;
+  proto.getDefaultDocument = function() {
+    const doc = origGetDefaultDocument.call(this);
+    ensureHead(doc);
+    patchElementLayout(doc);
+    return doc;
+  };
+  return true;
+};
+var init_angularPatch = __esm(() => {
+  init_resolveAngularPackage();
+  SSR_LAYOUT_RECT = Object.freeze({
+    bottom: 0,
+    height: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+    width: 0,
+    x: 0,
+    y: 0,
+    toJSON() {
+      return this;
+    }
+  });
+});
+
+// src/angular/angularDeps.ts
+var initDominoAdapter = (platformServer) => {
+  try {
+    platformServer.\u{275}DominoAdapter?.makeCurrent?.();
+  } catch (err) {
+    console.error("Failed to initialize DominoAdapter:", err);
+  }
+}, loadAngularDeps = async () => {
+  if (true) {
+    await import(resolveAngularRuntimePath("@angular/compiler"));
+  }
+  const { applyPatches: applyPatches2 } = await Promise.resolve().then(() => (init_angularPatch(), exports_angularPatch));
+  await applyPatches2();
+  const [platformBrowser, platformServer, common, core] = await Promise.all([
+    import(resolveAngularRuntimePath("@angular/platform-browser")),
+    import(resolveAngularRuntimePath("@angular/platform-server")),
+    import(resolveAngularRuntimePath("@angular/common")),
+    import(resolveAngularRuntimePath("@angular/core"))
+  ]);
+  if (false) {}
+  initDominoAdapter(platformServer);
+  return {
+    APP_BASE_HREF: common.APP_BASE_HREF,
+    bootstrapApplication: platformBrowser.bootstrapApplication,
+    DomSanitizer: platformBrowser.DomSanitizer,
+    ENVIRONMENT_INITIALIZER: core.ENVIRONMENT_INITIALIZER,
+    inject: core.inject,
+    provideClientHydration: platformBrowser.provideClientHydration,
+    provideServerRendering: platformServer.provideServerRendering,
+    provideZonelessChangeDetection: core.provideZonelessChangeDetection,
+    reflectComponentType: core.reflectComponentType,
+    renderApplication: platformServer.renderApplication,
+    REQUEST: core.REQUEST,
+    REQUEST_CONTEXT: core.REQUEST_CONTEXT,
+    RESPONSE_INIT: core.RESPONSE_INIT,
+    Sanitizer: core.Sanitizer,
+    SecurityContext: core.SecurityContext,
+    withHttpTransferCacheOptions: platformBrowser.withHttpTransferCacheOptions
+  };
+}, angularDeps = null, getAngularDeps = () => {
+  if (!angularDeps) {
+    angularDeps = loadAngularDeps();
+  }
+  return angularDeps;
+};
+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();
+  if (!scriptRegistry.has(id)) {
+    scriptRegistry.set(id, new Set);
+  }
+  scriptRegistry.get(id)?.add(script);
+  return id;
+}, setSsrContextGetter = (getter) => {
+  ssrContextGetter = getter;
+}, clearAllClientScripts = () => {
+  scriptRegistry.clear();
+}, generateClientScriptCode = (scripts) => {
+  if (scripts.length === 0) {
+    return "";
+  }
+  const scriptCode = scripts.map((script, index) => {
+    const funcString = script.toString();
+    const bodyMatch = funcString.match(/\{([\s\S]*)\}/);
+    if (!bodyMatch || !bodyMatch[1]) {
+      return "";
+    }
+    const body = bodyMatch[1].trim();
+    return `
+	(function() {
+		var executed = false;
+		function executeScript_${index}() {
+			if (executed) return;
+			executed = true;
+			${body}
+		}
+
+		if (document.readyState === 'complete' || document.readyState === 'interactive') {
+			executeScript_${index}();
+		} else {
+			document.addEventListener('DOMContentLoaded', executeScript_${index});
+		}
+
+		// Watch for hydration-added elements
+		var observer = new MutationObserver(function() {
+			executeScript_${index}();
+			if (executed) observer.disconnect();
+		});
+		if (!executed) {
+			observer.observe(document.body || document.documentElement, { childList: true, subtree: true });
+		}
+
+		// Single fallback timeout
+		setTimeout(function() {
+			executeScript_${index}();
+			observer.disconnect();
+		}, 1000);
+	})();`;
+  }).join(`
+`);
+  return `<script>
+(function() {
+${scriptCode}
+})();
+</script>`;
+}, getAndClearClientScripts = (requestId) => {
+  const id = requestId || ssrContextGetter?.();
+  if (!id)
+    return [];
+  const scripts = scriptRegistry.get(id);
+  if (!scripts) {
+    return [];
+  }
+  const scriptArray = Array.from(scripts);
+  scriptRegistry.delete(id);
+  return scriptArray;
+};
+var init_registerClientScript = __esm(() => {
+  scriptRegistry = new Map;
+  if (typeof globalThis !== "undefined") {
+    Object.assign(globalThis, { registerClientScript });
+  }
+});
+
+// src/angular/httpTransferCache.ts
+var ABSOLUTE_HTTP_TRANSFER_CACHE_SKIP_HEADER = "x-skip-transfer-cache", buildAbsoluteHttpTransferCacheOptions = (options = {}) => {
+  const {
+    filter: userFilter,
+    skipHeader = ABSOLUTE_HTTP_TRANSFER_CACHE_SKIP_HEADER,
+    ...angularOptions
+  } = options;
+  return {
+    includePostRequests: false,
+    includeRequestsWithAuthHeaders: false,
+    ...angularOptions,
+    filter: (request) => !request.headers.has(skipHeader) && (userFilter?.(request) ?? true)
+  };
+};
+
+// src/angular/requestProviders.ts
+import { REQUEST, REQUEST_CONTEXT, RESPONSE_INIT } from "@angular/core";
+var buildRequestProviders = (deps, request, requestContext, responseInit) => [
+  { provide: deps.REQUEST, useValue: request ?? null },
+  { provide: deps.REQUEST_CONTEXT, useValue: requestContext ?? null },
+  { provide: deps.RESPONSE_INIT, useValue: responseInit ?? null }
+];
+var init_requestProviders = () => {};
+
+// src/angular/ssrRender.ts
+var routePropsCache, cacheRouteData = (pagePath, data) => {
+  const cacheKey = pagePath.split("?")[0] ?? pagePath;
+  routePropsCache.set(cacheKey, data);
+}, getCachedRouteData = (pagePath) => routePropsCache.get(pagePath), selectorCache, buildProviders = (deps, sanitizer, maybeProps, tokenMap, request, requestContext, responseInit, userProviders = []) => {
+  const providers = [
+    deps.provideServerRendering(),
+    deps.provideClientHydration(deps.withHttpTransferCacheOptions(buildAbsoluteHttpTransferCacheOptions())),
+    deps.provideZonelessChangeDetection(),
+    { provide: deps.APP_BASE_HREF, useValue: "/" },
+    {
+      provide: deps.DomSanitizer,
+      useValue: sanitizer
+    },
+    { provide: deps.Sanitizer, useValue: sanitizer },
+    ...buildRequestProviders(deps, request, requestContext, responseInit),
+    ...userProviders
+  ];
+  if (!maybeProps) {
+    return providers;
+  }
+  const propProviders = Object.entries(maybeProps).map(([propName, propValue]) => ({
+    token: tokenMap.get(toScreamingSnake(propName)),
+    value: propValue
+  })).filter((entry) => entry.token).map((entry) => ({ provide: entry.token, useValue: entry.value }));
+  return [...providers, ...propProviders];
+}, clearSelectorCache = () => selectorCache.clear(), isInjectionToken = (value) => {
+  if (!value || typeof value !== "object") {
+    return false;
+  }
+  return "ngMetadataName" in value && value.ngMetadataName === "InjectionToken";
+}, discoverTokens = (pageModule) => new Map(Object.entries(pageModule).filter(([, value]) => isInjectionToken(value))), resolveSelector = (deps, pagePath, PageComponent) => {
+  const cached = selectorCache.get(pagePath);
+  if (cached) {
+    return cached;
+  }
+  const selector = deps.reflectComponentType(PageComponent)?.selector ?? "ng-app";
+  selectorCache.set(pagePath, selector);
+  return selector;
+}, injectBeforeClose = (html, snippet) => {
+  if (html.includes("</body>")) {
+    return html.replace("</body>", `${snippet}</body>`);
+  }
+  if (html.includes("</html>")) {
+    return html.replace("</html>", `${snippet}</html>`);
+  }
+  return html + snippet;
+}, injectSsrScripts = (html, requestId, indexPath, props) => {
+  let result = html;
+  const registeredScripts = getAndClearClientScripts(requestId);
+  if (registeredScripts.length > 0) {
+    result = injectBeforeClose(result, generateClientScriptCode(registeredScripts));
+  }
+  if (props) {
+    result = injectBeforeClose(result, `<script>window.__ABS_ANGULAR_PAGE_PROPS__ = ${JSON.stringify(props)};</script>`);
+  }
+  if (indexPath) {
+    const escapedIndexPath = JSON.stringify(indexPath);
+    result = injectBeforeClose(result, `<script>import(${escapedIndexPath});</script>`);
+  }
+  return result;
+}, renderAngularApp = async (deps, PageComponent, providers, document2, url = "/") => {
+  const bootstrap = (context) => deps.bootstrapApplication(PageComponent, { providers }, context);
+  return withSuppressedAngularDevLogs(() => deps.renderApplication(bootstrap, {
+    document: document2,
+    platformProviders: [],
+    url
+  }));
+}, withSuppressedAngularDevLogs = async (render) => {
+  const origLog = console.log;
+  console.log = (...args) => {
+    if (typeof args[0] === "string" && args[0].includes("development mode")) {
+      return;
+    }
+    origLog.apply(console, args);
+  };
+  try {
+    return await render();
+  } finally {
+    console.log = origLog;
+  }
+};
+var init_ssrRender = __esm(() => {
+  init_registerClientScript();
+  init_requestProviders();
+  routePropsCache = new Map;
+  selectorCache = new Map;
+});
+
+// src/angular/islands.ts
+var exports_islands = {};
+__export(exports_islands, {
+  renderAngularIslandToHtml: () => renderAngularIslandToHtml,
+  mountAngularIsland: () => mountAngularIsland,
+  isAngularComponent: () => isAngularComponent,
+  getAngularIslandSelector: () => getAngularIslandSelector
+});
+var angularIslandSelector = "abs-angular-island", isAngularComponent = (value) => typeof value === "function", getAngularIslandSelector = (_islandId) => angularIslandSelector, getSelectorFromRenderedIsland = (rootElement) => {
+  const firstChild = rootElement.firstElementChild;
+  if (!(firstChild instanceof HTMLElement)) {
+    return null;
+  }
+  const selector = firstChild.tagName.toLowerCase();
+  return selector.length > 0 ? selector : null;
+}, getClientAngularComponentSelector = (component) => {
+  const maybeDef = Reflect.get(component, "\u0275cmp");
+  if (typeof maybeDef !== "object" || maybeDef === null) {
+    return null;
+  }
+  const maybeSelectors = Reflect.get(maybeDef, "selectors");
+  if (!Array.isArray(maybeSelectors)) {
+    return null;
+  }
+  const [firstSelectorGroup] = maybeSelectors;
+  if (!Array.isArray(firstSelectorGroup)) {
+    return null;
+  }
+  const [selector] = firstSelectorGroup;
+  return typeof selector === "string" && selector.length > 0 ? selector : null;
+}, createAngularIslandApp = async () => {
+  const { EnvironmentInjector, provideZonelessChangeDetection } = await import("@angular/core");
+  const { createApplication } = await import("@angular/platform-browser");
+  const app = await createApplication({
+    providers: [provideZonelessChangeDetection()]
+  });
+  const environmentInjector = app.injector.get(EnvironmentInjector);
+  return { app, environmentInjector };
+}, angularIslandAppPromise = null, getAngularIslandApp = async () => {
+  if (!angularIslandAppPromise) {
+    angularIslandAppPromise = createAngularIslandApp();
+  }
+  return angularIslandAppPromise;
+}, wrapperMetadataCache, requestRenderCache, getRequestRenderCache = () => {
+  const requestId = getSsrContextId();
+  if (!requestId) {
+    return null;
+  }
+  const cached = requestRenderCache.get(requestId);
+  if (cached) {
+    return cached;
+  }
+  const renderCache = new Map;
+  requestRenderCache.set(requestId, renderCache);
+  return renderCache;
+}, getAngularIslandWrapperKey = (component, _islandId) => {
+  const componentName = typeof component.name === "string" && component.name.length > 0 ? component.name : "AngularIsland";
+  return `${componentName}:${angularIslandSelector}`;
+}, getIslandRenderCacheKey = (component, props) => {
+  const componentName = typeof component.name === "string" && component.name.length > 0 ? component.name : "AngularIsland";
+  return `${componentName}:${JSON.stringify(props)}`;
+}, buildAngularIslandWrapperMetadata = async (component, islandId, wrapperKey) => {
+  const { Component, InjectionToken, inject } = await import("@angular/core");
+  const { NgComponentOutlet } = await import("@angular/common");
+  const deps = await getAngularDeps();
+  const selector = getAngularIslandSelector(islandId);
+  const propsToken = new InjectionToken(`${wrapperKey}:props`);
+
+  class AngularIslandWrapperComponent {
+    component = component;
+    props = inject(propsToken);
+  }
+  return {
+    deps,
+    propsToken,
+    selector,
+    WrapperComponent: Component({
+      imports: [NgComponentOutlet, component],
+      selector,
+      standalone: true,
+      template: '<ng-container *ngComponentOutlet="component; inputs: props"></ng-container>'
+    })(AngularIslandWrapperComponent)
+  };
+}, createAngularIslandWrapper = async (component, islandId) => {
+  const wrapperKey = getAngularIslandWrapperKey(component, islandId);
+  const cached = wrapperMetadataCache.get(wrapperKey);
+  if (cached) {
+    return cached;
+  }
+  const metadataPromise = buildAngularIslandWrapperMetadata(component, islandId, wrapperKey);
+  wrapperMetadataCache.set(wrapperKey, metadataPromise);
+  return metadataPromise;
+}, extractAngularIslandRoot = (html, selector) => {
+  const openTag = `<${selector}`;
+  const start = html.indexOf(openTag);
+  if (start < 0) {
+    throw new Error(`Could not find Angular island root "${selector}".`);
+  }
+  const endTag = `</${selector}>`;
+  const end = html.indexOf(endTag, start);
+  if (end < 0) {
+    throw new Error(`Could not close Angular island root "${selector}".`);
+  }
+  return html.slice(start, end + endTag.length);
+}, mountAngularIsland = async (component, element, props, islandId) => {
+  await import("@angular/compiler");
+  const { createComponent, inputBinding } = await import("@angular/core");
+  const selector = getAngularIslandSelector(islandId);
+  const { app, environmentInjector } = await getAngularIslandApp();
+  let rootElement = element.querySelector(selector);
+  if (!(rootElement instanceof HTMLElement)) {
+    element.innerHTML = `<${selector}></${selector}>`;
+    rootElement = element.querySelector(selector);
+  }
+  if (!(rootElement instanceof HTMLElement))
+    return app;
+  const componentSelector = getClientAngularComponentSelector(component) ?? getSelectorFromRenderedIsland(rootElement);
+  if (!componentSelector)
+    return app;
+  rootElement.innerHTML = `<${componentSelector}></${componentSelector}>`;
+  const hostElement = rootElement.querySelector(componentSelector);
+  if (!(hostElement instanceof HTMLElement))
+    return app;
+  const bindings = Object.entries(props).map(([key, value]) => inputBinding(key, () => value));
+  const componentRef = createComponent(component, {
+    bindings,
+    environmentInjector,
+    hostElement
+  });
+  app.attachView(componentRef.hostView);
+  componentRef.changeDetectorRef.detectChanges();
+  window.__ABS_ANGULAR_ISLAND_APPS__ ??= [];
+  window.__ABS_ANGULAR_ISLAND_APPS__.push(app);
+  return app;
+}, renderAngularIslandToHtml = async (component, props, islandId) => {
+  const requestCache = getRequestRenderCache();
+  const renderCacheKey = getIslandRenderCacheKey(component, props);
+  const cachedHtml = requestCache?.get(renderCacheKey);
+  if (cachedHtml) {
+    return cachedHtml;
+  }
+  const { deps, propsToken, selector, WrapperComponent } = await createAngularIslandWrapper(component, islandId);
+  const providers = [
+    deps.provideServerRendering(),
+    deps.provideZonelessChangeDetection(),
+    { provide: deps.APP_BASE_HREF, useValue: "/" },
+    { provide: propsToken, useValue: props }
+  ];
+  const document2 = `<!DOCTYPE html><html><body><${selector}></${selector}></body></html>`;
+  const html = await withSuppressedAngularDevLogs(() => deps.renderApplication((context) => deps.bootstrapApplication(WrapperComponent, { providers }, context), {
+    document: document2,
+    platformProviders: [],
+    url: "/"
+  }));
+  const islandHtml = extractAngularIslandRoot(html, selector);
+  requestCache?.set(renderCacheKey, islandHtml);
+  return islandHtml;
+};
+var init_islands2 = __esm(() => {
+  init_angularDeps();
+  init_ssrRender();
+  init_registerClientScript();
+  wrapperMetadataCache = new Map;
+  requestRenderCache = new Map;
+});
+
+// src/client/islandResolver.ts
+var createIslandManifestResolver = (manifest) => {
+  const islandManifest = getIslandManifestEntries(manifest);
+  return async (framework, component) => {
+    const modulePath = islandManifest[framework]?.[component] ?? manifest[getIslandManifestKey(framework, component)];
+    if (!modulePath)
+      return;
+    const loadedModule = await import(modulePath);
+    return loadedModule.default;
+  };
+};
+// node_modules/zustand/esm/vanilla.mjs
+var createStoreImpl = (createState) => {
+  let state;
+  const listeners = /* @__PURE__ */ new Set;
+  const setState = (partial, replace) => {
+    const nextState = typeof partial === "function" ? partial(state) : partial;
+    if (!Object.is(nextState, state)) {
+      const previousState = state;
+      state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach((listener) => listener(state, previousState));
+    }
+  };
+  const getState = () => state;
+  const getInitialState = () => initialState;
+  const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+  const api = { setState, getState, getInitialState, subscribe };
+  const initialState = state = createState(setState, getState, api);
+  return api;
+};
+var createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
+
+// node_modules/zustand/esm/middleware.mjs
+function combine(initialState, create) {
+  return (...args) => Object.assign({}, initialState, create(...args));
+}
+
+// src/client/islandStore.ts
+var getIslandStoreSnapshot = () => {
+  globalThis.__ABS_ISLAND_STATE__ ??= {};
+  return globalThis.__ABS_ISLAND_STATE__;
+};
+var getIslandStores = () => {
+  globalThis.__ABS_ISLAND_STORES__ ??= new Map;
+  return globalThis.__ABS_ISLAND_STORES__;
+};
+var isSerializableValue = (value) => typeof value !== "function" && value !== undefined;
+var toSerializableState = (state) => Object.fromEntries(Object.entries(state).filter(([, value]) => isSerializableValue(value)));
+var applySnapshot = (store, snapshot) => {
+  if (!snapshot) {
+    return;
+  }
+  store.setState({
+    ...store.getState(),
+    ...snapshot
+  });
+};
+var getPeerStores = (storeInstances, ownerStore) => [...storeInstances].filter((peer) => peer.store !== ownerStore);
+var syncIslandSnapshot = (storeId, state, storeInstances, ownerStore) => {
+  const nextSnapshot = toSerializableState(state);
+  getIslandStoreSnapshot()[storeId] = nextSnapshot;
+  for (const peerStore of getPeerStores(storeInstances, ownerStore)) {
+    peerStore.applyExternalSnapshot(nextSnapshot);
+  }
+};
+var createIslandStore = (storeId, initialState, createState) => {
+  const store = createStore(combine(initialState, createState));
+  const stores = getIslandStores();
+  const storeInstances = stores.get(storeId) ?? new Set;
+  const initialSnapshot = getIslandStoreSnapshot()[storeId];
+  applySnapshot(store, initialSnapshot);
+  let isApplyingExternalSnapshot = false;
+  const applyExternalSnapshot = (snapshot) => {
+    isApplyingExternalSnapshot = true;
+    applySnapshot(store, snapshot);
+  };
+  storeInstances.add({
+    applyExternalSnapshot,
+    store
+  });
+  stores.set(storeId, storeInstances);
+  syncIslandSnapshot(storeId, store.getState(), storeInstances, store);
+  store.subscribe((state) => {
+    if (isApplyingExternalSnapshot) {
+      isApplyingExternalSnapshot = false;
+      return;
+    }
+    syncIslandSnapshot(storeId, state, storeInstances, store);
+  });
+  return store;
+};
+var getIslandStoreServerSnapshot = (store, selector) => selector(store.getInitialState());
+var applySnapshotToStoreInstances = (storeId, instances, snapshot) => {
+  for (const instance of instances) {
+    instance.applyExternalSnapshot(snapshot[storeId] ?? {});
+  }
+};
+var initializeIslandStores = (state) => {
+  const currentSnapshot = getIslandStoreSnapshot();
+  const nextSnapshot = {
+    ...state,
+    ...currentSnapshot
+  };
+  globalThis.__ABS_ISLAND_STATE__ = nextSnapshot;
+  for (const [storeId, store] of getIslandStores()) {
+    applySnapshotToStoreInstances(storeId, store, nextSnapshot);
+  }
+};
+var readIslandStore = (store, selector) => selector(store.getState());
+var subscribeIslandStore = (store, selector, listener) => {
+  let currentSelection = selector(store.getState());
+  return store.subscribe((state) => {
+    const nextSelection = selector(state);
+    if (Object.is(nextSelection, currentSelection)) {
+      return;
+    }
+    currentSelection = nextSelection;
+    listener(nextSelection);
+  });
+};
+// src/client/islandRuntime.ts
+init_islands();
+
+// src/client/preserveIslandMarkup.ts
+init_islandMarkupAttributes();
+var getClaimMap = () => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  window.__ABS_CLAIMED_ISLAND_MARKUP__ ??= new Map;
+  return window.__ABS_CLAIMED_ISLAND_MARKUP__;
+};
+var getSnapshotMap = () => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  window.__ABS_SERVER_ISLAND_HTML__ ??= new Map;
+  return window.__ABS_SERVER_ISLAND_HTML__;
+};
+var getIslandSignature = (props) => {
+  const attributes = getIslandMarkerAttributes(props);
+  return [
+    attributes["data-component"],
+    attributes["data-framework"],
+    attributes["data-hydrate"],
+    attributes["data-props"]
+  ].join("::");
+};
+var isMatchingIslandElement = (element, props) => {
+  if (!(element instanceof HTMLElement)) {
+    return false;
+  }
+  const attributes = getIslandMarkerAttributes(props);
+  return element.dataset.island === "true" && element.dataset.component === attributes["data-component"] && element.dataset.framework === attributes["data-framework"] && (element.dataset.hydrate ?? "load") === attributes["data-hydrate"] && (element.dataset.props ?? "{}") === attributes["data-props"];
+};
+var snapshotIslandElement = (element, snapshotMap) => {
+  const signature = [
+    element.dataset.component,
+    element.dataset.framework,
+    element.dataset.hydrate ?? "load",
+    element.dataset.props ?? "{}"
+  ].join("::");
+  const existing = snapshotMap.get(signature) ?? [];
+  const attributes = Object.fromEntries(element.getAttributeNames().map((name) => [name, element.getAttribute(name) ?? ""]));
+  existing.push({
+    attributes,
+    innerHTML: element.innerHTML
+  });
+  snapshotMap.set(signature, existing);
+};
+var initializeIslandMarkupSnapshot = () => {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const snapshotMap = getSnapshotMap();
+  if (!snapshotMap || snapshotMap.size > 0) {
+    return;
+  }
+  const elements = Array.from(document.querySelectorAll('[data-island="true"]'));
+  for (const element of elements) {
+    snapshotIslandElement(element, snapshotMap);
+  }
+};
+var preserveIslandMarkup = (props) => {
+  if (typeof document === "undefined") {
+    return {
+      attributes: getIslandMarkerAttributes(props),
+      innerHTML: ""
+    };
+  }
+  const claimMap = getClaimMap();
+  const snapshotMap = getSnapshotMap();
+  const signature = getIslandSignature(props);
+  const claimedCount = claimMap?.get(signature) ?? 0;
+  const snapshotCandidate = snapshotMap?.get(signature)?.[claimedCount];
+  const candidates = Array.from(document.querySelectorAll('[data-island="true"]')).filter((element) => isMatchingIslandElement(element, props));
+  const candidate = candidates[claimedCount];
+  if (claimMap) {
+    claimMap.set(signature, claimedCount + 1);
+  }
+  return {
+    attributes: snapshotCandidate?.attributes ?? getIslandMarkerAttributes(props),
+    innerHTML: snapshotCandidate?.innerHTML ?? candidate?.innerHTML ?? ""
+  };
+};
+
+// src/client/islandRuntime.ts
+initializeIslandMarkupSnapshot();
+var idleDeadline = {
+  didTimeout: false,
+  timeRemaining: () => 0
+};
+var requestIdle = typeof window !== "undefined" && "requestIdleCallback" in window ? window.requestIdleCallback.bind(window) : (callback) => window.setTimeout(() => callback(idleDeadline), 1);
+var isPropsRecord4 = (value) => typeof value === "object" && value !== null;
 var isIslandElement = (value) => value instanceof HTMLElement && value.dataset.island === "true";
-var isPropsRecord = (value) => typeof value === "object" && value !== null;
-var isReactComponent = (value) => typeof value === "function";
-var isSvelteComponent = (value) => typeof value === "function";
-var isVueComponent = (value) => typeof value === "function" || isPropsRecord(value);
-var isAngularComponent = (value) => typeof value === "function";
 var observedRoots = new WeakSet;
 var hydratingIslands = new WeakSet;
-var reactIslandRoots = new WeakMap;
-var vueIslandApps = new WeakMap;
 var hydrateByFramework = async (registry, framework, componentName, element, props, resolveComponent) => {
+  const propsRecord = isPropsRecord4(props) ? props : undefined;
   if (framework === "react") {
+    const { hydrateReactIsland: hydrateReactIsland2, isReactComponent: isReactComponent2 } = await Promise.resolve().then(() => (init_react(), exports_react));
     const resolvedComponent = await resolveComponent?.(framework, componentName) ?? getIslandComponent(registry.react?.[componentName]);
-    if (!isReactComponent(resolvedComponent))
+    if (!isReactComponent2(resolvedComponent))
       return;
-    hydrateReactIsland(resolvedComponent, element, isPropsRecord(props) ? props : undefined);
+    hydrateReactIsland2(resolvedComponent, element, propsRecord);
     element.dataset.hydrated = "true";
     return;
   }
   if (framework === "svelte") {
+    const { hydrateSvelteIsland: hydrateSvelteIsland2, isSvelteComponent: isSvelteComponent2 } = await Promise.resolve().then(() => (init_svelte(), exports_svelte));
     const resolvedComponent = await resolveComponent?.(framework, componentName) ?? getIslandComponent(registry.svelte?.[componentName]);
-    if (!isSvelteComponent(resolvedComponent))
+    if (!isSvelteComponent2(resolvedComponent))
       return;
-    hydrateSvelteIsland(resolvedComponent, element, isPropsRecord(props) ? props : undefined);
+    hydrateSvelteIsland2(resolvedComponent, element, propsRecord);
     element.dataset.hydrated = "true";
     return;
   }
   if (framework === "vue") {
+    const { hydrateVueIsland: hydrateVueIsland2, isVueComponent: isVueComponent2 } = await Promise.resolve().then(() => (init_vue(), exports_vue));
     const resolvedComponent = await resolveComponent?.(framework, componentName) ?? getIslandComponent(registry.vue?.[componentName]);
-    if (!isVueComponent(resolvedComponent))
+    if (!isVueComponent2(resolvedComponent))
       return;
-    hydrateVueIsland(resolvedComponent, element, isPropsRecord(props) ? props : undefined);
+    hydrateVueIsland2(resolvedComponent, element, propsRecord);
     element.dataset.hydrated = "true";
     return;
   }
   if (framework === "angular") {
+    const { mountAngularIsland: mountAngularIsland2, isAngularComponent: isAngularComponent2 } = await Promise.resolve().then(() => (init_islands2(), exports_islands));
     const resolvedComponent = await resolveComponent?.(framework, componentName) ?? getIslandComponent(registry.angular?.[componentName]);
     const { islandId } = element.dataset;
-    if (!isAngularComponent(resolvedComponent) || !islandId)
+    if (!isAngularComponent2(resolvedComponent) || !islandId)
       return;
-    await mountAngularIsland(resolvedComponent, element, isPropsRecord(props) ? props : {}, islandId);
+    await mountAngularIsland2(resolvedComponent, element, propsRecord ?? {}, islandId);
     element.dataset.hydrated = "true";
   }
 };
@@ -222,5 +1243,5 @@ export {
   createIslandManifestResolver
 };
 
-//# debugId=8C111D439F8E329764756E2164756E21
+//# debugId=C91D1959780716EA64756E2164756E21
 //# sourceMappingURL=index.js.map