@absolutejs/absolute 0.19.0-beta.326 → 0.19.0-beta.327

package/dist/client/index.js

@@ -29866,6 +29866,19 @@ var defineIslandRegistry = (registry) => registry, defineIslandComponent = (comp
 };
 var init_islands2 = () => {};
 
+// 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_islands2();
+});
+
 // src/client/islandResolver.ts
 var createIslandManifestResolver = (manifest) => {
   const islandManifest = getIslandManifestEntries(manifest);
@@ -29958,6 +29971,88 @@ import { createElement } from "react";
 import { hydrateRoot } from "react-dom/client";
 import { hydrate as hydrateSvelte } from "svelte";
 import { createSSRApp, h } from "vue";
+
+// 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 = (element2, props) => {
+  if (!(element2 instanceof HTMLElement)) {
+    return false;
+  }
+  const attributes = getIslandMarkerAttributes(props);
+  return element2.dataset.island === "true" && element2.dataset.component === attributes["data-component"] && element2.dataset.framework === attributes["data-framework"] && (element2.dataset.hydrate ?? "load") === attributes["data-hydrate"] && (element2.dataset.props ?? "{}") === attributes["data-props"];
+};
+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 element2 of elements) {
+    if (!(element2 instanceof HTMLElement)) {
+      continue;
+    }
+    const signature = [
+      element2.dataset.component,
+      element2.dataset.framework,
+      element2.dataset.hydrate ?? "load",
+      element2.dataset.props ?? "{}"
+    ].join("::");
+    const existing = snapshotMap.get(signature) ?? [];
+    existing.push(element2.innerHTML);
+    snapshotMap.set(signature, existing);
+  }
+};
+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((element2) => isMatchingIslandElement(element2, props));
+  const candidate = candidates[claimedCount];
+  if (claimMap) {
+    claimMap.set(signature, claimedCount + 1);
+  }
+  return {
+    attributes: getIslandMarkerAttributes(props),
+    innerHTML: snapshotCandidate ?? candidate?.innerHTML ?? ""
+  };
+};
+
+// src/client/islandRuntime.ts
+initializeIslandMarkupSnapshot();
 var createIdleDeadline = () => ({
   didTimeout: false,
   timeRemaining: () => 0
@@ -30136,5 +30231,5 @@ export {
   createIslandManifestResolver
 };
 
-//# debugId=69A4B3384029082564756E2164756E21
+//# debugId=BC78E98C53567CCD64756E2164756E21
 //# sourceMappingURL=index.js.map