remote-components 0.0.34 → 0.0.35

package/dist/html/host.js

@@ -8,38 +8,6 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// src/shared/webpack/shared-modules.ts
-function applySharedModules(bundle, resolve) {
-  const self = globalThis;
-  if (self.__remote_webpack_require__?.[bundle]) {
-    const modulePaths = Object.keys(
-      self.__remote_webpack_module_map__?.[bundle] ?? self.__remote_webpack_require__[bundle].m ?? {}
-    );
-    for (const [key, value] of Object.entries(resolve)) {
-      let ids = modulePaths.filter((p) => p === key);
-      if (ids.length === 0) {
-        ids = modulePaths.filter((p) => p.includes(key));
-      }
-      for (let id of ids) {
-        const webpackBundle = self.__remote_webpack_require__[bundle];
-        if (webpackBundle.m) {
-          if (self.__remote_webpack_module_map__?.[bundle]?.[id]) {
-            id = `${self.__remote_webpack_module_map__[bundle][id]}`;
-          }
-          webpackBundle.m[id] = (module) => {
-            module.exports = value;
-          };
-        }
-      }
-    }
-  }
-}
-var init_shared_modules = __esm({
-  "src/shared/webpack/shared-modules.ts"() {
-    "use strict";
-  }
-});
-
 // src/shared/error.ts
 function multipleRemoteComponentsError(url) {
   return new Error(
@@ -57,9 +25,9 @@ var init_error = __esm({
   "src/shared/error.ts"() {
     "use strict";
     RemoteComponentsError = class extends Error {
+      code = "REMOTE_COMPONENTS_ERROR";
       constructor(message, options) {
         super(message, options);
-        this.code = "REMOTE_COMPONENTS_ERROR";
         this.name = "RemoteComponentsError";
       }
     };
@@ -184,6 +152,38 @@ var init_next_client_pages_loader = __esm({
   }
 });
 
+// src/shared/webpack/shared-modules.ts
+function applySharedModules(bundle, resolve) {
+  const self = globalThis;
+  if (self.__remote_webpack_require__?.[bundle]) {
+    const modulePaths = Object.keys(
+      self.__remote_webpack_module_map__?.[bundle] ?? self.__remote_webpack_require__[bundle].m ?? {}
+    );
+    for (const [key, value] of Object.entries(resolve)) {
+      let ids = modulePaths.filter((p) => p === key);
+      if (ids.length === 0) {
+        ids = modulePaths.filter((p) => p.includes(key));
+      }
+      for (let id of ids) {
+        const webpackBundle = self.__remote_webpack_require__[bundle];
+        if (webpackBundle.m) {
+          if (self.__remote_webpack_module_map__?.[bundle]?.[id]) {
+            id = `${self.__remote_webpack_module_map__[bundle][id]}`;
+          }
+          webpackBundle.m[id] = (module) => {
+            module.exports = value;
+          };
+        }
+      }
+    }
+  }
+}
+var init_shared_modules = __esm({
+  "src/shared/webpack/shared-modules.ts"() {
+    "use strict";
+  }
+});
+
 // src/shared/utils/index.ts
 function escapeString(str) {
   return str.replace(/[^a-z0-9]/g, "_");
@@ -372,7 +372,10 @@ async function handleTurbopackChunk(code, bundle, url) {
 function createModuleRequire(runtime) {
   return (id) => {
     const self = globalThis;
-    const { bundle, id: moduleId } = id.match(REMOTE_COMPONENT_REGEX)?.groups ?? { bundle: "default", id };
+    const { bundle, id: moduleId } = id.match(REMOTE_COMPONENT_REGEX)?.groups ?? {
+      bundle: "default",
+      id
+    };
     const remoteRuntime = self.__remote_webpack_require__?.[bundle ?? "default"] ? self.__remote_webpack_require__[bundle ?? "default"]?.type || "webpack" : runtime;
     try {
       if (remoteRuntime === RUNTIME_WEBPACK && bundle && moduleId) {
@@ -1124,10 +1127,10 @@ async function webpackRuntime(bundle, shared, remoteShared) {
 var init_webpack = __esm({
   "src/html/host/runtime/webpack.ts"() {
     "use strict";
+    init_polyfill();
     init_error();
-    init_shared_modules();
     init_next_client_pages_loader();
-    init_polyfill();
+    init_shared_modules();
   }
 });
 
@@ -1178,10 +1181,10 @@ async function turbopackRuntime(url, bundle, shared, remoteShared) {
 var init_turbopack = __esm({
   "src/html/host/runtime/turbopack.ts"() {
     "use strict";
-    init_shared_modules();
-    init_next_client_pages_loader();
-    init_webpack_adapter();
     init_polyfill();
+    init_webpack_adapter();
+    init_next_client_pages_loader();
+    init_shared_modules();
   }
 });
 
@@ -1214,19 +1217,75 @@ var init_script = __esm({
 import { startTransition, useLayoutEffect } from "react";
 import { hydrateRoot } from "react-dom/client";
 
+// src/shared/client/apply-origin.ts
+var tagNames = [
+  "img",
+  "source",
+  "video",
+  "audio",
+  "track",
+  "iframe",
+  "embed",
+  "script",
+  "link"
+];
+function applyOriginToNodes(doc, url) {
+  if (url.origin !== location.origin) {
+    const nodes = doc.querySelectorAll(
+      tagNames.map(
+        (type) => `${type}[src],${type}[srcset],${type}[href],${type}[imagesrcset]`
+      ).join(",")
+    );
+    nodes.forEach((node) => {
+      if (node.hasAttribute("src") && /^[./]+\/?/.test(node.getAttribute("src") ?? "")) {
+        node.src = new URL(node.getAttribute("src") ?? "/", url).href;
+      }
+      if (node.hasAttribute("href") && /^[./]+\/?/.test(node.getAttribute("href") ?? "")) {
+        node.setAttribute(
+          "href",
+          new URL(node.getAttribute("href") ?? "/", url).href
+        );
+      }
+      if (node.hasAttribute("srcset")) {
+        const srcSet = node.getAttribute("srcset")?.split(",").map((entry) => {
+          const [urlPart, descriptor] = entry.trim().split(/\s+/);
+          if (!urlPart)
+            return entry;
+          const absoluteUrl = new URL(urlPart, url).href;
+          return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;
+        }).join(", ");
+        if (srcSet) {
+          node.setAttribute("srcset", srcSet);
+        }
+      }
+      if (node.hasAttribute("imagesrcset")) {
+        const srcSet = node.getAttribute("imagesrcset")?.split(",").map((entry) => {
+          const [urlPart, descriptor] = entry.trim().split(/\s+/);
+          if (!urlPart)
+            return entry;
+          const absoluteUrl = new URL(urlPart, url).href;
+          return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;
+        }).join(", ");
+        if (srcSet) {
+          node.setAttribute("imagesrcset", srcSet);
+        }
+      }
+    });
+  }
+}
+
+// src/shared/client/remote-component.ts
+init_error();
+
 // src/shared/client/component-loader.ts
-init_shared_modules();
-init_next_client_pages_loader();
 init_error();
-init_webpack_adapter();
+init_next_client_pages_loader();
+init_shared_modules();
 import * as React from "react";
-import * as ReactDOM from "react-dom";
-import * as ReactDOMClient from "react-dom/client";
 import * as JSXDevRuntime from "react/jsx-dev-runtime";
 import * as JSXRuntime from "react/jsx-runtime";
-
-// src/shared/client/script-loader.ts
-init_error();
+import * as ReactDOM from "react-dom";
+import * as ReactDOMClient from "react-dom/client";
 
 // src/shared/client/rsc.ts
 import { ReadableStream } from "web-streams-polyfill";
@@ -1294,14 +1353,19 @@ function createRSCStream(rscName, data) {
   });
 }
 
+// src/shared/client/script-loader.ts
+init_error();
+
+// src/shared/client/component-loader.ts
+init_webpack_adapter();
+
 // src/shared/client/remote-component.ts
+init_const();
 init_static_loader();
 init_webpack_adapter();
-init_const();
-init_error();
 
 // src/html/host/index.tsx
-init_utils();
+init_error();
 
 // src/shared/ssr/fetch-headers.ts
 function remoteFetchHeaders(additionalHeaders) {
@@ -1321,65 +1385,8 @@ function remoteFetchHeaders(additionalHeaders) {
   };
 }
 
-// src/shared/client/apply-origin.ts
-var tagNames = [
-  "img",
-  "source",
-  "video",
-  "audio",
-  "track",
-  "iframe",
-  "embed",
-  "script",
-  "link"
-];
-function applyOriginToNodes(doc, url) {
-  if (url.origin !== location.origin) {
-    const nodes = doc.querySelectorAll(
-      tagNames.map(
-        (type) => `${type}[src],${type}[srcset],${type}[href],${type}[imagesrcset]`
-      ).join(",")
-    );
-    nodes.forEach((node) => {
-      if (node.hasAttribute("src") && /^[./]+\/?/.test(node.getAttribute("src") ?? "")) {
-        node.src = new URL(node.getAttribute("src") ?? "/", url).href;
-      }
-      if (node.hasAttribute("href") && /^[./]+\/?/.test(node.getAttribute("href") ?? "")) {
-        node.setAttribute(
-          "href",
-          new URL(node.getAttribute("href") ?? "/", url).href
-        );
-      }
-      if (node.hasAttribute("srcset")) {
-        const srcSet = node.getAttribute("srcset")?.split(",").map((entry) => {
-          const [urlPart, descriptor] = entry.trim().split(/\s+/);
-          if (!urlPart)
-            return entry;
-          const absoluteUrl = new URL(urlPart, url).href;
-          return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;
-        }).join(", ");
-        if (srcSet) {
-          node.setAttribute("srcset", srcSet);
-        }
-      }
-      if (node.hasAttribute("imagesrcset")) {
-        const srcSet = node.getAttribute("imagesrcset")?.split(",").map((entry) => {
-          const [urlPart, descriptor] = entry.trim().split(/\s+/);
-          if (!urlPart)
-            return entry;
-          const absoluteUrl = new URL(urlPart, url).href;
-          return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;
-        }).join(", ");
-        if (srcSet) {
-          node.setAttribute("imagesrcset", srcSet);
-        }
-      }
-    });
-  }
-}
-
 // src/html/host/index.tsx
-init_error();
+init_utils();
 
 // src/html/host/runtime/index.ts
 init_error();
@@ -1408,14 +1415,17 @@ async function getRuntime(type, url, bundle, shared, remoteShared) {
 import { jsx as jsx2 } from "react/jsx-runtime";
 if (typeof HTMLElement !== "undefined") {
   class RemoteComponent extends HTMLElement {
-    constructor() {
-      super(...arguments);
-      this.__next = null;
-      this.fouc = null;
-      this.isLoading = false;
-      this.prevIsRemoteComponent = false;
-      this.root = null;
-    }
+    name;
+    bundle;
+    fallbackSlot;
+    __next = null;
+    fouc = null;
+    isLoading = false;
+    prevIsRemoteComponent = false;
+    prevUrl;
+    root = null;
+    reactRoot;
+    additionalHeaders;
     static get observedAttributes() {
       return ["src", "name", "mode"];
     }
@@ -1878,7 +1888,7 @@ if (typeof HTMLElement !== "undefined") {
                 });
               }
               remoteComponent.isLoading = false;
-            }, [initial]);
+            }, [initial, remoteComponent]);
             return NextApp ? /* @__PURE__ */ jsx2(NextApp, { Component: NextComponent, ...nextData.props }) : /* @__PURE__ */ jsx2(NextComponent, { ...nextData.props });
           })(App, Component, this);
           if (this.reactRoot) {