remote-components 0.0.34 → 0.0.35

package/dist/html/host.cjs

@@ -30,38 +30,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// 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] = (module2) => {
-            module2.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(
@@ -79,9 +47,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";
       }
     };
@@ -206,6 +174,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] = (module2) => {
+            module2.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, "_");
@@ -394,7 +394,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) {
@@ -1144,10 +1147,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();
   }
 });
 
@@ -1198,10 +1201,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();
   }
 });
 
@@ -1239,19 +1242,75 @@ module.exports = __toCommonJS(host_exports);
 var import_react = require("react");
 var import_client = require("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
 var React = __toESM(require("react"), 1);
-var ReactDOM = __toESM(require("react-dom"), 1);
-var ReactDOMClient = __toESM(require("react-dom/client"), 1);
 var JSXDevRuntime = __toESM(require("react/jsx-dev-runtime"), 1);
 var JSXRuntime = __toESM(require("react/jsx-runtime"), 1);
-init_shared_modules();
-init_next_client_pages_loader();
-init_error();
-init_webpack_adapter();
-
-// src/shared/client/script-loader.ts
+var ReactDOM = __toESM(require("react-dom"), 1);
+var ReactDOMClient = __toESM(require("react-dom/client"), 1);
 init_error();
+init_next_client_pages_loader();
+init_shared_modules();
 
 // src/shared/client/rsc.ts
 var import_web_streams_polyfill = require("web-streams-polyfill");
@@ -1319,14 +1378,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) {
@@ -1346,65 +1410,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();
@@ -1433,14 +1440,17 @@ async function getRuntime(type, url, bundle, shared, remoteShared) {
 var import_jsx_runtime2 = require("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"];
     }
@@ -1903,7 +1913,7 @@ if (typeof HTMLElement !== "undefined") {
                 });
               }
               remoteComponent.isLoading = false;
-            }, [initial]);
+            }, [initial, remoteComponent]);
             return NextApp ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(NextApp, { Component: NextComponent, ...nextData.props }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(NextComponent, { ...nextData.props });
           })(App, Component, this);
           if (this.reactRoot) {