@absolutejs/absolute 0.20.0-beta.6 → 0.20.0-beta.61

package/dist/client/index.js

@@ -1,67 +1,14 @@
-// @bun
-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;
+import {
+  captureSsrTextBaselines,
+  prepareBrowserTranslationHydration
+} from "./chunks/index-5py90ctf.js";
+import {
+  __require
+} from "./chunks/index-qxjc7kc5.js";
 
 // src/core/islandManifest.ts
-var toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + framework.slice(1), collectFrameworkIslands = (manifest, prefix) => {
+var toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + framework.slice(1);
+var collectFrameworkIslands = (manifest, prefix) => {
   const entries = {};
   let found = false;
   for (const [key, value] of Object.entries(manifest)) {
@@ -74,7 +21,8 @@ var toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + fram
     found = true;
   }
   return found ? entries : undefined;
-}, getIslandManifestEntries = (manifest) => {
+};
+var getIslandManifestEntries = (manifest) => {
   const islands = {};
   const frameworks = ["react", "svelte", "vue", "angular"];
   for (const framework of frameworks) {
@@ -84,8 +32,20 @@ var toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + fram
       islands[framework] = entries;
   }
   return islands;
-}, getIslandManifestKey = (framework, component) => `Island${toIslandFrameworkSegment(framework)}${component}`;
+};
+var getIslandManifestKey = (framework, component) => `Island${toIslandFrameworkSegment(framework)}${component}`;
 
