remote-components 0.0.23 → 0.0.25

package/dist/next/middleware.d.ts

@@ -6,6 +6,7 @@ interface RemoteComponentMiddlewareOptions {
         method?: string | string[];
         headers?: string | string[];
         credentials?: boolean;
+        maxAge?: string;
     };
 }
 /**

package/dist/next/middleware.js

@@ -7,20 +7,22 @@ function corsFromOptions(options) {
     "Access-Control-Allow-Headers": process.env.REMOTE_COMPONENTS_ALLOW_HEADERS || (Array.isArray(options?.headers) ? options.headers.map((h) => h.trim()).join(",") : options?.headers) || "Content-Type,Authorization",
     ...process.env.REMOTE_COMPONENTS_ALLOW_CREDENTIALS || options?.credentials ? {
       "Access-Control-Allow-Credentials": process.env.REMOTE_COMPONENTS_ALLOW_CREDENTIALS || "true"
-    } : {}
+    } : {},
+    "Access-Control-Max-Age": options?.maxAge || "600"
   };
   return { ALLOWED_ORIGINS, CORS_HEADERS };
 }
 function withRemoteComponents(middleware, options) {
   return async (request) => {
     const { ALLOWED_ORIGINS, CORS_HEADERS } = corsFromOptions(options?.cors);
-    const origin = request.headers.get("origin") ?? "";
+    const origin = request.headers.get("origin") ?? (request.headers.has("referer") ? new URL(request.headers.get("referer") ?? "*").origin : "*");
     const isAllowed = ALLOWED_ORIGINS.includes("*") || ALLOWED_ORIGINS.includes(origin);
     if (request.method === "OPTIONS") {
       return new Response(null, {
         status: 200,
         headers: isAllowed ? {
           "Access-Control-Allow-Origin": origin,
+          Vary: "Origin",
           ...CORS_HEADERS
         } : {}
       });
@@ -28,6 +30,7 @@ function withRemoteComponents(middleware, options) {
     const response = typeof middleware === "function" ? await middleware(request) : NextResponse.next();
     if (isAllowed) {
       response.headers.set("Access-Control-Allow-Origin", origin);
+      response.headers.set("Vary", "Origin");
     }
     Object.entries(CORS_HEADERS).forEach(
       ([k, v]) => response.headers.set(k, v)

package/dist/next/middleware.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/next/middleware/index.ts"],"sourcesContent":["import { type NextRequest, NextResponse } from 'next/server';\n\nexport interface RemoteComponentMiddlewareOptions {\n  cors?: {\n    origin?: string | string[];\n    method?: string | string[];\n    headers?: string | string[];\n    credentials?: boolean;\n  };\n}\n\nfunction corsFromOptions(options?: RemoteComponentMiddlewareOptions['cors']) {\n  const ALLOWED_ORIGINS = (\n    process.env.REMOTE_COMPONENTS_ALLOWED_ORIGINS ||\n    (Array.isArray(options?.origin)\n      ? options.origin.join(',')\n      : options?.origin) ||\n    '*'\n  )\n    .split(',')\n    .map((origin) => origin.trim());\n\n  const CORS_HEADERS = {\n    'Access-Control-Allow-Methods':\n      process.env.REMOTE_COMPONENTS_ALLOW_METHODS ||\n      (Array.isArray(options?.method)\n        ? options.method.map((m) => m.trim()).join(',')\n        : options?.method) ||\n      'GET,HEAD,POST,PUT,PATCH,DELETE,OPTIONS',\n    'Access-Control-Allow-Headers':\n      process.env.REMOTE_COMPONENTS_ALLOW_HEADERS ||\n      (Array.isArray(options?.headers)\n        ? options.headers.map((h) => h.trim()).join(',')\n        : options?.headers) ||\n      'Content-Type,Authorization',\n    ...(process.env.REMOTE_COMPONENTS_ALLOW_CREDENTIALS || options?.credentials\n      ? {\n          'Access-Control-Allow-Credentials':\n            process.env.REMOTE_COMPONENTS_ALLOW_CREDENTIALS || 'true',\n        }\n      : {}),\n  };\n\n  return { ALLOWED_ORIGINS, CORS_HEADERS };\n}\n\n/**\n * This middleware is used to handle CORS and other remote component related tasks.\n * It can be used to wrap a Next.js middleware function to add CORS headers and handle preflight requests.\n *\n * @param middleware - The Next.js middleware function to wrap.\n * @param options - Optional configuration for handling remote components.\n * @returns A Next.js middleware function that handles CORS and preflight requests\n */\nexport function withRemoteComponents(\n  middleware?: (request: NextRequest) => NextResponse | Promise<NextResponse>,\n  options?: RemoteComponentMiddlewareOptions,\n) {\n  return async (request: NextRequest) => {\n    const { ALLOWED_ORIGINS, CORS_HEADERS } = corsFromOptions(options?.cors);\n\n    const origin = request.headers.get('origin') ?? '';\n    const isAllowed =\n      ALLOWED_ORIGINS.includes('*') || ALLOWED_ORIGINS.includes(origin);\n\n    // Handle preflight\n    if (request.method === 'OPTIONS') {\n      return new Response(null, {\n        status: 200,\n        headers: isAllowed\n          ? {\n              'Access-Control-Allow-Origin': origin,\n              ...CORS_HEADERS,\n            }\n          : {},\n      });\n    }\n\n    // For all other requests, continue and attach CORS\n    const response =\n      typeof middleware === 'function'\n        ? await middleware(request)\n        : NextResponse.next();\n\n    if (isAllowed) {\n      response.headers.set('Access-Control-Allow-Origin', origin);\n    }\n\n    Object.entries(CORS_HEADERS).forEach(([k, v]) =>\n      response.headers.set(k, v),\n    );\n\n    return response;\n  };\n}\n\n/**\n * This configuration is used to specify the paths that the middleware should match.\n * It matches all paths by default.\n */\nexport const config = {\n  matcher: '/:path*',\n};\n"],"mappings":";AAAA,SAA2B,oBAAoB;AAW/C,SAAS,gBAAgB,SAAoD;AAC3E,QAAM,mBACJ,QAAQ,IAAI,sCACX,MAAM,QAAQ,SAAS,MAAM,IAC1B,QAAQ,OAAO,KAAK,GAAG,IACvB,SAAS,WACb,KAEC,MAAM,GAAG,EACT,IAAI,CAAC,WAAW,OAAO,KAAK,CAAC;AAEhC,QAAM,eAAe;AAAA,IACnB,gCACE,QAAQ,IAAI,oCACX,MAAM,QAAQ,SAAS,MAAM,IAC1B,QAAQ,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAC5C,SAAS,WACb;AAAA,IACF,gCACE,QAAQ,IAAI,oCACX,MAAM,QAAQ,SAAS,OAAO,IAC3B,QAAQ,QAAQ,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAC7C,SAAS,YACb;AAAA,IACF,GAAI,QAAQ,IAAI,uCAAuC,SAAS,cAC5D;AAAA,MACE,oCACE,QAAQ,IAAI,uCAAuC;AAAA,IACvD,IACA,CAAC;AAAA,EACP;AAEA,SAAO,EAAE,iBAAiB,aAAa;AACzC;AAUO,SAAS,qBACd,YACA,SACA;AACA,SAAO,OAAO,YAAyB;AACrC,UAAM,EAAE,iBAAiB,aAAa,IAAI,gBAAgB,SAAS,IAAI;AAEvE,UAAM,SAAS,QAAQ,QAAQ,IAAI,QAAQ,KAAK;AAChD,UAAM,YACJ,gBAAgB,SAAS,GAAG,KAAK,gBAAgB,SAAS,MAAM;AAGlE,QAAI,QAAQ,WAAW,WAAW;AAChC,aAAO,IAAI,SAAS,MAAM;AAAA,QACxB,QAAQ;AAAA,QACR,SAAS,YACL;AAAA,UACE,+BAA+B;AAAA,UAC/B,GAAG;AAAA,QACL,IACA,CAAC;AAAA,MACP,CAAC;AAAA,IACH;AAGA,UAAM,WACJ,OAAO,eAAe,aAClB,MAAM,WAAW,OAAO,IACxB,aAAa,KAAK;AAExB,QAAI,WAAW;AACb,eAAS,QAAQ,IAAI,+BAA+B,MAAM;AAAA,IAC5D;AAEA,WAAO,QAAQ,YAAY,EAAE;AAAA,MAAQ,CAAC,CAAC,GAAG,CAAC,MACzC,SAAS,QAAQ,IAAI,GAAG,CAAC;AAAA,IAC3B;AAEA,WAAO;AAAA,EACT;AACF;AAMO,IAAM,SAAS;AAAA,EACpB,SAAS;AACX;","names":[]}
+{"version":3,"sources":["../../src/next/middleware/index.ts"],"sourcesContent":["import { type NextRequest, NextResponse } from 'next/server';\n\nexport interface RemoteComponentMiddlewareOptions {\n  cors?: {\n    origin?: string | string[];\n    method?: string | string[];\n    headers?: string | string[];\n    credentials?: boolean;\n    maxAge?: string;\n  };\n}\n\nfunction corsFromOptions(options?: RemoteComponentMiddlewareOptions['cors']) {\n  const ALLOWED_ORIGINS = (\n    process.env.REMOTE_COMPONENTS_ALLOWED_ORIGINS ||\n    (Array.isArray(options?.origin)\n      ? options.origin.join(',')\n      : options?.origin) ||\n    '*'\n  )\n    .split(',')\n    .map((origin) => origin.trim());\n\n  const CORS_HEADERS = {\n    'Access-Control-Allow-Methods':\n      process.env.REMOTE_COMPONENTS_ALLOW_METHODS ||\n      (Array.isArray(options?.method)\n        ? options.method.map((m) => m.trim()).join(',')\n        : options?.method) ||\n      'GET,HEAD,POST,PUT,PATCH,DELETE,OPTIONS',\n    'Access-Control-Allow-Headers':\n      process.env.REMOTE_COMPONENTS_ALLOW_HEADERS ||\n      (Array.isArray(options?.headers)\n        ? options.headers.map((h) => h.trim()).join(',')\n        : options?.headers) ||\n      'Content-Type,Authorization',\n    ...(process.env.REMOTE_COMPONENTS_ALLOW_CREDENTIALS || options?.credentials\n      ? {\n          'Access-Control-Allow-Credentials':\n            process.env.REMOTE_COMPONENTS_ALLOW_CREDENTIALS || 'true',\n        }\n      : {}),\n    'Access-Control-Max-Age': options?.maxAge || '600',\n  };\n\n  return { ALLOWED_ORIGINS, CORS_HEADERS };\n}\n\n/**\n * This middleware is used to handle CORS and other remote component related tasks.\n * It can be used to wrap a Next.js middleware function to add CORS headers and handle preflight requests.\n *\n * @param middleware - The Next.js middleware function to wrap.\n * @param options - Optional configuration for handling remote components.\n * @returns A Next.js middleware function that handles CORS and preflight requests\n */\nexport function withRemoteComponents(\n  middleware?: (request: NextRequest) => NextResponse | Promise<NextResponse>,\n  options?: RemoteComponentMiddlewareOptions,\n) {\n  return async (request: NextRequest) => {\n    const { ALLOWED_ORIGINS, CORS_HEADERS } = corsFromOptions(options?.cors);\n\n    const origin =\n      request.headers.get('origin') ??\n      (request.headers.has('referer')\n        ? new URL(request.headers.get('referer') ?? '*').origin\n        : '*');\n    const isAllowed =\n      ALLOWED_ORIGINS.includes('*') || ALLOWED_ORIGINS.includes(origin);\n\n    // Handle preflight\n    if (request.method === 'OPTIONS') {\n      return new Response(null, {\n        status: 200,\n        headers: isAllowed\n          ? {\n              'Access-Control-Allow-Origin': origin,\n              Vary: 'Origin',\n              ...CORS_HEADERS,\n            }\n          : {},\n      });\n    }\n\n    // For all other requests, continue and attach CORS\n    const response =\n      typeof middleware === 'function'\n        ? await middleware(request)\n        : NextResponse.next();\n\n    if (isAllowed) {\n      response.headers.set('Access-Control-Allow-Origin', origin);\n      response.headers.set('Vary', 'Origin');\n    }\n\n    Object.entries(CORS_HEADERS).forEach(([k, v]) =>\n      response.headers.set(k, v),\n    );\n\n    return response;\n  };\n}\n\n/**\n * This configuration is used to specify the paths that the middleware should match.\n * It matches all paths by default.\n */\nexport const config = {\n  matcher: '/:path*',\n};\n"],"mappings":";AAAA,SAA2B,oBAAoB;AAY/C,SAAS,gBAAgB,SAAoD;AAC3E,QAAM,mBACJ,QAAQ,IAAI,sCACX,MAAM,QAAQ,SAAS,MAAM,IAC1B,QAAQ,OAAO,KAAK,GAAG,IACvB,SAAS,WACb,KAEC,MAAM,GAAG,EACT,IAAI,CAAC,WAAW,OAAO,KAAK,CAAC;AAEhC,QAAM,eAAe;AAAA,IACnB,gCACE,QAAQ,IAAI,oCACX,MAAM,QAAQ,SAAS,MAAM,IAC1B,QAAQ,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAC5C,SAAS,WACb;AAAA,IACF,gCACE,QAAQ,IAAI,oCACX,MAAM,QAAQ,SAAS,OAAO,IAC3B,QAAQ,QAAQ,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAC7C,SAAS,YACb;AAAA,IACF,GAAI,QAAQ,IAAI,uCAAuC,SAAS,cAC5D;AAAA,MACE,oCACE,QAAQ,IAAI,uCAAuC;AAAA,IACvD,IACA,CAAC;AAAA,IACL,0BAA0B,SAAS,UAAU;AAAA,EAC/C;AAEA,SAAO,EAAE,iBAAiB,aAAa;AACzC;AAUO,SAAS,qBACd,YACA,SACA;AACA,SAAO,OAAO,YAAyB;AACrC,UAAM,EAAE,iBAAiB,aAAa,IAAI,gBAAgB,SAAS,IAAI;AAEvE,UAAM,SACJ,QAAQ,QAAQ,IAAI,QAAQ,MAC3B,QAAQ,QAAQ,IAAI,SAAS,IAC1B,IAAI,IAAI,QAAQ,QAAQ,IAAI,SAAS,KAAK,GAAG,EAAE,SAC/C;AACN,UAAM,YACJ,gBAAgB,SAAS,GAAG,KAAK,gBAAgB,SAAS,MAAM;AAGlE,QAAI,QAAQ,WAAW,WAAW;AAChC,aAAO,IAAI,SAAS,MAAM;AAAA,QACxB,QAAQ;AAAA,QACR,SAAS,YACL;AAAA,UACE,+BAA+B;AAAA,UAC/B,MAAM;AAAA,UACN,GAAG;AAAA,QACL,IACA,CAAC;AAAA,MACP,CAAC;AAAA,IACH;AAGA,UAAM,WACJ,OAAO,eAAe,aAClB,MAAM,WAAW,OAAO,IACxB,aAAa,KAAK;AAExB,QAAI,WAAW;AACb,eAAS,QAAQ,IAAI,+BAA+B,MAAM;AAC1D,eAAS,QAAQ,IAAI,QAAQ,QAAQ;AAAA,IACvC;AAEA,WAAO,QAAQ,YAAY,EAAE;AAAA,MAAQ,CAAC,CAAC,GAAG,CAAC,MACzC,SAAS,QAAQ,IAAI,GAAG,CAAC;AAAA,IAC3B;AAEA,WAAO;AAAA,EACT;AACF;AAMO,IAAM,SAAS;AAAA,EACpB,SAAS;AACX;","names":[]}

package/dist/next/remote/pages-router.cjs

@@ -21,12 +21,14 @@ __export(pages_router_exports, {
   getRemoteComponentMetadata: () => getRemoteComponentMetadata
 });
 module.exports = __toCommonJS(pages_router_exports);
+var import_pages = require("@remote-components/shared/remote/pages");
 const PROJECT_ID = process.env.REMOTE_COMPONENTS_PROJECT_ID || process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION || process.env.VERCEL_PROJECT_ID;
 function getRemoteComponentMetadata() {
   return {
     __REMOTE_COMPONENT__: {
       bundle: PROJECT_ID,
-      runtime: process.env.TURBOPACK ? "turbopack" : "webpack"
+      runtime: process.env.TURBOPACK ? "turbopack" : "webpack",
+      shared: import_pages.shared
     }
   };
 }

package/dist/next/remote/pages-router.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/remote/pages-router.ts"],"sourcesContent":["const PROJECT_ID =\n  process.env.REMOTE_COMPONENTS_PROJECT_ID ||\n  process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n  process.env.VERCEL_PROJECT_ID;\n\nexport interface RemoteComponentMetadata {\n  __REMOTE_COMPONENT__: {\n    bundle: string | undefined;\n    runtime: 'turbopack' | 'webpack';\n  };\n}\n\n/**\n * Returns the metadata for the remote component.\n * This metadata is used to identify the remote component and its bundle.\n *\n * Extend your Next.js Pages Router page props with this metadata to ensure proper remote component loading.\n *\n * @returns The metadata for the remote component.\n *\n * @example\n *\n * Create a custom App component in your Next.js application to include the remote component metadata:\n *\n * ```\n * import {\n *   getRemoteComponentMetadata,\n *   type RemoteComponentMetadata,\n * } from 'remote-components/next/pages';\n * import App from 'next/app';\n * import type { AppContext, AppInitialProps, AppProps } from 'next/app';\n *\n * export default function MyApp({ Component, pageProps }: AppProps) {\n *   return <Component {...pageProps} />;\n * }\n *\n * MyApp.getInitialProps = async (\n *   context: AppContext,\n * ): Promise<RemoteComponentMetadata & AppInitialProps> => {\n *   const ctx = await App.getInitialProps(context);\n *   return { ...ctx, ...getRemoteComponentMetadata() };\n * };\n * ```\n */\nexport function getRemoteComponentMetadata(): RemoteComponentMetadata {\n  return {\n    __REMOTE_COMPONENT__: {\n      bundle: PROJECT_ID,\n      runtime: process.env.TURBOPACK ? 'turbopack' : 'webpack',\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,aACJ,QAAQ,IAAI,gCACZ,QAAQ,IAAI,uCACZ,QAAQ,IAAI;AAyCP,SAAS,6BAAsD;AACpE,SAAO;AAAA,IACL,sBAAsB;AAAA,MACpB,QAAQ;AAAA,MACR,SAAS,QAAQ,IAAI,YAAY,cAAc;AAAA,IACjD;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/next/remote/pages-router.ts"],"sourcesContent":["import { shared } from '@remote-components/shared/remote/pages';\n\nconst PROJECT_ID =\n  process.env.REMOTE_COMPONENTS_PROJECT_ID ||\n  process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n  process.env.VERCEL_PROJECT_ID;\n\nexport interface RemoteComponentMetadata {\n  __REMOTE_COMPONENT__: {\n    bundle: string | undefined;\n    runtime: 'turbopack' | 'webpack';\n    shared?: Record<string, string>;\n  };\n}\n\n/**\n * Returns the metadata for the remote component.\n * This metadata is used to identify the remote component and its bundle.\n *\n * Extend your Next.js Pages Router page props with this metadata to ensure proper remote component loading.\n *\n * @returns The metadata for the remote component.\n *\n * @example\n *\n * Create a custom App component in your Next.js application to include the remote component metadata:\n *\n * ```\n * import {\n *   getRemoteComponentMetadata,\n *   type RemoteComponentMetadata,\n * } from 'remote-components/next/pages';\n * import App from 'next/app';\n * import type { AppContext, AppInitialProps, AppProps } from 'next/app';\n *\n * export default function MyApp({ Component, pageProps }: AppProps) {\n *   return <Component {...pageProps} />;\n * }\n *\n * MyApp.getInitialProps = async (\n *   context: AppContext,\n * ): Promise<RemoteComponentMetadata & AppInitialProps> => {\n *   const ctx = await App.getInitialProps(context);\n *   return { ...ctx, ...getRemoteComponentMetadata() };\n * };\n * ```\n */\nexport function getRemoteComponentMetadata(): RemoteComponentMetadata {\n  return {\n    __REMOTE_COMPONENT__: {\n      bundle: PROJECT_ID,\n      runtime: process.env.TURBOPACK ? 'turbopack' : 'webpack',\n      shared,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuB;AAEvB,MAAM,aACJ,QAAQ,IAAI,gCACZ,QAAQ,IAAI,uCACZ,QAAQ,IAAI;AA0CP,SAAS,6BAAsD;AACpE,SAAO;AAAA,IACL,sBAAsB;AAAA,MACpB,QAAQ;AAAA,MACR,SAAS,QAAQ,IAAI,YAAY,cAAc;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/next/remote/pages-router.d.ts

@@ -2,6 +2,7 @@ interface RemoteComponentMetadata {
     __REMOTE_COMPONENT__: {
         bundle: string | undefined;
         runtime: 'turbopack' | 'webpack';
+        shared?: Record<string, string>;
     };
 }
 /**

package/dist/next/remote/pages-router.js

@@ -1,9 +1,11 @@
+import { shared } from "@remote-components/shared/remote/pages";
 const PROJECT_ID = process.env.REMOTE_COMPONENTS_PROJECT_ID || process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION || process.env.VERCEL_PROJECT_ID;
 function getRemoteComponentMetadata() {
   return {
     __REMOTE_COMPONENT__: {
       bundle: PROJECT_ID,
-      runtime: process.env.TURBOPACK ? "turbopack" : "webpack"
+      runtime: process.env.TURBOPACK ? "turbopack" : "webpack",
+      shared
     }
   };
 }

package/dist/next/remote/pages-router.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/remote/pages-router.ts"],"sourcesContent":["const PROJECT_ID =\n  process.env.REMOTE_COMPONENTS_PROJECT_ID ||\n  process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n  process.env.VERCEL_PROJECT_ID;\n\nexport interface RemoteComponentMetadata {\n  __REMOTE_COMPONENT__: {\n    bundle: string | undefined;\n    runtime: 'turbopack' | 'webpack';\n  };\n}\n\n/**\n * Returns the metadata for the remote component.\n * This metadata is used to identify the remote component and its bundle.\n *\n * Extend your Next.js Pages Router page props with this metadata to ensure proper remote component loading.\n *\n * @returns The metadata for the remote component.\n *\n * @example\n *\n * Create a custom App component in your Next.js application to include the remote component metadata:\n *\n * ```\n * import {\n *   getRemoteComponentMetadata,\n *   type RemoteComponentMetadata,\n * } from 'remote-components/next/pages';\n * import App from 'next/app';\n * import type { AppContext, AppInitialProps, AppProps } from 'next/app';\n *\n * export default function MyApp({ Component, pageProps }: AppProps) {\n *   return <Component {...pageProps} />;\n * }\n *\n * MyApp.getInitialProps = async (\n *   context: AppContext,\n * ): Promise<RemoteComponentMetadata & AppInitialProps> => {\n *   const ctx = await App.getInitialProps(context);\n *   return { ...ctx, ...getRemoteComponentMetadata() };\n * };\n * ```\n */\nexport function getRemoteComponentMetadata(): RemoteComponentMetadata {\n  return {\n    __REMOTE_COMPONENT__: {\n      bundle: PROJECT_ID,\n      runtime: process.env.TURBOPACK ? 'turbopack' : 'webpack',\n    },\n  };\n}\n"],"mappings":"AAAA,MAAM,aACJ,QAAQ,IAAI,gCACZ,QAAQ,IAAI,uCACZ,QAAQ,IAAI;AAyCP,SAAS,6BAAsD;AACpE,SAAO;AAAA,IACL,sBAAsB;AAAA,MACpB,QAAQ;AAAA,MACR,SAAS,QAAQ,IAAI,YAAY,cAAc;AAAA,IACjD;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/next/remote/pages-router.ts"],"sourcesContent":["import { shared } from '@remote-components/shared/remote/pages';\n\nconst PROJECT_ID =\n  process.env.REMOTE_COMPONENTS_PROJECT_ID ||\n  process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n  process.env.VERCEL_PROJECT_ID;\n\nexport interface RemoteComponentMetadata {\n  __REMOTE_COMPONENT__: {\n    bundle: string | undefined;\n    runtime: 'turbopack' | 'webpack';\n    shared?: Record<string, string>;\n  };\n}\n\n/**\n * Returns the metadata for the remote component.\n * This metadata is used to identify the remote component and its bundle.\n *\n * Extend your Next.js Pages Router page props with this metadata to ensure proper remote component loading.\n *\n * @returns The metadata for the remote component.\n *\n * @example\n *\n * Create a custom App component in your Next.js application to include the remote component metadata:\n *\n * ```\n * import {\n *   getRemoteComponentMetadata,\n *   type RemoteComponentMetadata,\n * } from 'remote-components/next/pages';\n * import App from 'next/app';\n * import type { AppContext, AppInitialProps, AppProps } from 'next/app';\n *\n * export default function MyApp({ Component, pageProps }: AppProps) {\n *   return <Component {...pageProps} />;\n * }\n *\n * MyApp.getInitialProps = async (\n *   context: AppContext,\n * ): Promise<RemoteComponentMetadata & AppInitialProps> => {\n *   const ctx = await App.getInitialProps(context);\n *   return { ...ctx, ...getRemoteComponentMetadata() };\n * };\n * ```\n */\nexport function getRemoteComponentMetadata(): RemoteComponentMetadata {\n  return {\n    __REMOTE_COMPONENT__: {\n      bundle: PROJECT_ID,\n      runtime: process.env.TURBOPACK ? 'turbopack' : 'webpack',\n      shared,\n    },\n  };\n}\n"],"mappings":"AAAA,SAAS,cAAc;AAEvB,MAAM,aACJ,QAAQ,IAAI,gCACZ,QAAQ,IAAI,uCACZ,QAAQ,IAAI;AA0CP,SAAS,6BAAsD;AACpE,SAAO;AAAA,IACL,sBAAsB;AAAA,MACpB,QAAQ;AAAA,MACR,SAAS,QAAQ,IAAI,YAAY,cAAc;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AACF;","names":[]}