remote-components 0.0.31 → 0.0.33

package/dist/shared/host/pages.d.ts

@@ -0,0 +1,3 @@
+declare const shared: Record<string, () => Promise<unknown>>;
+
+export { shared };

package/dist/shared/host/pages.js

@@ -0,0 +1,12 @@
+const shared = {
+  // eslint-disable-next-line camelcase
+  __remote_components_missing_shared__: () => Promise.reject(
+    new Error(
+      "Remote Components shared module not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?"
+    )
+  )
+};
+export {
+  shared
+};
+//# sourceMappingURL=pages.js.map

package/dist/shared/host/pages.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/shared/host/pages.ts"],"sourcesContent":["export const shared: Record<string, () => Promise<unknown>> = {\n  // eslint-disable-next-line camelcase\n  __remote_components_missing_shared__: () =>\n    Promise.reject(\n      new Error(\n        'Remote Components shared module not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?',\n      ),\n    ),\n};\n"],"mappings":"AAAO,MAAM,SAAiD;AAAA;AAAA,EAE5D,sCAAsC,MACpC,QAAQ;AAAA,IACN,IAAI;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACJ;","names":[]}

package/dist/shared/remote/app.cjs

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var app_exports = {};
+__export(app_exports, {
+  shared: () => shared
+});
+module.exports = __toCommonJS(app_exports);
+const shared = {
+  // eslint-disable-next-line camelcase
+  __remote_components_missing_shared__: "Remote Components shared module not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  shared
+});
+//# sourceMappingURL=app.cjs.map

