remote-components 0.4.1 → 0.4.3

package/dist/{chunk-4O3EOST4.cjs → chunk-4AH3KXDW.cjs}

@@ -7,10 +7,10 @@
 
 
 
-var _chunkKVQI55BZcjs = require('./chunk-KVQI55BZ.cjs');
+var _chunk2W7JBTIDcjs = require('./chunk-2W7JBTID.cjs');
 
 
-var _chunkTZT7DLO5cjs = require('./chunk-TZT7DLO5.cjs');
+var _chunk3AX5WLZDcjs = require('./chunk-3AX5WLZD.cjs');
 
 
 var _chunkN3SQTOSEcjs = require('./chunk-N3SQTOSE.cjs');
@@ -21,7 +21,7 @@ var _chunkN3SQTOSEcjs = require('./chunk-N3SQTOSE.cjs');
 
 
 
-var _chunkRLI4YTBJcjs = require('./chunk-RLI4YTBJ.cjs');
+var _chunk7XXO2DLFcjs = require('./chunk-7XXO2DLF.cjs');
 
 
 var _chunkZ2SLBFQLcjs = require('./chunk-Z2SLBFQL.cjs');
@@ -29,7 +29,7 @@ var _chunkZ2SLBFQLcjs = require('./chunk-Z2SLBFQL.cjs');
 
 
 
-var _chunkRUWR74XQcjs = require('./chunk-RUWR74XQ.cjs');
+var _chunkBBXVML3Dcjs = require('./chunk-BBXVML3D.cjs');
 
 // src/host/react/index.tsx
 
