@absolutejs/absolute 0.19.0-beta.999 → 0.20.0-beta.1

package/dist/client/index.js

@@ -3,7 +3,6 @@ var __create = Object.create;
 var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 function __accessProp(key) {
   return this[key];
@@ -30,23 +29,6 @@ var __toESM = (mod, isNodeMode, target) => {
     cache.set(mod, to);
   return to;
 };
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
@@ -259,20 +241,36 @@ __export(exports_react, {
 });
 import { createElement } from "react";
 import { hydrateRoot } from "react-dom/client";
-var reactIslandRoots, isPropsRecord = (value) => typeof value === "object" && value !== null, isReactComponent = (value) => typeof value === "function", hydrateReactIsland = (component, element, props) => {
+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
@@ -282,12 +280,12 @@ __export(exports_svelte, {
   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) => {
+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
@@ -297,7 +295,7 @@ __export(exports_vue, {
   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) => {
+var vueIslandApps, isPropsRecord3 = (value) => typeof value === "object" && value !== null, hydrateVueIsland = (component, element, props) => {
   if (vueIslandApps.has(element)) {
     return;
   }
@@ -306,7 +304,7 @@ var vueIslandApps, isPropsRecord3 = (value) => typeof value === "object" && valu
   });
   app.mount(element);
   vueIslandApps.set(element, app);
-};
+}, isVueComponent = (value) => typeof value === "function" || isPropsRecord3(value);
 var init_vue = __esm(() => {
   vueIslandApps = new WeakMap;
 });
@@ -353,7 +351,7 @@ var resolveAngularPackageDir = (specifier) => {
 var init_resolveAngularPackage = () => {};
 
 // src/utils/runtimeMode.ts
-var ENV_VAR = "NODE_ENV", isProductionRuntime = () => process.env[ENV_VAR] === "production", isDevelopmentRuntime = () => process.env[ENV_VAR] === "development";
+var ENV_VAR = "NODE_ENV", isDevelopmentRuntime = () => process.env[ENV_VAR] === "development", isProductionRuntime = () => process.env[ENV_VAR] === "production";
 
 // src/angular/angularPatch.ts
 var exports_angularPatch = {};
@@ -445,7 +443,14 @@ var ensureHead = (doc) => {
   }
   try {
     const adapter = new \u{275}DominoAdapter;
-    const seedDoc = typeof adapter.createHtmlDocument === "function" ? adapter.createHtmlDocument() : typeof adapter.getDefaultDocument === "function" ? adapter.getDefaultDocument() : null;
+    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");
@@ -524,9 +529,12 @@ var 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,
@@ -728,7 +736,7 @@ __export(exports_islands, {
   isAngularComponent: () => isAngularComponent,
   getAngularIslandSelector: () => getAngularIslandSelector
 });
-var angularIslandSelector = "abs-angular-island", isAngularComponent = (value) => typeof value === "function", getAngularIslandSelector = (_islandId) => angularIslandSelector, getSelectorFromRenderedIsland = (rootElement) => {
+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;
@@ -782,9 +790,8 @@ var angularIslandSelector = "abs-angular-island", isAngularComponent = (value) =
   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 { Component, InjectionToken, NgComponentOutlet, inject } = deps;
   const selector = getAngularIslandSelector(islandId);
   const propsToken = new InjectionToken(`${wrapperKey}:props`);
 
@@ -1014,13 +1021,6 @@ 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;
@@ -1079,19 +1079,22 @@ var preserveIslandMarkup = (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);
+  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: snapshotCandidate?.attributes ?? getIslandMarkerAttributes(props),
-    innerHTML: snapshotCandidate?.innerHTML ?? candidate?.innerHTML ?? ""
+    attributes: Object.fromEntries(liveCandidate.getAttributeNames().map((name) => [name, liveCandidate.getAttribute(name) ?? ""])),
+    innerHTML: liveCandidate.innerHTML
   };
 };
 
@@ -1242,5 +1245,5 @@ export {
   createIslandManifestResolver
 };
 
-//# debugId=48A5E34EBDE550F464756E2164756E21
+//# debugId=35C82AD2A534944964756E2164756E21
 //# sourceMappingURL=index.js.map