remote-components 0.4.12 → 0.4.14

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 _chunkZPJ5J24Tcjs = require('../chunk-ZPJ5J24T.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,
+    ..._chunkZPJ5J24Tcjs.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,
+    ..._chunkZPJ5J24Tcjs.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 = { ..._chunkZPJ5J24Tcjs.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: '${_chunkZPJ5J24Tcjs.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-WWHNG5YP.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 _chunkHXCW3WDTcjs = require('../chunk-HXCW3WDT.cjs');
-require('../chunk-XWRB6CEA.cjs');
-require('../chunk-TGE3K3TR.cjs');
-require('../chunk-SULMNRMJ.cjs');
+var _chunkT2JJIQUJcjs = require('../chunk-T2JJIQUJ.cjs');
+require('../chunk-TCFLEBQM.cjs');
+require('../chunk-MAVMKFFL.cjs');
+require('../chunk-TIS6PXSQ.cjs');
+require('../chunk-JKDPK6L5.cjs');
 require('../chunk-3AX5WLZD.cjs');
 
 
 
 
-var _chunk6PZEDIAKcjs = require('../chunk-6PZEDIAK.cjs');
+var _chunkZPJ5J24Tcjs = require('../chunk-ZPJ5J24T.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-FSN5UBA2.cjs")));
+    const { webpackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../webpack-W2MODB73.cjs")));
     return webpackRuntime(bundle, shared, remoteShared, resolveClientUrl);
   } else if (type === "turbopack") {
-    const { turbopackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../turbopack-5VGMYUL4.cjs")));
+    const { turbopackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../turbopack-YZOIO55D.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 = _chunkZPJ5J24Tcjs.DEFAULT_COMPONENT_NAME}
+    __init2() {this.bundle = _chunkZPJ5J24Tcjs.DEFAULT_BUNDLE_NAME}
     
     __init3() {this.__next = null}
     __init4() {this.fouc = null}
-    __init5() {this.hostState = _chunkHXCW3WDTcjs.createHostState.call(void 0, )}
+    __init5() {this.hostState = _chunkT2JJIQUJcjs.createHostState.call(void 0, )}
     __init6() {this.root = null}
     
-    __init7() {this.emitter = _chunkHXCW3WDTcjs.makeEventEmitter.call(void 0, this)}
+    __init7() {this.emitter = _chunkT2JJIQUJcjs.makeEventEmitter.call(void 0, this)}
     
     
     
@@ -279,10 +279,10 @@ if (typeof HTMLElement !== "undefined") {
       let url = null;
       let html = this.innerHTML;
       if (src) {
-        url = _chunkHXCW3WDTcjs.getClientOrServerUrl.call(void 0, src, window.location.href);
-        this.name = _chunkHXCW3WDTcjs.resolveNameFromSrc.call(void 0, src, this.name);
+        url = _chunkT2JJIQUJcjs.getClientOrServerUrl.call(void 0, src, window.location.href);
+        this.name = _chunkT2JJIQUJcjs.resolveNameFromSrc.call(void 0, src, this.name);
       }
-      const resolveClientUrl = url ? _chunkHXCW3WDTcjs.bindResolveClientUrl.call(void 0, this.resolveClientUrl, url.href) : void 0;
+      const resolveClientUrl = url ? _chunkT2JJIQUJcjs.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 _chunkHXCW3WDTcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
+          res = await _chunkT2JJIQUJcjs.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 } = _chunkHXCW3WDTcjs.preparePipeline.call(void 0, {
+      const { doc, parsed } = _chunkT2JJIQUJcjs.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_${_chunkZPJ5J24Tcjs.escapeString.call(void 0, 
           url.href
-        )}_${_chunk6PZEDIAKcjs.escapeString.call(void 0, this.name)}`;
+        )}_${_chunkZPJ5J24Tcjs.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 = _chunkHXCW3WDTcjs.createRSCStream.call(void 0, 
+          const stream = _chunkT2JJIQUJcjs.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-RZGFQTX6.js";
-import "../chunk-M6ACTSVB.js";
-import "../chunk-24LEEDHP.js";
-import "../chunk-BEGVH64U.js";
+} from "../chunk-PNKSHWZ3.js";
+import "../chunk-GAXJTFBV.js";
+import "../chunk-XLGLCKZZ.js";
+import "../chunk-YKCU7RFM.js";
+import "../chunk-GG32LZD3.js";
 import "../chunk-LEKG4YWI.js";
 import {
   DEFAULT_BUNDLE_NAME,
   DEFAULT_COMPONENT_NAME,
   escapeString
-} from "../chunk-3PR3SWYZ.js";
+} from "../chunk-WWHNG5YP.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-LXE2UWTA.js");
+    const { webpackRuntime } = await import("../webpack-2HP73JL7.js");
     return webpackRuntime(bundle, shared, remoteShared, resolveClientUrl);
   } else if (type === "turbopack") {
-    const { turbopackRuntime } = await import("../turbopack-43N2UJNN.js");
+    const { turbopackRuntime } = await import("../turbopack-HK7DVYUG.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 _chunkYSJ4FKGIcjs = require('../../../chunk-YSJ4FKGI.cjs');
+var _chunkWCZKEWRMcjs = require('../../../chunk-WCZKEWRM.cjs');
 
 
-var _chunkHXCW3WDTcjs = require('../../../chunk-HXCW3WDT.cjs');
-require('../../../chunk-XWRB6CEA.cjs');
-require('../../../chunk-TGE3K3TR.cjs');
-require('../../../chunk-SULMNRMJ.cjs');
+var _chunkT2JJIQUJcjs = require('../../../chunk-T2JJIQUJ.cjs');
+require('../../../chunk-TCFLEBQM.cjs');
+require('../../../chunk-MAVMKFFL.cjs');
+require('../../../chunk-TIS6PXSQ.cjs');
+require('../../../chunk-JKDPK6L5.cjs');
 require('../../../chunk-3AX5WLZD.cjs');
 require('../../../chunk-N3SQTOSE.cjs');
 
 
 
-var _chunk6PZEDIAKcjs = require('../../../chunk-6PZEDIAK.cjs');
+var _chunkZPJ5J24Tcjs = require('../../../chunk-ZPJ5J24T.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,23 +31,32 @@ 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 _chunkHXCW3WDTcjs.bindResolveClientUrl.call(void 0, unbound, remoteSrc);
+  const remoteSrc = _nullishCoalesce(_optionalChain([_chunkZPJ5J24Tcjs.getScope.call(void 0, bundle), 'optionalAccess', _2 => _2.url, 'access', _3 => _3.href]), () => ( ""));
+  return _chunkT2JJIQUJcjs.bindResolveClientUrl.call(void 0, unbound, remoteSrc);
 }
 function createImageLoaderSharedEntries({
   bound,
+  ssrImageDeploymentIds,
   unbound
 } = {}) {
   const loaderEntry = (bundle) => {
     const resolveClientUrl = _nullishCoalesce(bound, () => ( resolveForBundle(unbound, bundle)));
     return Promise.resolve({
-      default: _chunk6PZEDIAKcjs.createRemoteImageLoader.call(void 0, bundle, resolveClientUrl),
+      default: _chunkZPJ5J24Tcjs.createRemoteImageLoader.call(void 0, 
+        bundle,
+        resolveClientUrl,
+        ssrImageDeploymentIds
+      ),
       __esModule: true
     });
   };
   const imageEntry = async (bundle) => {
     const resolveClientUrl = _nullishCoalesce(bound, () => ( resolveForBundle(unbound, bundle)));
-    const rawLoader = _chunk6PZEDIAKcjs.createRemoteImageLoader.call(void 0, bundle, resolveClientUrl);
+    const rawLoader = _chunkZPJ5J24Tcjs.createRemoteImageLoader.call(void 0, 
+      bundle,
+      resolveClientUrl,
+      ssrImageDeploymentIds
+    );
     const remoteLoader = Object.assign(
       (p) => rawLoader({ ...p, config: { path: "/_next/image" } }),
       { __next_img_default: true }
@@ -191,7 +200,7 @@ function ConsumeRemoteComponent2(props) {
     return _nullishCoalesce(props.children, () => ( null));
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYSJ4FKGIcjs.ConsumeRemoteComponent,
+    _chunkWCZKEWRMcjs.ConsumeRemoteComponent,
     {
       ...props,
       shared: sharedModules(props.shared, props.resolveClientUrl)

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/nextjs/app-client-only.tsx","../../../../src/host/nextjs/image-shared.ts","../../../../src/host/nextjs/shared-import.ts","../../../../src/host/nextjs/app-compat.tsx"],"names":["ConsumeRemoteComponent"],"mappings":"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","sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { useMemo } from 'react';\nimport { createImageLoaderSharedEntries } from '#internal/host/nextjs/image-shared';\nimport { tryImportShared } from '#internal/host/nextjs/shared-import';\nimport { RemoteComponentsContext } from '#internal/host/react/context';\nimport type { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\nimport type { ResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport {\n  type ConsumeRemoteComponentProps,\n  ConsumeRemoteComponent as ConsumeRemoteComponentReact,\n} from '#remote-components/host/react';\nimport { routerImpl } from './app-compat';\n\nconst sharedModules = async (\n  userShared?: ConsumeRemoteComponentProps['shared'],\n  resolveClientUrl?: ResolveClientUrl,\n) => {\n  const [resolvedShared, resolvedUserShared] = await Promise.all([\n    tryImportShared(),\n    userShared ?? Promise.resolve({}),\n  ]);\n  return {\n    ...resolvedShared,\n    'next/router': routerImpl,\n    ...createImageLoaderSharedEntries({ unbound: resolveClientUrl }),\n    ...resolvedUserShared,\n  };\n};\n\n/**\n * Provider for Next.js App Router hosts. Provides real Next.js implementations\n * of `next/image`, `next/navigation`, `next/link`, etc. to all nested\n * `<ConsumeRemoteComponent>` instances.\n *\n * Works in both Server and Client Components — set it up once in your layout\n * and use `<ConsumeRemoteComponent>` from `remote-components/react` everywhere:\n *\n * ```tsx\n * import { RemoteComponentsClientProvider } from 'remote-components/host/nextjs/app/client-only';\n *\n * <RemoteComponentsClientProvider resolveClientUrl={proxyClientRequestsThroughHost}>\n *   {children}\n * </RemoteComponentsClientProvider>\n * ```\n */\nexport function RemoteComponentsClientProvider({\n  shared,\n  resolveClientUrl,\n  children,\n  ...props\n}: ConsumeClientOnlyConfig & { children: React.ReactNode }) {\n  const mergedShared = useMemo(\n    () => sharedModules(shared, resolveClientUrl),\n    [shared, resolveClientUrl],\n  );\n  return (\n    <RemoteComponentsContext\n      value={{ shared: mergedShared, resolveClientUrl, ...props }}\n    >\n      {children}\n    </RemoteComponentsContext>\n  );\n}\n\n/**\n * `ConsumeRemoteComponent` for Next.js App Router hosts. Provides real Next.js\n * implementations of `next/image`, `next/navigation`, `next/link`, etc.\n *\n * The provider approach is recommended because it works in both Server and Client\n * Components — set up `RemoteComponentsClientProvider` from this module once in\n * your layout, and use `<ConsumeRemoteComponent>` from `remote-components/react`\n * everywhere. Import this component only when adding a provider is not practical.\n */\nexport function ConsumeRemoteComponent(props: ConsumeRemoteComponentProps) {\n  if (typeof props.src !== 'string' && !(props.src instanceof URL)) {\n    return props.children ?? null;\n  }\n\n  return (\n    <ConsumeRemoteComponentReact\n      {...props}\n      shared={sharedModules(props.shared, props.resolveClientUrl)}\n    />\n  );\n}\n","import { createElement, forwardRef } from 'react';\nimport { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { bindResolveClientUrl } from '#internal/runtime/url/default-resolve-client-url';\nimport type {\n  InternalResolveClientUrl,\n  ResolveClientUrl,\n} from '#internal/runtime/url/resolve-client-url';\n\ntype SharedImageModule = (bundle: string) => Promise<unknown>;\n\nfunction resolveForBundle(\n  unbound: ResolveClientUrl | undefined,\n  bundle: string,\n): InternalResolveClientUrl | undefined {\n  if (!unbound) return undefined;\n  const remoteSrc = getScope(bundle)?.url.href ?? '';\n  return bindResolveClientUrl(unbound, remoteSrc);\n}\n\n/**\n * Creates shared module entries for image-related modules that route\n * optimization requests through the remote's `/_next/image` endpoint.\n *\n * Pass `bound` when the resolver already has `remoteSrc` applied (App Router).\n * Pass `unbound` when only the raw 2-arg `ResolveClientUrl` is available\n * (Pages Router, client-only provider).\n */\nexport function createImageLoaderSharedEntries({\n  bound,\n  unbound,\n}: {\n  bound?: InternalResolveClientUrl;\n  unbound?: ResolveClientUrl;\n} = {}): Record<string, SharedImageModule> {\n  const loaderEntry: SharedImageModule = (bundle: string) => {\n    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);\n    return Promise.resolve({\n      default: createRemoteImageLoader(bundle, resolveClientUrl),\n      __esModule: true,\n    });\n  };\n\n  // Cross-version compat: remotes <=0.2.x request `next/image` as a shared module.\n  // Wraps the host's Image component with the remote image loader injected\n  // via the `loader` prop. Can be removed once 0.2.x support is dropped.\n  const imageEntry: SharedImageModule = async (bundle: string) => {\n    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);\n    const rawLoader = createRemoteImageLoader(bundle, resolveClientUrl);\n    // Wrap to match Next.js `ImageLoader` signature (no `config` param).\n    // The raw loader expects `{ config, src, width, quality }` but the public\n    // `loader` prop is called with `{ src, width, quality }` only.\n    const remoteLoader = Object.assign(\n      (p: { src: string; width: number; quality?: number }) =>\n        rawLoader({ ...p, config: { path: '/_next/image' } }),\n      { __next_img_default: true as const },\n    );\n    const mod = await import('next/image');\n    const OriginalImage = mod.default;\n    type ImageProps = Parameters<typeof OriginalImage>[0];\n    const RemoteImage = forwardRef<HTMLImageElement, ImageProps>((props, ref) =>\n      createElement(OriginalImage, {\n        ...props,\n        loader: props.loader ?? remoteLoader,\n        ref,\n      }),\n    );\n    RemoteImage.displayName = 'RemoteImage';\n    return { ...mod, default: RemoteImage, __esModule: true };\n  };\n\n  return {\n    'next/dist/shared/lib/image-loader': loaderEntry,\n    'next/dist/esm/shared/lib/image-loader': loaderEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/image': imageEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/dist/client/image-component': imageEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/dist/api/image': imageEntry,\n  };\n}\n","export async function tryImportShared() {\n  try {\n    const { shared } = await import('#remote-components/host/defaults/app');\n    return shared;\n  } catch {\n    return {};\n  }\n}\n","import type { NavigateOptions } from 'next/dist/shared/lib/app-router-context.shared-runtime';\nimport { usePathname, useSearchParams } from 'next/navigation';\nimport { logWarn } from '#internal/utils/logger';\n\nexport const routerImpl = async () => {\n  const { useRouter } = await import('next/navigation');\n  return Promise.resolve({\n    useRouter: () => {\n      const router = useRouter();\n      const pathname = usePathname();\n      const searchParams = useSearchParams();\n      const query = Object.fromEntries(searchParams.entries());\n      return {\n        pathname,\n        query,\n        asPath: searchParams.toString()\n          ? `${pathname}?${searchParams.toString()}`\n          : pathname,\n        push: (href: string, _: string, options?: NavigateOptions) => {\n          router.push(href, options);\n          return Promise.resolve(true);\n        },\n        replace: (href: string, _: string, options?: NavigateOptions) => {\n          router.replace(href, options);\n          return Promise.resolve(true);\n        },\n        refresh: () => Promise.resolve(router.refresh()),\n        prefetch: async () => {\n          logWarn(\n            'NextAppRouterCompat',\n            'You are using router.prefetch() in a remote component loaded in the Next.js App Router. prefetch() is a no-op in the App Router.',\n          );\n          return Promise.resolve();\n        },\n        back: () => {\n          // there's no back() in the App Router\n          if (typeof window !== 'undefined') {\n            window.history.back();\n          }\n        },\n        reload: () => {\n          router.refresh();\n        },\n        beforePopState: () => {\n          // there's no beforePopState() in the App Router\n        },\n        events: {\n          on: () => {\n            // there's no router.events in the App Router\n            logWarn(\n              'NextAppRouterCompat',\n              'You are using router.events.on() in a remote component loaded in the Next.js App Router. events.on() is a no-op in the App Router.',\n            );\n          },\n          off: () => {\n            // there's no router.events in the App Router\n            logWarn(\n              'NextAppRouterCompat',\n              'You are using router.events.off() in a remote component loaded in the Next.js App Router. events.off() is a no-op in the App Router.',\n            );\n          },\n          emit: () => {\n            // there's no router.events in the App Router\n            logWarn(\n              'NextAppRouterCompat',\n              'You are using router.events.emit() in a remote component loaded in the Next.js App Router. events.emit() is a no-op in the App Router.',\n            );\n          },\n        },\n      };\n    },\n  });\n};\n"]}
+{"version":3,"sources":["../../../../src/host/nextjs/app-client-only.tsx","../../../../src/host/nextjs/image-shared.ts","../../../../src/host/nextjs/shared-import.ts","../../../../src/host/nextjs/app-compat.tsx"],"names":["ConsumeRemoteComponent"],"mappings":"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","sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { useMemo } from 'react';\nimport { createImageLoaderSharedEntries } from '#internal/host/nextjs/image-shared';\nimport { tryImportShared } from '#internal/host/nextjs/shared-import';\nimport { RemoteComponentsContext } from '#internal/host/react/context';\nimport type { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\nimport type { ResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport {\n  type ConsumeRemoteComponentProps,\n  ConsumeRemoteComponent as ConsumeRemoteComponentReact,\n} from '#remote-components/host/react';\nimport { routerImpl } from './app-compat';\n\nconst sharedModules = async (\n  userShared?: ConsumeRemoteComponentProps['shared'],\n  resolveClientUrl?: ResolveClientUrl,\n) => {\n  const [resolvedShared, resolvedUserShared] = await Promise.all([\n    tryImportShared(),\n    userShared ?? Promise.resolve({}),\n  ]);\n  return {\n    ...resolvedShared,\n    'next/router': routerImpl,\n    ...createImageLoaderSharedEntries({ unbound: resolveClientUrl }),\n    ...resolvedUserShared,\n  };\n};\n\n/**\n * Provider for Next.js App Router hosts. Provides real Next.js implementations\n * of `next/image`, `next/navigation`, `next/link`, etc. to all nested\n * `<ConsumeRemoteComponent>` instances.\n *\n * Works in both Server and Client Components — set it up once in your layout\n * and use `<ConsumeRemoteComponent>` from `remote-components/react` everywhere:\n *\n * ```tsx\n * import { RemoteComponentsClientProvider } from 'remote-components/host/nextjs/app/client-only';\n *\n * <RemoteComponentsClientProvider resolveClientUrl={proxyClientRequestsThroughHost}>\n *   {children}\n * </RemoteComponentsClientProvider>\n * ```\n */\nexport function RemoteComponentsClientProvider({\n  shared,\n  resolveClientUrl,\n  children,\n  ...props\n}: ConsumeClientOnlyConfig & { children: React.ReactNode }) {\n  const mergedShared = useMemo(\n    () => sharedModules(shared, resolveClientUrl),\n    [shared, resolveClientUrl],\n  );\n  return (\n    <RemoteComponentsContext\n      value={{ shared: mergedShared, resolveClientUrl, ...props }}\n    >\n      {children}\n    </RemoteComponentsContext>\n  );\n}\n\n/**\n * `ConsumeRemoteComponent` for Next.js App Router hosts. Provides real Next.js\n * implementations of `next/image`, `next/navigation`, `next/link`, etc.\n *\n * The provider approach is recommended because it works in both Server and Client\n * Components — set up `RemoteComponentsClientProvider` from this module once in\n * your layout, and use `<ConsumeRemoteComponent>` from `remote-components/react`\n * everywhere. Import this component only when adding a provider is not practical.\n */\nexport function ConsumeRemoteComponent(props: ConsumeRemoteComponentProps) {\n  if (typeof props.src !== 'string' && !(props.src instanceof URL)) {\n    return props.children ?? null;\n  }\n\n  return (\n    <ConsumeRemoteComponentReact\n      {...props}\n      shared={sharedModules(props.shared, props.resolveClientUrl)}\n    />\n  );\n}\n","import { createElement, forwardRef } from 'react';\nimport type { NextImageDeploymentId } from '#internal/host/shared/next-image-deployment-id';\nimport { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { bindResolveClientUrl } from '#internal/runtime/url/default-resolve-client-url';\nimport type {\n  InternalResolveClientUrl,\n  ResolveClientUrl,\n} from '#internal/runtime/url/resolve-client-url';\n\ntype SharedImageModule = (bundle: string) => Promise<unknown>;\n\nfunction resolveForBundle(\n  unbound: ResolveClientUrl | undefined,\n  bundle: string,\n): InternalResolveClientUrl | undefined {\n  if (!unbound) return undefined;\n  const remoteSrc = getScope(bundle)?.url.href ?? '';\n  return bindResolveClientUrl(unbound, remoteSrc);\n}\n\n/**\n * Creates shared module entries for image-related modules that route\n * optimization requests through the remote's `/_next/image` endpoint.\n *\n * Pass `bound` when the resolver already has `remoteSrc` applied (App Router).\n * Pass `unbound` when only the raw 2-arg `ResolveClientUrl` is available\n * (Pages Router, client-only provider).\n */\nexport function createImageLoaderSharedEntries({\n  bound,\n  ssrImageDeploymentIds,\n  unbound,\n}: {\n  bound?: InternalResolveClientUrl;\n  ssrImageDeploymentIds?: readonly NextImageDeploymentId[];\n  unbound?: ResolveClientUrl;\n} = {}): Record<string, SharedImageModule> {\n  const loaderEntry: SharedImageModule = (bundle: string) => {\n    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);\n    return Promise.resolve({\n      default: createRemoteImageLoader(\n        bundle,\n        resolveClientUrl,\n        ssrImageDeploymentIds,\n      ),\n      __esModule: true,\n    });\n  };\n\n  // Cross-version compat: remotes <=0.2.x request `next/image` as a shared module.\n  // Wraps the host's Image component with the remote image loader injected\n  // via the `loader` prop. Can be removed once 0.2.x support is dropped.\n  const imageEntry: SharedImageModule = async (bundle: string) => {\n    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);\n    const rawLoader = createRemoteImageLoader(\n      bundle,\n      resolveClientUrl,\n      ssrImageDeploymentIds,\n    );\n    // Wrap to match Next.js `ImageLoader` signature (no `config` param).\n    // The raw loader expects `{ config, src, width, quality }` but the public\n    // `loader` prop is called with `{ src, width, quality }` only.\n    const remoteLoader = Object.assign(\n      (p: { src: string; width: number; quality?: number }) =>\n        rawLoader({ ...p, config: { path: '/_next/image' } }),\n      { __next_img_default: true as const },\n    );\n    const mod = await import('next/image');\n    const OriginalImage = mod.default;\n    type ImageProps = Parameters<typeof OriginalImage>[0];\n    const RemoteImage = forwardRef<HTMLImageElement, ImageProps>((props, ref) =>\n      createElement(OriginalImage, {\n        ...props,\n        loader: props.loader ?? remoteLoader,\n        ref,\n      }),\n    );\n    RemoteImage.displayName = 'RemoteImage';\n    return { ...mod, default: RemoteImage, __esModule: true };\n  };\n\n  return {\n    'next/dist/shared/lib/image-loader': loaderEntry,\n    'next/dist/esm/shared/lib/image-loader': loaderEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/image': imageEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/dist/client/image-component': imageEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/dist/api/image': imageEntry,\n  };\n}\n","export async function tryImportShared() {\n  try {\n    const { shared } = await import('#remote-components/host/defaults/app');\n    return shared;\n  } catch {\n    return {};\n  }\n}\n","import type { NavigateOptions } from 'next/dist/shared/lib/app-router-context.shared-runtime';\nimport { usePathname, useSearchParams } from 'next/navigation';\nimport { logWarn } from '#internal/utils/logger';\n\nexport const routerImpl = async () => {\n  const { useRouter } = await import('next/navigation');\n  return Promise.resolve({\n    useRouter: () => {\n      const router = useRouter();\n      const pathname = usePathname();\n      const searchParams = useSearchParams();\n      const query = Object.fromEntries(searchParams.entries());\n      return {\n        pathname,\n        query,\n        asPath: searchParams.toString()\n          ? `${pathname}?${searchParams.toString()}`\n          : pathname,\n        push: (href: string, _: string, options?: NavigateOptions) => {\n          router.push(href, options);\n          return Promise.resolve(true);\n        },\n        replace: (href: string, _: string, options?: NavigateOptions) => {\n          router.replace(href, options);\n          return Promise.resolve(true);\n        },\n        refresh: () => Promise.resolve(router.refresh()),\n        prefetch: async () => {\n          logWarn(\n            'NextAppRouterCompat',\n            'You are using router.prefetch() in a remote component loaded in the Next.js App Router. prefetch() is a no-op in the App Router.',\n          );\n          return Promise.resolve();\n        },\n        back: () => {\n          // there's no back() in the App Router\n          if (typeof window !== 'undefined') {\n            window.history.back();\n          }\n        },\n        reload: () => {\n          router.refresh();\n        },\n        beforePopState: () => {\n          // there's no beforePopState() in the App Router\n        },\n        events: {\n          on: () => {\n            // there's no router.events in the App Router\n            logWarn(\n              'NextAppRouterCompat',\n              'You are using router.events.on() in a remote component loaded in the Next.js App Router. events.on() is a no-op in the App Router.',\n            );\n          },\n          off: () => {\n            // there's no router.events in the App Router\n            logWarn(\n              'NextAppRouterCompat',\n              'You are using router.events.off() in a remote component loaded in the Next.js App Router. events.off() is a no-op in the App Router.',\n            );\n          },\n          emit: () => {\n            // there's no router.events in the App Router\n            logWarn(\n              'NextAppRouterCompat',\n              'You are using router.events.emit() in a remote component loaded in the Next.js App Router. events.emit() is a no-op in the App Router.',\n            );\n          },\n        },\n      };\n    },\n  });\n};\n"]}

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

@@ -1,26 +1,26 @@
 "use client";
 import {
   ConsumeRemoteComponent
-} from "../../../chunk-CLO56ON2.js";
+} from "../../../chunk-EIEIT5PG.js";
 import {
   bindResolveClientUrl
-} from "../../../chunk-RZGFQTX6.js";
-import "../../../chunk-M6ACTSVB.js";
-import "../../../chunk-24LEEDHP.js";
-import "../../../chunk-BEGVH64U.js";
+} from "../../../chunk-PNKSHWZ3.js";
+import "../../../chunk-GAXJTFBV.js";
+import "../../../chunk-XLGLCKZZ.js";
+import "../../../chunk-YKCU7RFM.js";
+import "../../../chunk-GG32LZD3.js";
 import "../../../chunk-LEKG4YWI.js";
 import "../../../chunk-RHGEBXPL.js";
 import {
   createRemoteImageLoader,
   getScope
-} from "../../../chunk-3PR3SWYZ.js";
+} from "../../../chunk-WWHNG5YP.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
@@ -36,18 +36,27 @@ function resolveForBundle(unbound, bundle) {
 }
 function createImageLoaderSharedEntries({
   bound,
+  ssrImageDeploymentIds,
   unbound
 } = {}) {
   const loaderEntry = (bundle) => {
     const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);
     return Promise.resolve({
-      default: createRemoteImageLoader(bundle, resolveClientUrl),
+      default: createRemoteImageLoader(
+        bundle,
+        resolveClientUrl,
+        ssrImageDeploymentIds
+      ),
       __esModule: true
     });
   };
   const imageEntry = async (bundle) => {
     const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);
-    const rawLoader = createRemoteImageLoader(bundle, resolveClientUrl);
+    const rawLoader = createRemoteImageLoader(
+      bundle,
+      resolveClientUrl,
+      ssrImageDeploymentIds
+    );
     const remoteLoader = Object.assign(
       (p) => rawLoader({ ...p, config: { path: "/_next/image" } }),
       { __next_img_default: true }