@@ -92,7 +92,7 @@ function setAttributesFromProps(el, props) {
 function useResolveClientUrl(prop, urlHref) {
   const { resolveClientUrl: contextValue } = _context.useRemoteComponentsContext.call(void 0, );
   const raw = _nullishCoalesce(prop, () => ( contextValue));
-  return _react.useMemo.call(void 0, () => _chunkKVQI55BZcjs.bindResolveClientUrl.call(void 0, raw, urlHref), [raw, urlHref]);
+  return _react.useMemo.call(void 0, () => _chunk2W7JBTIDcjs.bindResolveClientUrl.call(void 0, raw, urlHref), [raw, urlHref]);
 }
 
 // src/host/react/hooks/use-shadow-root.ts
@@ -154,7 +154,7 @@ function getRemoteComponentHtml(html) {
     return ssrRemoteComponentContainer.innerHTML;
   }
   const remoteComponentContainer = temp.querySelectorAll(
-    `div[data-bundle][data-route][data-runtime][id^="${_chunkRLI4YTBJcjs.DEFAULT_COMPONENT_NAME}"],div[data-bundle][data-route],div#__next,remote-component:not([src])`
+    `div[data-bundle][data-route][data-runtime][id^="${_chunk7XXO2DLFcjs.DEFAULT_COMPONENT_NAME}"],div[data-bundle][data-route],div#__next,remote-component:not([src])`
   );
   if (remoteComponentContainer.length > 0) {
     return `${Array.from(temp.querySelectorAll("link,script")).map((link) => link.outerHTML).join("")}${Array.from(remoteComponentContainer).map((container) => container.outerHTML).join("")}`;
@@ -179,7 +179,7 @@ function ConsumeRemoteComponent({
   mode = "open",
   reset,
   credentials: credentialsProp,
-  name: nameProp = _chunkRLI4YTBJcjs.DEFAULT_COMPONENT_NAME,
+  name: nameProp = _chunk7XXO2DLFcjs.DEFAULT_COMPONENT_NAME,
   shared: sharedProp,
   children,
   onBeforeLoad,
@@ -195,22 +195,22 @@ function ConsumeRemoteComponent({
   const credentials = _nullishCoalesce(_nullishCoalesce(credentialsProp, () => ( contextCredentials)), () => ( "same-origin"));
   const shared = _nullishCoalesce(_nullishCoalesce(sharedProp, () => ( contextShared)), () => ( {}));
   const emitter = _react.useMemo.call(void 0, 
-    () => _chunkKVQI55BZcjs.makeReactEmitter.call(void 0, { onBeforeLoad, onLoad, onError, onChange }),
+    () => _chunk2W7JBTIDcjs.makeReactEmitter.call(void 0, { onBeforeLoad, onLoad, onError, onChange }),
     [onBeforeLoad, onLoad, onError, onChange]
   );
   const name = _react.useMemo.call(void 0, 
-    () => _chunkKVQI55BZcjs.resolveNameFromSrc.call(void 0, src, nameProp),
+    () => _chunk2W7JBTIDcjs.resolveNameFromSrc.call(void 0, src, nameProp),
     [src, nameProp]
   );
   const [data, setData] = _react.useState.call(void 0, 
     null
   );
-  const url = _react.useMemo.call(void 0, () => _chunkKVQI55BZcjs.getClientOrServerUrl.call(void 0, src, DUMMY_FALLBACK), [src]);
+  const url = _react.useMemo.call(void 0, () => _chunk2W7JBTIDcjs.getClientOrServerUrl.call(void 0, src, DUMMY_FALLBACK), [src]);
   const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);
   const id = url.origin === (typeof location !== "undefined" ? location.origin : DUMMY_FALLBACK) ? url.pathname : url.href;
-  const keySuffix = `${_chunkRLI4YTBJcjs.escapeString.call(void 0, id)}_${_chunkRLI4YTBJcjs.escapeString.call(void 0, 
+  const keySuffix = `${_chunk7XXO2DLFcjs.escapeString.call(void 0, id)}_${_chunk7XXO2DLFcjs.escapeString.call(void 0, 
     _nullishCoalesce(_optionalChain([data, 'optionalAccess', _5 => _5.name]), () => ( name))
-  )}_${_chunkRLI4YTBJcjs.escapeString.call(void 0, instanceId)}`;
+  )}_${_chunk7XXO2DLFcjs.escapeString.call(void 0, instanceId)}`;
   const [remoteComponent, setRemoteComponent] = _react.useState.call(void 0, null);
   const { shadowRoot, shadowRootContainerRef } = useShadowRoot({
     isolate,
@@ -236,7 +236,7 @@ function ConsumeRemoteComponent({
       return elements;
     })() : []
   );
-  const hostStateRef = _react.useRef.call(void 0, _chunkKVQI55BZcjs.createHostState.call(void 0, ));
+  const hostStateRef = _react.useRef.call(void 0, _chunk2W7JBTIDcjs.createHostState.call(void 0, ));
   const componentHydrationHtml = _react.useRef.call(void 0, null);
   const prevRemoteComponentContainerRef = _react.useRef.call(void 0, null);
   const unmountRef = _react.useRef.call(void 0, null);
@@ -302,13 +302,13 @@ function ConsumeRemoteComponent({
               _nullishCoalesce(_optionalChain([resolveClientUrl, 'optionalCall', _29 => _29(url.href)]), () => ( url.href)),
               location.href
             );
-            const res = await _chunkKVQI55BZcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
+            const res = await _chunk2W7JBTIDcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
               onRequest,
               onResponse,
               abortController: hostStateRef.current.abortController
             });
             if (!res || !res.ok) {
-              throw await _chunkRUWR74XQcjs.errorFromFailedFetch.call(void 0, url.href, resolvedUrl, res);
+              throw await _chunkBBXVML3Dcjs.errorFromFailedFetch.call(void 0, url.href, resolvedUrl, res);
             }
             const remoteHtml = await res.text();
             if (signal.aborted)
@@ -321,7 +321,7 @@ function ConsumeRemoteComponent({
           const userShared = await shared;
           if (signal.aborted)
             return;
-          const prepared = _chunkKVQI55BZcjs.preparePipeline.call(void 0, {
+          const prepared = _chunk2W7JBTIDcjs.preparePipeline.call(void 0, {
             html,
             name,
             url,
@@ -362,7 +362,7 @@ function ConsumeRemoteComponent({
             href: new URL(_nullishCoalesce(link.getAttribute("href"), () => ( link.href)), url).href,
             ...link.getAttributeNames().reduce((acc, key) => {
               if (key !== "href") {
-                acc[_nullishCoalesce(_chunkRLI4YTBJcjs.attrToProp[key], () => ( key))] = _nullishCoalesce(link.getAttribute(key), () => ( ""));
+                acc[_nullishCoalesce(_chunk7XXO2DLFcjs.attrToProp[key], () => ( key))] = _nullishCoalesce(link.getAttribute(key), () => ( ""));
               }
               return acc;
             }, {})
@@ -424,7 +424,7 @@ function ConsumeRemoteComponent({
             });
             self.__next_s = prevNextScripts;
           }
-          const rscName = rsc ? `__remote_component_rsc_${_chunkRLI4YTBJcjs.escapeString.call(void 0, id)}_${_chunkRLI4YTBJcjs.escapeString.call(void 0, 
+          const rscName = rsc ? `__remote_component_rsc_${_chunk7XXO2DLFcjs.escapeString.call(void 0, id)}_${_chunk7XXO2DLFcjs.escapeString.call(void 0, 
             remoteName
           )}` : void 0;
           if (rsc) {
@@ -460,7 +460,7 @@ function ConsumeRemoteComponent({
               shadowRoot.innerHTML = shadowRootHtml;
               htmlRef.current = null;
               setRemoteComponent(null);
-              const { mount, unmount } = await _chunkTZT7DLO5cjs.loadStaticRemoteComponent.call(void 0, 
+              const { mount, unmount } = await _chunk3AX5WLZDcjs.loadStaticRemoteComponent.call(void 0, 
                 Array.from(shadowRoot.querySelectorAll("script")),
                 url,
                 resolveClientUrl
@@ -482,7 +482,7 @@ function ConsumeRemoteComponent({
                 )
               );
               htmlRef.current = null;
-              const { mount, unmount } = await _chunkTZT7DLO5cjs.loadStaticRemoteComponent.call(void 0, 
+              const { mount, unmount } = await _chunk3AX5WLZDcjs.loadStaticRemoteComponent.call(void 0, 
                 Array.from(component.querySelectorAll("script")),
                 url,
                 resolveClientUrl
@@ -497,7 +497,7 @@ function ConsumeRemoteComponent({
             }
             hostStateRef.current.stage = "loaded";
           } else {
-            const result = await _chunkKVQI55BZcjs.loadPrepared.call(void 0, {
+            const result = await _chunk2W7JBTIDcjs.loadPrepared.call(void 0, {
               prepared,
               url,
               signal,
@@ -532,7 +532,7 @@ function ConsumeRemoteComponent({
             }
           }
         } catch (error) {
-          if (_chunkRUWR74XQcjs.isAbortError.call(void 0, error)) {
+          if (_chunkBBXVML3Dcjs.isAbortError.call(void 0, error)) {
             hostStateRef.current.stage = "idle";
             return;
           }
@@ -566,8 +566,8 @@ function ConsumeRemoteComponent({
   const metadataJson = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "script", { "data-remote-component": true, type: "application/json", children: JSON.stringify({
     name: _optionalChain([data, 'optionalAccess', _33 => _33.name]) || name,
     bundle: _optionalChain([data, 'optionalAccess', _34 => _34.bundle]) || "default",
-    route: _optionalChain([data, 'optionalAccess', _35 => _35.route]) || _chunkRLI4YTBJcjs.DEFAULT_ROUTE,
-    runtime: hostStateRef.current.prevIsRemoteComponent ? _chunkRLI4YTBJcjs.RUNTIME_SCRIPT : _optionalChain([data, 'optionalAccess', _36 => _36.runtime]) || _chunkRLI4YTBJcjs.RUNTIME_WEBPACK
+    route: _optionalChain([data, 'optionalAccess', _35 => _35.route]) || _chunk7XXO2DLFcjs.DEFAULT_ROUTE,
+    runtime: hostStateRef.current.prevIsRemoteComponent ? _chunk7XXO2DLFcjs.RUNTIME_SCRIPT : _optionalChain([data, 'optionalAccess', _36 => _36.runtime]) || _chunk7XXO2DLFcjs.RUNTIME_WEBPACK
   }) });
   const resetStyle = reset ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { "data-remote-components-reset": "react", children: `:host { all: initial; }` }) : null;
   const linksToRender = _optionalChain([data, 'optionalAccess', _37 => _37.links, 'optionalAccess', _38 => _38.map, 'call', _39 => _39((link) => /* @__PURE__ */ _react.createElement.call(void 0, 
@@ -587,7 +587,7 @@ function ConsumeRemoteComponent({
     shadowRoot.innerHTML = componentHydrationHtml.current;
     componentHydrationHtml.current = null;
     if (hostStateRef.current.prevIsRemoteComponent) {
-      _chunkTZT7DLO5cjs.loadStaticRemoteComponent.call(void 0, 
+      _chunk3AX5WLZDcjs.loadStaticRemoteComponent.call(void 0, 
         Array.from(shadowRoot.querySelectorAll("script")),
         url,
         resolveClientUrl
@@ -600,7 +600,7 @@ function ConsumeRemoteComponent({
           emitter.load(src);
         }
       }).catch((e) => {
-        const error = new (0, _chunkRUWR74XQcjs.RemoteComponentsError)(
+        const error = new (0, _chunkBBXVML3Dcjs.RemoteComponentsError)(
           `Error mounting remote component from "${url.href}"`,
           {
             cause: e
@@ -679,4 +679,4 @@ function ConsumeRemoteComponent({
 
 
 exports.useRemoteNavigate = useRemoteNavigate; exports.ConsumeRemoteComponent = ConsumeRemoteComponent;
-//# sourceMappingURL=chunk-4O3EOST4.cjs.map
+//# sourceMappingURL=chunk-4AH3KXDW.cjs.map