remote-components 0.4.11 → 0.4.13

package/dist/config/nextjs.cjs

@@ -2,21 +2,21 @@
 
 
 
-var _chunk6PZEDIAKcjs = require('../chunk-6PZEDIAK.cjs');
-require('../chunk-Z2SLBFQL.cjs');
-require('../chunk-5KTAEO52.cjs');
 
+var _chunkN5VQR2PWcjs = require('../chunk-N5VQR2PW.cjs');
 
 
 
-var _chunkBBXVML3Dcjs = require('../chunk-BBXVML3D.cjs');
-require('../chunk-KE7QPAQ4.cjs');
 
+var _chunkOZCVXVKUcjs = require('../chunk-OZCVXVKU.cjs');
+require('../chunk-Z2SLBFQL.cjs');
+require('../chunk-5KTAEO52.cjs');
 
 
 
 
-var _chunkN5VQR2PWcjs = require('../chunk-N5VQR2PW.cjs');
+var _chunkBBXVML3Dcjs = require('../chunk-BBXVML3D.cjs');
+require('../chunk-KE7QPAQ4.cjs');
 require('../chunk-SHFJ5OQA.cjs');
 
 // src/config/nextjs/index.ts
@@ -155,7 +155,7 @@ function withRemoteComponentsConfig(nextConfig, options) {
     ".remote-components/shared/pages-host.tsx"
   );
   const appShared = /* @__PURE__ */ new Set([
-    ..._chunk6PZEDIAKcjs.CORE_REACT_SHARED_KEYS,
+    ..._chunkOZCVXVKUcjs.CORE_REACT_SHARED_KEYS,
     "next/navigation",
     "next/dist/client/components/navigation",
     "next/link",
@@ -169,7 +169,7 @@ function withRemoteComponentsConfig(nextConfig, options) {
     ..._nullishCoalesce(_optionalChain([options, 'optionalAccess', _ => _.shared]), () => ( []))
   ]);
   const pagesShared = /* @__PURE__ */ new Set([
-    ..._chunk6PZEDIAKcjs.CORE_REACT_SHARED_KEYS,
+    ..._chunkOZCVXVKUcjs.CORE_REACT_SHARED_KEYS,
     "next/router",
     "next/link",
     "next/dist/shared/lib/image-loader",
@@ -177,7 +177,7 @@ function withRemoteComponentsConfig(nextConfig, options) {
     "next/form",
     ..._nullishCoalesce(_optionalChain([options, 'optionalAccess', _2 => _2.shared]), () => ( []))
   ]);
-  const vendorShared = { ..._chunk6PZEDIAKcjs.VENDOR_SHARED };
+  const vendorShared = { ..._chunkOZCVXVKUcjs.VENDOR_SHARED };
   const resolve = _enhancedresolve2.default.create.sync({
     conditionNames: ["browser", "import", "module", "require"],
     ..._fs.existsSync.call(void 0, _path.join.call(void 0, process.cwd(), "tsconfig.json")) ? {
@@ -248,7 +248,7 @@ ${sharedManifest ? `export const sharedManifest = ${sharedManifest};
     ).join(",\n");
     return generateSharedModule({
       sharedEntries,
-      sharedManifest: `{ protocol: '${_chunk6PZEDIAKcjs.SHARED_MODULE_MANIFEST_PROTOCOL}', requirements: [
+      sharedManifest: `{ protocol: '${_chunkOZCVXVKUcjs.SHARED_MODULE_MANIFEST_PROTOCOL}', requirements: [
 ${requirements}
 ] }`
     });

package/dist/config/nextjs.js

@@ -1,8 +1,14 @@
+import {
+  ConditionalExecPlugin,
+  ModuleIdEmbedPlugin,
+  PatchRequirePlugin,
+  RemoteWebpackRequirePlugin
+} from "../chunk-CTUJSWCM.js";
 import {
   CORE_REACT_SHARED_KEYS,
   SHARED_MODULE_MANIFEST_PROTOCOL,
   VENDOR_SHARED
-} from "../chunk-3PR3SWYZ.js";
+} from "../chunk-3DR4Z24C.js";
 import "../chunk-D5GNZB6O.js";
 import "../chunk-STIJO4AG.js";
 import {
@@ -11,12 +17,6 @@ import {
   logWarn
 } from "../chunk-ULXU6XWH.js";
 import "../chunk-X6YKUJKH.js";
-import {
-  ConditionalExecPlugin,
-  ModuleIdEmbedPlugin,
-  PatchRequirePlugin,
-  RemoteWebpackRequirePlugin
-} from "../chunk-CTUJSWCM.js";
 import "../chunk-ENYGL5CO.js";
 
 // src/config/nextjs/index.ts

package/dist/config/tailwind.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/config/tailwind/index.ts
+var DEFAULT_SELECTORS = [
+  ":host",
+  ":host *",
+  ":host *::before",
+  ":host *::after",
+  ":host *::backdrop",
+  ":host *::file-selector-button"
+];
+function remoteComponentsTailwindShadowDom(options = {}) {
+  return {
+    postcssPlugin: "remote-components-tailwind-shadow-dom",
+    Once(root) {
+      const declarations = /* @__PURE__ */ new Map();
+      root.walkAtRules("property", (atRule) => {
+        const propertyName = atRule.params.trim();
+        if (!propertyName.startsWith("--tw-")) {
+          return;
+        }
+        atRule.walkDecls("initial-value", (declaration) => {
+          declarations.set(propertyName, declaration.value);
+        });
+      });
+      if (declarations.size === 0) {
+        return;
+      }
+      root.append({
+        type: "atrule",
+        name: "layer",
+        params: "properties",
+        raws: {},
+        nodes: [
+          {
+            type: "rule",
+            raws: {},
+            selector: (_nullishCoalesce(options.selectors, () => ( DEFAULT_SELECTORS))).join(",\n"),
+            nodes: Array.from(declarations, ([prop, value]) => ({
+              type: "decl",
+              raws: {},
+              prop,
+              value
+            }))
+          }
+        ]
+      });
+    }
+  };
+}
+remoteComponentsTailwindShadowDom.postcss = true;
+
+
+exports.remoteComponentsTailwindShadowDom = remoteComponentsTailwindShadowDom;
+//# sourceMappingURL=tailwind.cjs.map

package/dist/config/tailwind.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/config/tailwind/index.ts"],"names":[],"mappings":";AAsBA,IAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,kCACd,UAAoD,CAAC,GACrD;AACA,SAAO;AAAA,IACL,eAAe;AAAA,IACf,KAAK,MAAmB;AACtB,YAAM,eAAe,oBAAI,IAAoB;AAE7C,WAAK,YAAY,YAAY,CAAC,WAAW;AACvC,cAAM,eAAe,OAAO,OAAO,KAAK;AAExC,YAAI,CAAC,aAAa,WAAW,OAAO,GAAG;AACrC;AAAA,QACF;AAEA,eAAO,UAAU,iBAAiB,CAAC,gBAAgB;AACjD,uBAAa,IAAI,cAAc,YAAY,KAAK;AAAA,QAClD,CAAC;AAAA,MACH,CAAC;AAED,UAAI,aAAa,SAAS,GAAG;AAC3B;AAAA,MACF;AAEA,WAAK,OAAO;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,MAAM,CAAC;AAAA,QACP,OAAO;AAAA,UACL;AAAA,YACE,MAAM;AAAA,YACN,MAAM,CAAC;AAAA,YACP,WAAW,QAAQ,aAAa,mBAAmB,KAAK,KAAK;AAAA,YAC7D,OAAO,MAAM,KAAK,cAAc,CAAC,CAAC,MAAM,KAAK,OAAO;AAAA,cAClD,MAAM;AAAA,cACN,MAAM,CAAC;AAAA,cACP;AAAA,cACA;AAAA,YACF,EAAE;AAAA,UACJ;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAGE,kCAGA,UAAU","sourcesContent":["export interface RemoteComponentsTailwindShadowDomOptions {\n  selectors?: string[];\n}\n\ninterface PostCssDeclaration {\n  prop: string;\n  value: string;\n}\n\ninterface PostCssAtRule {\n  params: string;\n  walkDecls(\n    name: string,\n    callback: (declaration: PostCssDeclaration) => void,\n  ): void;\n}\n\ninterface PostCssRoot {\n  walkAtRules(name: string, callback: (atRule: PostCssAtRule) => void): void;\n  append(node: unknown): void;\n}\n\nconst DEFAULT_SELECTORS = [\n  ':host',\n  ':host *',\n  ':host *::before',\n  ':host *::after',\n  ':host *::backdrop',\n  ':host *::file-selector-button',\n];\n\nexport function remoteComponentsTailwindShadowDom(\n  options: RemoteComponentsTailwindShadowDomOptions = {},\n) {\n  return {\n    postcssPlugin: 'remote-components-tailwind-shadow-dom',\n    Once(root: PostCssRoot) {\n      const declarations = new Map<string, string>();\n\n      root.walkAtRules('property', (atRule) => {\n        const propertyName = atRule.params.trim();\n\n        if (!propertyName.startsWith('--tw-')) {\n          return;\n        }\n\n        atRule.walkDecls('initial-value', (declaration) => {\n          declarations.set(propertyName, declaration.value);\n        });\n      });\n\n      if (declarations.size === 0) {\n        return;\n      }\n\n      root.append({\n        type: 'atrule',\n        name: 'layer',\n        params: 'properties',\n        raws: {},\n        nodes: [\n          {\n            type: 'rule',\n            raws: {},\n            selector: (options.selectors ?? DEFAULT_SELECTORS).join(',\\n'),\n            nodes: Array.from(declarations, ([prop, value]) => ({\n              type: 'decl',\n              raws: {},\n              prop,\n              value,\n            })),\n          },\n        ],\n      });\n    },\n  };\n}\n\n(\n  remoteComponentsTailwindShadowDom as typeof remoteComponentsTailwindShadowDom & {\n    postcss?: boolean;\n  }\n).postcss = true;\n"]}

package/dist/config/tailwind.d.ts

@@ -0,0 +1,21 @@
+interface RemoteComponentsTailwindShadowDomOptions {
+    selectors?: string[];
+}
+interface PostCssDeclaration {
+    prop: string;
+    value: string;
+}
+interface PostCssAtRule {
+    params: string;
+    walkDecls(name: string, callback: (declaration: PostCssDeclaration) => void): void;
+}
+interface PostCssRoot {
+    walkAtRules(name: string, callback: (atRule: PostCssAtRule) => void): void;
+    append(node: unknown): void;
+}
+declare function remoteComponentsTailwindShadowDom(options?: RemoteComponentsTailwindShadowDomOptions): {
+    postcssPlugin: string;
+    Once(root: PostCssRoot): void;
+};
+
+export { RemoteComponentsTailwindShadowDomOptions, remoteComponentsTailwindShadowDom };

package/dist/config/tailwind.js

@@ -0,0 +1,53 @@
+// src/config/tailwind/index.ts
+var DEFAULT_SELECTORS = [
+  ":host",
+  ":host *",
+  ":host *::before",
+  ":host *::after",
+  ":host *::backdrop",
+  ":host *::file-selector-button"
+];
+function remoteComponentsTailwindShadowDom(options = {}) {
+  return {
+    postcssPlugin: "remote-components-tailwind-shadow-dom",
+    Once(root) {
+      const declarations = /* @__PURE__ */ new Map();
+      root.walkAtRules("property", (atRule) => {
+        const propertyName = atRule.params.trim();
+        if (!propertyName.startsWith("--tw-")) {
+          return;
+        }
+        atRule.walkDecls("initial-value", (declaration) => {
+          declarations.set(propertyName, declaration.value);
+        });
+      });
+      if (declarations.size === 0) {
+        return;
+      }
+      root.append({
+        type: "atrule",
+        name: "layer",
+        params: "properties",
+        raws: {},
+        nodes: [
+          {
+            type: "rule",
+            raws: {},
+            selector: (options.selectors ?? DEFAULT_SELECTORS).join(",\n"),
+            nodes: Array.from(declarations, ([prop, value]) => ({
+              type: "decl",
+              raws: {},
+              prop,
+              value
+            }))
+          }
+        ]
+      });
+    }
+  };
+}
+remoteComponentsTailwindShadowDom.postcss = true;
+export {
+  remoteComponentsTailwindShadowDom
+};
+//# sourceMappingURL=tailwind.js.map

package/dist/config/tailwind.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/config/tailwind/index.ts"],"sourcesContent":["export interface RemoteComponentsTailwindShadowDomOptions {\n  selectors?: string[];\n}\n\ninterface PostCssDeclaration {\n  prop: string;\n  value: string;\n}\n\ninterface PostCssAtRule {\n  params: string;\n  walkDecls(\n    name: string,\n    callback: (declaration: PostCssDeclaration) => void,\n  ): void;\n}\n\ninterface PostCssRoot {\n  walkAtRules(name: string, callback: (atRule: PostCssAtRule) => void): void;\n  append(node: unknown): void;\n}\n\nconst DEFAULT_SELECTORS = [\n  ':host',\n  ':host *',\n  ':host *::before',\n  ':host *::after',\n  ':host *::backdrop',\n  ':host *::file-selector-button',\n];\n\nexport function remoteComponentsTailwindShadowDom(\n  options: RemoteComponentsTailwindShadowDomOptions = {},\n) {\n  return {\n    postcssPlugin: 'remote-components-tailwind-shadow-dom',\n    Once(root: PostCssRoot) {\n      const declarations = new Map<string, string>();\n\n      root.walkAtRules('property', (atRule) => {\n        const propertyName = atRule.params.trim();\n\n        if (!propertyName.startsWith('--tw-')) {\n          return;\n        }\n\n        atRule.walkDecls('initial-value', (declaration) => {\n          declarations.set(propertyName, declaration.value);\n        });\n      });\n\n      if (declarations.size === 0) {\n        return;\n      }\n\n      root.append({\n        type: 'atrule',\n        name: 'layer',\n        params: 'properties',\n        raws: {},\n        nodes: [\n          {\n            type: 'rule',\n            raws: {},\n            selector: (options.selectors ?? DEFAULT_SELECTORS).join(',\\n'),\n            nodes: Array.from(declarations, ([prop, value]) => ({\n              type: 'decl',\n              raws: {},\n              prop,\n              value,\n            })),\n          },\n        ],\n      });\n    },\n  };\n}\n\n(\n  remoteComponentsTailwindShadowDom as typeof remoteComponentsTailwindShadowDom & {\n    postcss?: boolean;\n  }\n).postcss = true;\n"],"mappings":";AAsBA,IAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,kCACd,UAAoD,CAAC,GACrD;AACA,SAAO;AAAA,IACL,eAAe;AAAA,IACf,KAAK,MAAmB;AACtB,YAAM,eAAe,oBAAI,IAAoB;AAE7C,WAAK,YAAY,YAAY,CAAC,WAAW;AACvC,cAAM,eAAe,OAAO,OAAO,KAAK;AAExC,YAAI,CAAC,aAAa,WAAW,OAAO,GAAG;AACrC;AAAA,QACF;AAEA,eAAO,UAAU,iBAAiB,CAAC,gBAAgB;AACjD,uBAAa,IAAI,cAAc,YAAY,KAAK;AAAA,QAClD,CAAC;AAAA,MACH,CAAC;AAED,UAAI,aAAa,SAAS,GAAG;AAC3B;AAAA,MACF;AAEA,WAAK,OAAO;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,MAAM,CAAC;AAAA,QACP,OAAO;AAAA,UACL;AAAA,YACE,MAAM;AAAA,YACN,MAAM,CAAC;AAAA,YACP,WAAW,QAAQ,aAAa,mBAAmB,KAAK,KAAK;AAAA,YAC7D,OAAO,MAAM,KAAK,cAAc,CAAC,CAAC,MAAM,KAAK,OAAO;AAAA,cAClD,MAAM;AAAA,cACN,MAAM,CAAC;AAAA,cACP;AAAA,cACA;AAAA,YACF,EAAE;AAAA,UACJ;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAGE,kCAGA,UAAU;","names":[]}

package/dist/host/html.cjs

@@ -7,16 +7,17 @@
 
 
 
-var _chunkHZP4FWPGcjs = require('../chunk-HZP4FWPG.cjs');
-require('../chunk-XWRB6CEA.cjs');
-require('../chunk-RZ224NSH.cjs');
-require('../chunk-PCHSF5LH.cjs');
+var _chunkOI37BBBUcjs = require('../chunk-OI37BBBU.cjs');
+require('../chunk-TCFLEBQM.cjs');
+require('../chunk-KMG54QXV.cjs');
+require('../chunk-OVD7BRLD.cjs');
+require('../chunk-KP544TQH.cjs');
 require('../chunk-3AX5WLZD.cjs');
 
 
 
 
-var _chunk6PZEDIAKcjs = require('../chunk-6PZEDIAK.cjs');
+var _chunkOZCVXVKUcjs = require('../chunk-OZCVXVKU.cjs');
 
 
 var _chunkZ2SLBFQLcjs = require('../chunk-Z2SLBFQL.cjs');
@@ -28,7 +29,6 @@ require('../chunk-5KTAEO52.cjs');
 
 var _chunkBBXVML3Dcjs = require('../chunk-BBXVML3D.cjs');
 require('../chunk-KE7QPAQ4.cjs');
-require('../chunk-TCFLEBQM.cjs');
 require('../chunk-SHFJ5OQA.cjs');
 
 // src/host/html/index.tsx
@@ -125,10 +125,10 @@ async function getRuntime(type, url, bundle, shared, remoteShared, resolveClient
     };
   }
   if (type === "webpack") {
-    const { webpackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../webpack-65BVWX2U.cjs")));
+    const { webpackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../webpack-3GSL5AZJ.cjs")));
     return webpackRuntime(bundle, shared, remoteShared, resolveClientUrl);
   } else if (type === "turbopack") {
-    const { turbopackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../turbopack-UMJ7SLJL.cjs")));
+    const { turbopackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../turbopack-5WAY6QIC.cjs")));
     return turbopackRuntime(
       url,
       bundle,
@@ -149,15 +149,15 @@ async function getRuntime(type, url, bundle, shared, remoteShared, resolveClient
 var _jsxruntime = require('react/jsx-runtime');
 if (typeof HTMLElement !== "undefined") {
   class RemoteComponent extends HTMLElement {constructor(...args) { super(...args); RemoteComponent.prototype.__init.call(this);RemoteComponent.prototype.__init2.call(this);RemoteComponent.prototype.__init3.call(this);RemoteComponent.prototype.__init4.call(this);RemoteComponent.prototype.__init5.call(this);RemoteComponent.prototype.__init6.call(this);RemoteComponent.prototype.__init7.call(this); }
-    __init() {this.name = _chunk6PZEDIAKcjs.DEFAULT_COMPONENT_NAME}
-    __init2() {this.bundle = _chunk6PZEDIAKcjs.DEFAULT_BUNDLE_NAME}
+    __init() {this.name = _chunkOZCVXVKUcjs.DEFAULT_COMPONENT_NAME}
+    __init2() {this.bundle = _chunkOZCVXVKUcjs.DEFAULT_BUNDLE_NAME}
     
     __init3() {this.__next = null}
     __init4() {this.fouc = null}
-    __init5() {this.hostState = _chunkHZP4FWPGcjs.createHostState.call(void 0, )}
+    __init5() {this.hostState = _chunkOI37BBBUcjs.createHostState.call(void 0, )}
     __init6() {this.root = null}
     
-    __init7() {this.emitter = _chunkHZP4FWPGcjs.makeEventEmitter.call(void 0, this)}
+    __init7() {this.emitter = _chunkOI37BBBUcjs.makeEventEmitter.call(void 0, this)}
     
     
     
@@ -279,10 +279,10 @@ if (typeof HTMLElement !== "undefined") {
       let url = null;
       let html = this.innerHTML;
       if (src) {
-        url = _chunkHZP4FWPGcjs.getClientOrServerUrl.call(void 0, src, window.location.href);
-        this.name = _chunkHZP4FWPGcjs.resolveNameFromSrc.call(void 0, src, this.name);
+        url = _chunkOI37BBBUcjs.getClientOrServerUrl.call(void 0, src, window.location.href);
+        this.name = _chunkOI37BBBUcjs.resolveNameFromSrc.call(void 0, src, this.name);
       }
-      const resolveClientUrl = url ? _chunkHZP4FWPGcjs.bindResolveClientUrl.call(void 0, this.resolveClientUrl, url.href) : void 0;
+      const resolveClientUrl = url ? _chunkOI37BBBUcjs.bindResolveClientUrl.call(void 0, this.resolveClientUrl, url.href) : void 0;
       if (!remoteComponentChild && url) {
         const fetchInit = {
           credentials: this.credentials || "same-origin"
@@ -293,7 +293,7 @@ if (typeof HTMLElement !== "undefined") {
         );
         let res;
         try {
-          res = await _chunkHZP4FWPGcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
+          res = await _chunkOI37BBBUcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
             onRequest: this.onRequest,
             onResponse: this.onResponse,
             abortController: this.hostState.abortController
@@ -320,7 +320,7 @@ if (typeof HTMLElement !== "undefined") {
         }
       }
       const effectiveUrl = _nullishCoalesce(url, () => ( new URL(window.location.href)));
-      const { doc, parsed } = _chunkHZP4FWPGcjs.preparePipeline.call(void 0, {
+      const { doc, parsed } = _chunkOI37BBBUcjs.preparePipeline.call(void 0, {
         html,
         name: this.name,
         url: effectiveUrl,
@@ -569,9 +569,9 @@ if (typeof HTMLElement !== "undefined") {
       };
       if (rsc) {
         _optionalChain([rsc, 'access', _65 => _65.parentElement, 'optionalAccess', _66 => _66.removeChild, 'call', _67 => _67(rsc)]);
-        const rscName = `__remote_component_rsc_${_chunk6PZEDIAKcjs.escapeString.call(void 0, 
+        const rscName = `__remote_component_rsc_${_chunkOZCVXVKUcjs.escapeString.call(void 0, 
           url.href
-        )}_${_chunk6PZEDIAKcjs.escapeString.call(void 0, this.name)}`;
+        )}_${_chunkOZCVXVKUcjs.escapeString.call(void 0, this.name)}`;
         const rscClone = document.createElement("script");
         rscClone.id = `${rscName}_rsc`;
         rscClone.textContent = _nullishCoalesce(_optionalChain([rsc, 'access', _68 => _68.textContent, 'optionalAccess', _69 => _69.replace, 'call', _70 => _70(
@@ -584,7 +584,7 @@ if (typeof HTMLElement !== "undefined") {
           name,
           initial
         }) => {
-          const stream = _chunkHZP4FWPGcjs.createRSCStream.call(void 0, 
+          const stream = _chunkOI37BBBUcjs.createRSCStream.call(void 0, 
             rscName,
             _nullishCoalesce(self[rscName], () => ( [`0:[null]
 `]))

package/dist/host/html.js

@@ -7,16 +7,17 @@ import {
   makeEventEmitter,
   preparePipeline,
   resolveNameFromSrc
-} from "../chunk-N6AJM72A.js";
-import "../chunk-M6ACTSVB.js";
-import "../chunk-GR5FN73U.js";
-import "../chunk-VFK4HGZT.js";
+} from "../chunk-XEO3XD67.js";
+import "../chunk-GAXJTFBV.js";
+import "../chunk-IE7FXNFJ.js";
+import "../chunk-CBEDRGC7.js";
+import "../chunk-5BBEO4SE.js";
 import "../chunk-LEKG4YWI.js";
 import {
   DEFAULT_BUNDLE_NAME,
   DEFAULT_COMPONENT_NAME,
   escapeString
-} from "../chunk-3PR3SWYZ.js";
+} from "../chunk-3DR4Z24C.js";
 import {
   getNamespace
 } from "../chunk-D5GNZB6O.js";
@@ -28,7 +29,6 @@ import {
   logError
 } from "../chunk-ULXU6XWH.js";
 import "../chunk-X6YKUJKH.js";
-import "../chunk-GAXJTFBV.js";
 import "../chunk-ENYGL5CO.js";
 
 // src/host/html/index.tsx
@@ -125,10 +125,10 @@ async function getRuntime(type, url, bundle, shared, remoteShared, resolveClient
     };
   }
   if (type === "webpack") {
-    const { webpackRuntime } = await import("../webpack-4QYGIVE6.js");
+    const { webpackRuntime } = await import("../webpack-IQKPPBGH.js");
     return webpackRuntime(bundle, shared, remoteShared, resolveClientUrl);
   } else if (type === "turbopack") {
-    const { turbopackRuntime } = await import("../turbopack-6BSS3SYN.js");
+    const { turbopackRuntime } = await import("../turbopack-Z744H3T4.js");
     return turbopackRuntime(
       url,
       bundle,

package/dist/host/nextjs/app/client-only.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkOSSMJQFEcjs = require('../../../chunk-OSSMJQFE.cjs');
+var _chunkW7RJUCZQcjs = require('../../../chunk-W7RJUCZQ.cjs');
 
 
-var _chunkHZP4FWPGcjs = require('../../../chunk-HZP4FWPG.cjs');
-require('../../../chunk-XWRB6CEA.cjs');
-require('../../../chunk-RZ224NSH.cjs');
-require('../../../chunk-PCHSF5LH.cjs');
+var _chunkOI37BBBUcjs = require('../../../chunk-OI37BBBU.cjs');
+require('../../../chunk-TCFLEBQM.cjs');
+require('../../../chunk-KMG54QXV.cjs');
+require('../../../chunk-OVD7BRLD.cjs');
+require('../../../chunk-KP544TQH.cjs');
 require('../../../chunk-3AX5WLZD.cjs');
 require('../../../chunk-N3SQTOSE.cjs');
 
 
 
-var _chunk6PZEDIAKcjs = require('../../../chunk-6PZEDIAK.cjs');
+var _chunkOZCVXVKUcjs = require('../../../chunk-OZCVXVKU.cjs');
 require('../../../chunk-Z2SLBFQL.cjs');
 require('../../../chunk-5KTAEO52.cjs');
 
 
 var _chunkBBXVML3Dcjs = require('../../../chunk-BBXVML3D.cjs');
 require('../../../chunk-KE7QPAQ4.cjs');
-require('../../../chunk-TCFLEBQM.cjs');
 require('../../../chunk-SHFJ5OQA.cjs');
 
 // src/host/nextjs/app-client-only.tsx
@@ -31,8 +31,8 @@ var _react = require('react');
 function resolveForBundle(unbound, bundle) {
   if (!unbound)
     return void 0;
-  const remoteSrc = _nullishCoalesce(_optionalChain([_chunk6PZEDIAKcjs.getScope.call(void 0, bundle), 'optionalAccess', _2 => _2.url, 'access', _3 => _3.href]), () => ( ""));
-  return _chunkHZP4FWPGcjs.bindResolveClientUrl.call(void 0, unbound, remoteSrc);
+  const remoteSrc = _nullishCoalesce(_optionalChain([_chunkOZCVXVKUcjs.getScope.call(void 0, bundle), 'optionalAccess', _2 => _2.url, 'access', _3 => _3.href]), () => ( ""));
+  return _chunkOI37BBBUcjs.bindResolveClientUrl.call(void 0, unbound, remoteSrc);
 }
 function createImageLoaderSharedEntries({
   bound,
@@ -41,13 +41,13 @@ function createImageLoaderSharedEntries({
   const loaderEntry = (bundle) => {
     const resolveClientUrl = _nullishCoalesce(bound, () => ( resolveForBundle(unbound, bundle)));
     return Promise.resolve({
-      default: _chunk6PZEDIAKcjs.createRemoteImageLoader.call(void 0, bundle, resolveClientUrl),
+      default: _chunkOZCVXVKUcjs.createRemoteImageLoader.call(void 0, bundle, resolveClientUrl),
       __esModule: true
     });
   };
   const imageEntry = async (bundle) => {
     const resolveClientUrl = _nullishCoalesce(bound, () => ( resolveForBundle(unbound, bundle)));
-    const rawLoader = _chunk6PZEDIAKcjs.createRemoteImageLoader.call(void 0, bundle, resolveClientUrl);
+    const rawLoader = _chunkOZCVXVKUcjs.createRemoteImageLoader.call(void 0, bundle, resolveClientUrl);
     const remoteLoader = Object.assign(
       (p) => rawLoader({ ...p, config: { path: "/_next/image" } }),
       { __next_img_default: true }
@@ -191,7 +191,7 @@ function ConsumeRemoteComponent2(props) {
     return _nullishCoalesce(props.children, () => ( null));
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkOSSMJQFEcjs.ConsumeRemoteComponent,
+    _chunkW7RJUCZQcjs.ConsumeRemoteComponent,
     {
       ...props,
       shared: sharedModules(props.shared, props.resolveClientUrl)

package/dist/host/nextjs/app/client-only.js

@@ -1,26 +1,26 @@
 "use client";
 import {
   ConsumeRemoteComponent
-} from "../../../chunk-RHRDUJ3K.js";
+} from "../../../chunk-CLB2ATH2.js";
 import {
   bindResolveClientUrl
-} from "../../../chunk-N6AJM72A.js";
-import "../../../chunk-M6ACTSVB.js";
-import "../../../chunk-GR5FN73U.js";
-import "../../../chunk-VFK4HGZT.js";
+} from "../../../chunk-XEO3XD67.js";
+import "../../../chunk-GAXJTFBV.js";
+import "../../../chunk-IE7FXNFJ.js";
+import "../../../chunk-CBEDRGC7.js";
+import "../../../chunk-5BBEO4SE.js";
 import "../../../chunk-LEKG4YWI.js";
 import "../../../chunk-RHGEBXPL.js";
 import {
   createRemoteImageLoader,
   getScope
-} from "../../../chunk-3PR3SWYZ.js";
+} from "../../../chunk-3DR4Z24C.js";
 import "../../../chunk-D5GNZB6O.js";
 import "../../../chunk-STIJO4AG.js";
 import {
   logWarn
 } from "../../../chunk-ULXU6XWH.js";
 import "../../../chunk-X6YKUJKH.js";
-import "../../../chunk-GAXJTFBV.js";
 import "../../../chunk-ENYGL5CO.js";
 
 // src/host/nextjs/app-client-only.tsx

package/dist/host/react.cjs

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkOSSMJQFEcjs = require('../chunk-OSSMJQFE.cjs');
-require('../chunk-HZP4FWPG.cjs');
-require('../chunk-XWRB6CEA.cjs');
-require('../chunk-RZ224NSH.cjs');
-require('../chunk-PCHSF5LH.cjs');
+var _chunkW7RJUCZQcjs = require('../chunk-W7RJUCZQ.cjs');
+require('../chunk-OI37BBBU.cjs');
+require('../chunk-TCFLEBQM.cjs');
+require('../chunk-KMG54QXV.cjs');
+require('../chunk-OVD7BRLD.cjs');
+require('../chunk-KP544TQH.cjs');
 require('../chunk-3AX5WLZD.cjs');
 require('../chunk-N3SQTOSE.cjs');
-require('../chunk-6PZEDIAK.cjs');
+require('../chunk-OZCVXVKU.cjs');
 require('../chunk-Z2SLBFQL.cjs');
 require('../chunk-5KTAEO52.cjs');
 require('../chunk-BBXVML3D.cjs');
 require('../chunk-KE7QPAQ4.cjs');
-require('../chunk-TCFLEBQM.cjs');
 require('../chunk-SHFJ5OQA.cjs');
 
 
 
-exports.ConsumeRemoteComponent = _chunkOSSMJQFEcjs.ConsumeRemoteComponent; exports.useRemoteNavigate = _chunkOSSMJQFEcjs.useRemoteNavigate;
+exports.ConsumeRemoteComponent = _chunkW7RJUCZQcjs.ConsumeRemoteComponent; exports.useRemoteNavigate = _chunkW7RJUCZQcjs.useRemoteNavigate;
 //# sourceMappingURL=react.cjs.map

package/dist/host/react.js

@@ -1,19 +1,19 @@
 import {
   ConsumeRemoteComponent,
   useRemoteNavigate
-} from "../chunk-RHRDUJ3K.js";
-import "../chunk-N6AJM72A.js";
-import "../chunk-M6ACTSVB.js";
-import "../chunk-GR5FN73U.js";
-import "../chunk-VFK4HGZT.js";
+} from "../chunk-CLB2ATH2.js";
+import "../chunk-XEO3XD67.js";
+import "../chunk-GAXJTFBV.js";
+import "../chunk-IE7FXNFJ.js";
+import "../chunk-CBEDRGC7.js";
+import "../chunk-5BBEO4SE.js";
 import "../chunk-LEKG4YWI.js";
 import "../chunk-RHGEBXPL.js";
-import "../chunk-3PR3SWYZ.js";
+import "../chunk-3DR4Z24C.js";
 import "../chunk-D5GNZB6O.js";
 import "../chunk-STIJO4AG.js";
 import "../chunk-ULXU6XWH.js";
 import "../chunk-X6YKUJKH.js";
-import "../chunk-GAXJTFBV.js";
 import "../chunk-ENYGL5CO.js";
 export {
   ConsumeRemoteComponent,

package/dist/internal/host/nextjs/app-client.cjs

@@ -182,6 +182,13 @@ function ConsumeRemoteComponentClient({
       });
     }
   }, [component, children]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      hostStateRef.current.abortController?.abort();
+      hostStateRef.current.abortController = void 0;
+      hostStateRef.current.stage = "idle";
+    };
+  }, []);
   (0, import_react.useEffect)(() => {
     (0, import_react.startTransition)(async () => {
       try {
@@ -266,9 +273,6 @@ function ConsumeRemoteComponentClient({
         setComponent(error);
       }
     });
-    return () => {
-      hostStateRef.current.abortController?.abort();
-    };
   }, [
     component,
     name,