+// 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;
+  };
+};
 // src/client/streamSwap.ts
 var streamSwapRuntime = () => {
   const absoluteWindow = window;
@@ -187,723 +147,15 @@ var streamSwapRuntime = () => {
     document.addEventListener("DOMContentLoaded", flush, { once: true });
   }
   flush();
-}, stripFunctionWrapper = (value) => {
+};
+var 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";
-var reactIslandRoots, isPropsRecord = (value) => typeof value === "object" && value !== null, HOST_REACT_EXPANDO_PREFIXES, detachFromHostReactRoot = (element) => {
-  for (const key of Object.keys(element)) {
-    const isHostExpando = HOST_REACT_EXPANDO_PREFIXES.some((prefix) => key.startsWith(prefix));
-    if (!isHostExpando)
-      continue;
-    Reflect.deleteProperty(element, key);
-  }
-}, hydrateReactIsland = (component, element, props) => {
-  const existingRoot = reactIslandRoots.get(element);
-  if (existingRoot) {
-    existingRoot.render(isPropsRecord(props) ? createElement(component, props) : createElement(component));
-    return;
-  }
-  detachFromHostReactRoot(element);
-  if (!isPropsRecord(props)) {
-    reactIslandRoots.set(element, hydrateRoot(element, createElement(component)));
-    return;
-  }
-  reactIslandRoots.set(element, hydrateRoot(element, createElement(component, props)));
-}, isReactComponent = (value) => typeof value === "function";
-var init_react = __esm(() => {
-  reactIslandRoots = new WeakMap;
-  HOST_REACT_EXPANDO_PREFIXES = [
-    "__reactFiber$",
-    "__reactProps$",
-    "__reactContainer$",
-    "__reactEvents$",
-    "__reactListeners$",
-    "__reactHandles$"
-  ];
-});
-
-// 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, hydrateSvelteIsland = (component, element, props) => {
-  hydrateSvelte(component, {
-    props: isPropsRecord2(props) ? props : undefined,
-    target: element
-  });
-}, isSvelteComponent = (value) => typeof value === "function";
-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, hydrateVueIsland = (component, element, props) => {
-  if (vueIslandApps.has(element)) {
-    return;
-  }
-  const app = createSSRApp({
-    render: () => h(component, isPropsRecord3(props) ? props : undefined)
-  });
-  app.mount(element);
-  vueIslandApps.set(element, app);
-}, isVueComponent = (value) => typeof value === "function" || isPropsRecord3(value);
-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 buildDirs = [
-    process.env.ABSOLUTE_BUILD_DIR,
-    resolve(process.cwd(), "build")
-  ].filter((value) => Boolean(value));
-  for (const buildDir of buildDirs) {
-    const vendorPath = join(buildDir, "angular", "vendor", "server", `${toSafeVendorName(specifier)}.js`);
-    if (existsSync(vendorPath))
-      return vendorPath;
-  }
-  return resolveAngularPackage(specifier);
-};
-var init_resolveAngularPackage = () => {};
-
-// src/utils/runtimeMode.ts
-var ENV_VAR = "NODE_ENV", isDevelopmentRuntime = () => process.env[ENV_VAR] === "development", isProductionRuntime = () => process.env[ENV_VAR] === "production";
-
-// 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 spec = isProductionRuntime() ? resolveAngularRuntimePath("@angular/platform-server") : "@angular/platform-server";
-  const { \u{275}DominoAdapter } = await import(spec);
-  if (!\u{275}DominoAdapter?.prototype) {
-    console.warn("[Angular Patch] \u0275DominoAdapter not found, skipping patches");
-    return false;
-  }
-  try {
-    const adapter = new \u{275}DominoAdapter;
-    const resolveSeedDoc = () => {
-      if (typeof adapter.createHtmlDocument === "function")
-        return adapter.createHtmlDocument();
-      if (typeof adapter.getDefaultDocument === "function")
-        return adapter.getDefaultDocument();
-      return null;
-    };
-    const seedDoc = resolveSeedDoc();
-    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 (!isProductionRuntime()) {
-    await import("@angular/compiler");
-  }
-  const { applyPatches: applyPatches2 } = await Promise.resolve().then(() => (init_angularPatch(), exports_angularPatch));
-  await applyPatches2();
-  const useBareSpecifiers = !isProductionRuntime();
-  const [platformBrowser, platformServer, common, core] = await Promise.all([
-    useBareSpecifiers ? import("@angular/platform-browser") : import(resolveAngularRuntimePath("@angular/platform-browser")),
-    useBareSpecifiers ? import("@angular/platform-server") : import(resolveAngularRuntimePath("@angular/platform-server")),
-    useBareSpecifiers ? import("@angular/common") : import(resolveAngularRuntimePath("@angular/common")),
-    useBareSpecifiers ? import("@angular/core") : import(resolveAngularRuntimePath("@angular/core"))
-  ]);
-  if (!isDevelopmentRuntime()) {
-    core.enableProdMode();
-  }
-  initDominoAdapter(platformServer);
-  return {
-    APP_BASE_HREF: common.APP_BASE_HREF,
-    bootstrapApplication: platformBrowser.bootstrapApplication,
-    Component: core.Component,
-    DomSanitizer: platformBrowser.DomSanitizer,
-    ENVIRONMENT_INITIALIZER: core.ENVIRONMENT_INITIALIZER,
-    inject: core.inject,
-    InjectionToken: core.InjectionToken,
-    NgComponentOutlet: common.NgComponentOutlet,
-    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/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
-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 }
-];
-
-// src/angular/ssrRender.ts
-var routeContextCache, cacheRouteData = (pagePath, data) => {
-  const cacheKey = pagePath.split("?")[0] ?? pagePath;
-  routeContextCache.set(cacheKey, data);
-}, getCachedRouteData = (pagePath) => routeContextCache.get(pagePath), selectorCache, buildProviders = (deps, sanitizer, request, requestContext, responseInit, userProviders = []) => [
-  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
-], 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, requestContext) => {
-  let result = html;
-  const registeredScripts = getAndClearClientScripts(requestId);
-  if (registeredScripts.length > 0) {
-    result = injectBeforeClose(result, generateClientScriptCode(registeredScripts));
-  }
-  if (requestContext !== undefined) {
-    result = injectBeforeClose(result, `<script>window.__ABS_ANGULAR_REQUEST_CONTEXT__ = ${JSON.stringify(requestContext)};</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();
-  routeContextCache = 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", getAngularIslandSelector = (_islandId) => angularIslandSelector, isAngularComponent = (value) => typeof value === "function", 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 deps = await getAngularDeps();
-  const { Component, InjectionToken, NgComponentOutlet, inject } = deps;
-  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;
-  };
 };
+var getStreamSwapRuntimeScript = () => `(function(){${stripFunctionWrapper(streamSwapRuntime.toString())}})();`;
 // node_modules/zustand/esm/vanilla.mjs
 var createStoreImpl = (createState) => {
   let state;
@@ -1016,11 +268,22 @@ var subscribeIslandStore = (store, selector, listener) => {
     listener(nextSelection);
   });
 };
-// src/client/islandRuntime.ts
-init_islands();
+// src/core/islands.ts
+var isRecord = (value) => typeof value === "object" && value !== null;
+var isIslandComponentDefinition = (value) => isRecord(value) && ("component" in value) && ("source" in value) && typeof value.source === "string";
+function getIslandComponent(component) {
+  if (isIslandComponentDefinition(component)) {
+    return component.component;
+  }
+  return component;
+}
+var parseIslandProps = (rawProps) => {
+  if (!rawProps)
+    return {};
+  return JSON.parse(rawProps);
+};
 
 // src/client/preserveIslandMarkup.ts
-init_islandMarkupAttributes();
 var getSnapshotMap = () => {
   if (typeof window === "undefined") {
     return null;
@@ -1028,22 +291,6 @@ var getSnapshotMap = () => {
   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,
@@ -1072,31 +319,6 @@ var initializeIslandMarkupSnapshot = () => {
     snapshotIslandElement(element, snapshotMap);
   }
 };
-var preserveIslandMarkup = (props) => {
-  if (typeof document === "undefined") {
-    return {
-      attributes: getIslandMarkerAttributes(props),
-      innerHTML: ""
-    };
-  }
-  const snapshotMap = getSnapshotMap();
-  const signature = getIslandSignature(props);
-  const snapshotCandidate = snapshotMap?.get(signature)?.[0];
-  if (snapshotCandidate) {
-    return snapshotCandidate;
-  }
-  const liveCandidate = Array.from(document.querySelectorAll('[data-island="true"]')).find((element) => isMatchingIslandElement(element, props));
-  if (!liveCandidate) {
-    return {
-      attributes: getIslandMarkerAttributes(props),
-      innerHTML: ""
-    };
-  }
-  return {
-    attributes: Object.fromEntries(liveCandidate.getAttributeNames().map((name) => [name, liveCandidate.getAttribute(name) ?? ""])),
-    innerHTML: liveCandidate.innerHTML
-  };
-};
 
 // src/client/islandRuntime.ts
 initializeIslandMarkupSnapshot();
@@ -1105,46 +327,54 @@ var idleDeadline = {
   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 isPropsRecord = (value) => typeof value === "object" && value !== null;
 var isIslandElement = (value) => value instanceof HTMLElement && value.dataset.island === "true";
 var observedRoots = new WeakSet;
 var hydratingIslands = new WeakSet;
+var hydratePreservingBrowserTranslation = async (element, hydrate) => {
+  const restoreTranslation = prepareBrowserTranslationHydration(element);
+  try {
+    await hydrate();
+  } finally {
+    restoreTranslation();
+  }
+};
 var hydrateByFramework = async (registry, framework, componentName, element, props, resolveComponent) => {
-  const propsRecord = isPropsRecord4(props) ? props : undefined;
+  const propsRecord = isPropsRecord(props) ? props : undefined;
   if (framework === "react") {
-    const { hydrateReactIsland: hydrateReactIsland2, isReactComponent: isReactComponent2 } = await Promise.resolve().then(() => (init_react(), exports_react));
+    const { hydrateReactIsland, isReactComponent } = await import("./chunks/react-pdg4325x.js");
     const resolvedComponent = await resolveComponent?.(framework, componentName) ?? getIslandComponent(registry.react?.[componentName]);
-    if (!isReactComponent2(resolvedComponent))
+    if (!isReactComponent(resolvedComponent))
       return;
-    hydrateReactIsland2(resolvedComponent, element, propsRecord);
+    hydrateReactIsland(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 { hydrateSvelteIsland, isSvelteComponent } = await import("./chunks/svelte-s0c964kb.js");
     const resolvedComponent = await resolveComponent?.(framework, componentName) ?? getIslandComponent(registry.svelte?.[componentName]);
-    if (!isSvelteComponent2(resolvedComponent))
+    if (!isSvelteComponent(resolvedComponent))
       return;
-    hydrateSvelteIsland2(resolvedComponent, element, propsRecord);
+    await hydratePreservingBrowserTranslation(element, () => hydrateSvelteIsland(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 { hydrateVueIsland, isVueComponent } = await import("./chunks/vue-rdskrnyg.js");
     const resolvedComponent = await resolveComponent?.(framework, componentName) ?? getIslandComponent(registry.vue?.[componentName]);
-    if (!isVueComponent2(resolvedComponent))
+    if (!isVueComponent(resolvedComponent))
       return;
-    hydrateVueIsland2(resolvedComponent, element, propsRecord);
+    await hydratePreservingBrowserTranslation(element, () => hydrateVueIsland(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 { mountAngularIsland, isAngularComponent } = await import("./chunks/islands-xj2n8nwf.js");
     const resolvedComponent = await resolveComponent?.(framework, componentName) ?? getIslandComponent(registry.angular?.[componentName]);
     const { islandId } = element.dataset;
-    if (!isAngularComponent2(resolvedComponent) || !islandId)
+    if (!isAngularComponent(resolvedComponent) || !islandId)
       return;
-    await mountAngularIsland2(resolvedComponent, element, propsRecord ?? {}, islandId);
+    await hydratePreservingBrowserTranslation(element, () => mountAngularIsland(resolvedComponent, element, propsRecord ?? {}, islandId));
     element.dataset.hydrated = "true";
   }
 };
@@ -1235,15 +465,17 @@ var startIslands = ({
   });
 };
 export {
-  subscribeIslandStore,
-  startIslands,
-  readIslandStore,
-  initializeIslandStores,
-  getStreamSwapRuntimeScript,
-  getIslandStoreServerSnapshot,
+  captureSsrTextBaselines,
+  createIslandManifestResolver,
   createIslandStore,
-  createIslandManifestResolver
+  getIslandStoreServerSnapshot,
+  getStreamSwapRuntimeScript,
+  initializeIslandStores,
+  prepareBrowserTranslationHydration,
+  readIslandStore,
+  startIslands,
+  subscribeIslandStore
 };
 
-//# debugId=35C82AD2A534944964756E2164756E21
+//# debugId=24D0394AB472467064756E2164756E21
 //# sourceMappingURL=index.js.map