package/dist/shared/remote/app.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/shared/remote/app.ts"],"sourcesContent":["export const shared: Record<string, string> = {\n  // eslint-disable-next-line camelcase\n  __remote_components_missing_shared__:\n    'Remote Components shared module not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?',\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,SAAiC;AAAA;AAAA,EAE5C,sCACE;AACJ;","names":[]}

package/dist/shared/remote/app.d.ts

@@ -0,0 +1,3 @@
+declare const shared: Record<string, string>;
+
+export { shared };

package/dist/shared/remote/app.js

@@ -0,0 +1,8 @@
+const shared = {
+  // eslint-disable-next-line camelcase
+  __remote_components_missing_shared__: "Remote Components shared module not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?"
+};
+export {
+  shared
+};
+//# sourceMappingURL=app.js.map

package/dist/shared/remote/app.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/shared/remote/app.ts"],"sourcesContent":["export const shared: Record<string, string> = {\n  // eslint-disable-next-line camelcase\n  __remote_components_missing_shared__:\n    'Remote Components shared module not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?',\n};\n"],"mappings":"AAAO,MAAM,SAAiC;AAAA;AAAA,EAE5C,sCACE;AACJ;","names":[]}

package/dist/shared/remote/pages.cjs

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var pages_exports = {};
+__export(pages_exports, {
+  shared: () => shared
+});
+module.exports = __toCommonJS(pages_exports);
+const shared = {
+  // eslint-disable-next-line camelcase
+  __remote_components_missing_shared__: "Remote Components shared module not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  shared
+});
+//# sourceMappingURL=pages.cjs.map

package/dist/shared/remote/pages.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/shared/remote/pages.ts"],"sourcesContent":["export const shared: Record<string, string> = {\n  // eslint-disable-next-line camelcase\n  __remote_components_missing_shared__:\n    'Remote Components shared module not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?',\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,SAAiC;AAAA;AAAA,EAE5C,sCACE;AACJ;","names":[]}

package/dist/shared/remote/pages.d.ts

@@ -0,0 +1,3 @@
+declare const shared: Record<string, string>;
+
+export { shared };

package/dist/shared/remote/pages.js

@@ -0,0 +1,8 @@
+const shared = {
+  // eslint-disable-next-line camelcase
+  __remote_components_missing_shared__: "Remote Components shared module not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?"
+};
+export {
+  shared
+};
+//# sourceMappingURL=pages.js.map

package/dist/shared/remote/pages.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/shared/remote/pages.ts"],"sourcesContent":["export const shared: Record<string, string> = {\n  // eslint-disable-next-line camelcase\n  __remote_components_missing_shared__:\n    'Remote Components shared module not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?',\n};\n"],"mappings":"AAAO,MAAM,SAAiC;AAAA;AAAA,EAE5C,sCACE;AACJ;","names":[]}

package/dist/shared/remote/wrapper.cjs

@@ -0,0 +1,48 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_picocolors = __toESM(require("picocolors"), 1);
+const errorMessage = `You are trying to use Remote Components, but you forgot to wrap your Next.js config with ${import_picocolors.default.bold("withRemoteComponents")} from ${import_picocolors.default.bold('"remote-components/next/config"')}.
+
+Please make sure to do this on both the host and remote Next.js applications.
+
+For example:
+
+${import_picocolors.default.green("// next.config.js")}
+${import_picocolors.default.magenta("import")} { ${import_picocolors.default.cyan("withRemoteComponents")} } ${import_picocolors.default.magenta("from")} ${import_picocolors.default.red("'remote-components/next/config'")};
+
+${import_picocolors.default.dim(import_picocolors.default.blue("const"))} ${import_picocolors.default.blue("nextConfig")} = {
+  ${import_picocolors.default.green("// your Next.js configuration")}
+};
+
+${import_picocolors.default.magenta("export default")} ${import_picocolors.default.yellow("withRemoteComponents")}(${import_picocolors.default.blue("nextConfig")});`;
+if (process.env.NEXT_PHASE === "phase-production-build") {
+  throw `
+
+${errorMessage}
+
+`;
+} else {
+  throw errorMessage;
+}
+//# sourceMappingURL=wrapper.cjs.map

package/dist/shared/remote/wrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/shared/remote/wrapper.ts"],"sourcesContent":["import colors from 'picocolors';\n\nconst errorMessage = `You are trying to use Remote Components, but you forgot to wrap your Next.js config with ${colors.bold('withRemoteComponents')} from ${colors.bold('\"remote-components/next/config\"')}.\n\nPlease make sure to do this on both the host and remote Next.js applications.\n\nFor example:\n\n${colors.green('// next.config.js')}\n${colors.magenta('import')} { ${colors.cyan('withRemoteComponents')} } ${colors.magenta('from')} ${colors.red(\"'remote-components/next/config'\")};\n\n${colors.dim(colors.blue('const'))} ${colors.blue('nextConfig')} = {\n  ${colors.green('// your Next.js configuration')}\n};\n\n${colors.magenta('export default')} ${colors.yellow('withRemoteComponents')}(${colors.blue('nextConfig')});`;\n\nif (process.env.NEXT_PHASE === 'phase-production-build') {\n  // in production mode we throw an error to prevent misconfiguration\n  // eslint-disable-next-line @typescript-eslint/no-throw-literal\n  throw `\\n\\n${errorMessage}\\n\\n`;\n} else {\n  // eslint-disable-next-line @typescript-eslint/no-throw-literal\n  throw errorMessage;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAAmB;AAEnB,MAAM,eAAe,4FAA4F,kBAAAA,QAAO,KAAK,sBAAsB,UAAU,kBAAAA,QAAO,KAAK,iCAAiC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxM,kBAAAA,QAAO,MAAM,mBAAmB;AAAA,EAChC,kBAAAA,QAAO,QAAQ,QAAQ,OAAO,kBAAAA,QAAO,KAAK,sBAAsB,OAAO,kBAAAA,QAAO,QAAQ,MAAM,KAAK,kBAAAA,QAAO,IAAI,iCAAiC;AAAA;AAAA,EAE7I,kBAAAA,QAAO,IAAI,kBAAAA,QAAO,KAAK,OAAO,CAAC,KAAK,kBAAAA,QAAO,KAAK,YAAY;AAAA,IAC1D,kBAAAA,QAAO,MAAM,+BAA+B;AAAA;AAAA;AAAA,EAG9C,kBAAAA,QAAO,QAAQ,gBAAgB,KAAK,kBAAAA,QAAO,OAAO,sBAAsB,KAAK,kBAAAA,QAAO,KAAK,YAAY;AAEvG,IAAI,QAAQ,IAAI,eAAe,0BAA0B;AAGvD,QAAM;AAAA;AAAA,EAAO;AAAA;AAAA;AACf,OAAO;AAEL,QAAM;AACR;","names":["colors"]}

package/dist/shared/remote/wrapper.d.ts

@@ -0,0 +1,2 @@
+
+export { }

package/dist/shared/remote/wrapper.js

@@ -0,0 +1,25 @@
+import colors from "picocolors";
+const errorMessage = `You are trying to use Remote Components, but you forgot to wrap your Next.js config with ${colors.bold("withRemoteComponents")} from ${colors.bold('"remote-components/next/config"')}.
+
+Please make sure to do this on both the host and remote Next.js applications.
+
+For example:
+
+${colors.green("// next.config.js")}
+${colors.magenta("import")} { ${colors.cyan("withRemoteComponents")} } ${colors.magenta("from")} ${colors.red("'remote-components/next/config'")};
+
+${colors.dim(colors.blue("const"))} ${colors.blue("nextConfig")} = {
+  ${colors.green("// your Next.js configuration")}
+};
+
+${colors.magenta("export default")} ${colors.yellow("withRemoteComponents")}(${colors.blue("nextConfig")});`;
+if (process.env.NEXT_PHASE === "phase-production-build") {
+  throw `
+
+${errorMessage}
+
+`;
+} else {
+  throw errorMessage;
+}
+//# sourceMappingURL=wrapper.js.map

package/dist/shared/remote/wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/shared/remote/wrapper.ts"],"sourcesContent":["import colors from 'picocolors';\n\nconst errorMessage = `You are trying to use Remote Components, but you forgot to wrap your Next.js config with ${colors.bold('withRemoteComponents')} from ${colors.bold('\"remote-components/next/config\"')}.\n\nPlease make sure to do this on both the host and remote Next.js applications.\n\nFor example:\n\n${colors.green('// next.config.js')}\n${colors.magenta('import')} { ${colors.cyan('withRemoteComponents')} } ${colors.magenta('from')} ${colors.red(\"'remote-components/next/config'\")};\n\n${colors.dim(colors.blue('const'))} ${colors.blue('nextConfig')} = {\n  ${colors.green('// your Next.js configuration')}\n};\n\n${colors.magenta('export default')} ${colors.yellow('withRemoteComponents')}(${colors.blue('nextConfig')});`;\n\nif (process.env.NEXT_PHASE === 'phase-production-build') {\n  // in production mode we throw an error to prevent misconfiguration\n  // eslint-disable-next-line @typescript-eslint/no-throw-literal\n  throw `\\n\\n${errorMessage}\\n\\n`;\n} else {\n  // eslint-disable-next-line @typescript-eslint/no-throw-literal\n  throw errorMessage;\n}\n"],"mappings":"AAAA,OAAO,YAAY;AAEnB,MAAM,eAAe,4FAA4F,OAAO,KAAK,sBAAsB,UAAU,OAAO,KAAK,iCAAiC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxM,OAAO,MAAM,mBAAmB;AAAA,EAChC,OAAO,QAAQ,QAAQ,OAAO,OAAO,KAAK,sBAAsB,OAAO,OAAO,QAAQ,MAAM,KAAK,OAAO,IAAI,iCAAiC;AAAA;AAAA,EAE7I,OAAO,IAAI,OAAO,KAAK,OAAO,CAAC,KAAK,OAAO,KAAK,YAAY;AAAA,IAC1D,OAAO,MAAM,+BAA+B;AAAA;AAAA;AAAA,EAG9C,OAAO,QAAQ,gBAAgB,KAAK,OAAO,OAAO,sBAAsB,KAAK,OAAO,KAAK,YAAY;AAEvG,IAAI,QAAQ,IAAI,eAAe,0BAA0B;AAGvD,QAAM;AAAA;AAAA,EAAO;AAAA;AAAA;AACf,OAAO;AAEL,QAAM;AACR;","names":[]}

package/dist/{types-b8210fd3.d.ts → types-7c207455.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { R as RemoteComponentMetadata } from './types-280a3640.js';
+import { R as RemoteComponentMetadata } from './types-e4a3fa37.js';
 
 interface RemoteComponentProps {
     url: string;

package/dist/{types-280a3640.d.ts → types-e4a3fa37.d.ts}

@@ -3,6 +3,7 @@ interface RemoteComponentMetadata {
     route: string;
     runtime: 'webpack' | 'turbopack';
     id: string;
+    type: 'nextjs' | 'unknown';
 }
 
 export { RemoteComponentMetadata as R };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remote-components",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "private": false,
   "description": "Compose remote components at runtime between microfrontends applications.",
   "keywords": [
@@ -80,6 +80,26 @@
     "./ssr": {
       "import": "./dist/internal/shared/ssr/fetch-remote-component.js",
       "require": "./dist/internal/shared/ssr/fetch-remote-component.cjs"
+    },
+    "./shared/remote/app": {
+      "import": "./dist/shared/remote/app.js",
+      "require": "./dist/shared/remote/app.cjs"
+    },
+    "./shared/remote/pages": {
+      "import": "./dist/shared/remote/pages.js",
+      "require": "./dist/shared/remote/pages.cjs"
+    },
+    "./shared/remote/wrapper": {
+      "import": "./dist/shared/remote/wrapper.js",
+      "require": "./dist/shared/remote/wrapper.cjs"
+    },
+    "./shared/host/app": {
+      "import": "./dist/shared/host/app.js",
+      "require": "./dist/shared/host/app.cjs"
+    },
+    "./shared/host/pages": {
+      "import": "./dist/shared/host/pages.js",
+      "require": "./dist/shared/host/pages.cjs"
     }
   },
   "typesVersions": {
@@ -119,6 +139,21 @@
       ],
       "./ssr": [
         "./dist/internal/shared/ssr/fetch-remote-component.d.ts"
+      ],
+      "shared/remote/app": [
+        "./dist/shared/remote/app.d.ts"
+      ],
+      "shared/remote/pages": [
+        "./dist/shared/remote/pages.d.ts"
+      ],
+      "shared/remote/wrapper": [
+        "./dist/shared/remote/wrapper.d.ts"
+      ],
+      "shared/host/app": [
+        "./dist/shared/host/app.d.ts"
+      ],
+      "shared/host/pages": [
+        "./dist/shared/host/pages.d.ts"
       ]
     }
   },
@@ -129,6 +164,7 @@
     "enhanced-resolve": "^5.18.3",
     "find-up": "^7.0.0",
     "parse5": "^7.2.1",
+    "picocolors": "^1.1.1",
     "react": "^19",
     "react-dom": "^19",
     "react-property": "^2.0.2",