@payloadcms/next 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ee5d8bd

package/dist/adapters/UnmountWhenHidden/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * With `cacheComponents`, Next.js does not unmount pages you navigate away from. It keeps the last
+ * few inside a hidden React `<Activity>` boundary so going back can restore them. In the admin
+ * panel, that leaves hidden copies of previous views in the DOM (duplicate element IDs, old client
+ * state) and breaks selectors that expect a single match.
+ *
+ * React runs effect cleanups when an `<Activity>` boundary is hidden. This component uses that to
+ * render nothing while hidden, so the view is mounted fresh when it becomes visible again, like it
+ * is without `cacheComponents`. Only rendered when `cacheComponents` is enabled.
+ *
+ * @see https://github.com/vercel/next.js/issues/86577
+ * @see https://react.dev/reference/react/Activity
+ */
+export declare const UnmountWhenHidden: React.FC<{
+    readonly children: React.ReactNode;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/adapters/UnmountWhenHidden/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/UnmountWhenHidden/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAU9E,CAAA"}

package/dist/adapters/UnmountWhenHidden/index.js

@@ -0,0 +1,64 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRouter } from 'next/navigation.js';
+import React, { useLayoutEffect, useState } from 'react';
+/**
+ * With `cacheComponents`, Next.js does not unmount pages you navigate away from. It keeps the last
+ * few inside a hidden React `<Activity>` boundary so going back can restore them. In the admin
+ * panel, that leaves hidden copies of previous views in the DOM (duplicate element IDs, old client
+ * state) and breaks selectors that expect a single match.
+ *
+ * React runs effect cleanups when an `<Activity>` boundary is hidden. This component uses that to
+ * render nothing while hidden, so the view is mounted fresh when it becomes visible again, like it
+ * is without `cacheComponents`. Only rendered when `cacheComponents` is enabled.
+ *
+ * @see https://github.com/vercel/next.js/issues/86577
+ * @see https://react.dev/reference/react/Activity
+ */
+export const UnmountWhenHidden = t0 => {
+  const $ = _c(3);
+  const {
+    children
+  } = t0;
+  const {
+    bfcacheId
+  } = useRouter();
+  let t1;
+  if ($[0] !== bfcacheId || $[1] !== children) {
+    t1 = _jsx(RenderNothingWhileHidden, {
+      children
+    }, bfcacheId);
+    $[0] = bfcacheId;
+    $[1] = children;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+const RenderNothingWhileHidden = t0 => {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  const [isVisible, setIsVisible] = useState(true);
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      setIsVisible(true);
+      return () => setIsVisible(false);
+    };
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  useLayoutEffect(t1, t2);
+  return isVisible ? children : null;
+};
+//# sourceMappingURL=index.js.map

package/dist/adapters/UnmountWhenHidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useRouter","React","useLayoutEffect","useState","UnmountWhenHidden","t0","$","children","bfcacheId","t1","_jsx","RenderNothingWhileHidden","isVisible","setIsVisible","t2","Symbol","for"],"sources":["../../../src/adapters/UnmountWhenHidden/index.tsx"],"sourcesContent":["'use client'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useLayoutEffect, useState } from 'react'\n\n/**\n * With `cacheComponents`, Next.js does not unmount pages you navigate away from. It keeps the last\n * few inside a hidden React `<Activity>` boundary so going back can restore them. In the admin\n * panel, that leaves hidden copies of previous views in the DOM (duplicate element IDs, old client\n * state) and breaks selectors that expect a single match.\n *\n * React runs effect cleanups when an `<Activity>` boundary is hidden. This component uses that to\n * render nothing while hidden, so the view is mounted fresh when it becomes visible again, like it\n * is without `cacheComponents`. Only rendered when `cacheComponents` is enabled.\n *\n * @see https://github.com/vercel/next.js/issues/86577\n * @see https://react.dev/reference/react/Activity\n */\nexport const UnmountWhenHidden: React.FC<{ readonly children: React.ReactNode }> = ({\n  children,\n}) => {\n  // Next.js shows the hidden copy again when you navigate to a view you visited recently. That copy\n  // is empty, so it would show a blank page until the view rendered again. `bfcacheId` changes on\n  // those navigations, so the new key mounts the view as part of the navigation instead.\n  // https://nextjs.org/docs/app/api-reference/functions/use-router#bfcacheid\n  const { bfcacheId } = useRouter()\n\n  return <RenderNothingWhileHidden key={bfcacheId}>{children}</RenderNothingWhileHidden>\n}\n\nconst RenderNothingWhileHidden: React.FC<{ readonly children: React.ReactNode }> = ({\n  children,\n}) => {\n  const [isVisible, setIsVisible] = useState(true)\n\n  useLayoutEffect(() => {\n    setIsVisible(true)\n\n    return () => setIsVisible(false)\n  }, [])\n\n  return isVisible ? children : null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,SAAS,QAAQ;AAC1B,OAAOC,KAAA,IAASC,eAAe,EAAEC,QAAQ,QAAQ;AAEjD;;;;;;;;;;;;;AAaA,OAAO,MAAMC,iBAAA,GAAsEC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ;EAAA,IAAAF,EAEnF;EAKC;IAAAG;EAAA,IAAsBR,SAAA;EAAA,IAAAS,EAAA;EAAA,IAAAH,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAC,QAAA;IAEfE,EAAA,GAAAC,IAAA,CAACC,wBAAA;MAAAJ;OAA8BC,SAAA;IAAAF,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,OAA/BG,EAA+B;AAAA,CACxC;AAEA,MAAME,wBAAA,GAA6EN,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ;EAAA,IAAAF,EAEnF;EACC,OAAAO,SAAA,EAAAC,YAAA,IAAkCV,QAAA,CAAS;EAAA,IAAAM,EAAA;EAAA,IAAAK,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IAE3BP,EAAA,GAAAA,CAAA;MACdI,YAAA,CAAa;MAAA,OAEN,MAAMA,YAAA,CAAa;IAAA,CAC5B;IAAGC,EAAA,KAAE;IAAAR,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAQ,EAAA;EAAA;IAAAL,EAAA,GAAAH,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EAJLJ,eAAA,CAAgBO,EAIhB,EAAGK,EAAE;EAAA,OAEEF,SAAA,GAAAL,QAAuB,GAAvB,IAAuB;AAAA,CAChC","ignoreList":[]}

package/dist/adapters/metadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.js","names":["generatePageMetadata","generateMetadata","getNextRequestI18n","adminViews","config","configPromise","params","paramsPromise","i18n","metadata"],"sources":["../../src/adapters/metadata.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedConfig } from 'payload'\n\nimport { generatePageMetadata as generateMetadata } from '@payloadcms/ui/views/Root/generatePageMetadata'\n\nimport { getNextRequestI18n } from '../utilities/getNextRequestI18n.js'\nimport { adminViews } from './views.js'\n\ntype Args = {\n  config: Promise<SanitizedConfig>\n  params: Promise<{\n    [key: string]: string | string[]\n  }>\n  searchParams: Promise<{\n    [key: string]: string | string[]\n  }>\n}\n\nexport const generatePageMetadata = async ({\n  config: configPromise,\n  params: paramsPromise,\n}: Args): Promise<Metadata> => {\n  const config = await configPromise\n  const params = await paramsPromise\n  const i18n = await getNextRequestI18n({ config })\n\n  const metadata = await generateMetadata({ adminViews, config, i18n, params })\n\n  return metadata as unknown as Metadata\n}\n"],"mappings":"AAGA,SAASA,oBAAA,IAAwBC,gBAAgB,QAAQ;AAEzD,SAASC,kBAAkB,QAAQ;AACnC,SAASC,UAAU,QAAQ;AAY3B,OAAO,MAAMH,oBAAA,GAAuB,MAAAA,CAAO;EACzCI,MAAA,EAAQC,aAAa;EACrBC,MAAA,EAAQC;AAAa,CAChB;EACL,MAAMH,MAAA,GAAS,MAAMC,aAAA;EACrB,MAAMC,MAAA,GAAS,MAAMC,aAAA;EACrB,MAAMC,IAAA,GAAO,MAAMN,kBAAA,CAAmB;IAAEE;EAAO;EAE/C,MAAMK,QAAA,GAAW,MAAMR,gBAAA,CAAiB;IAAEE,UAAA;IAAYC,MAAA;IAAQI,IAAA;IAAMF;EAAO;EAE3E,OAAOG,QAAA;AACT","ignoreList":[]}
+{"version":3,"file":"metadata.js","names":["generatePageMetadata","generateMetadata","getNextRequestI18n","adminViews","config","configPromise","params","paramsPromise","i18n","metadata"],"sources":["../../src/adapters/metadata.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedConfig } from 'payload'\n\nimport { generatePageMetadata as generateMetadata } from '@payloadcms/ui/views/Root/generatePageMetadata'\n\nimport { getNextRequestI18n } from '../utilities/getNextRequestI18n.js'\nimport { adminViews } from './views.js'\n\ntype Args = {\n  config: Promise<SanitizedConfig>\n  params: Promise<{\n    [key: string]: string | string[]\n  }>\n  searchParams: Promise<{\n    [key: string]: string | string[]\n  }>\n}\n\nexport const generatePageMetadata = async ({\n  config: configPromise,\n  params: paramsPromise,\n}: Args): Promise<Metadata> => {\n  const config = await configPromise\n  const params = await paramsPromise\n  const i18n = await getNextRequestI18n({ config })\n\n  const metadata = await generateMetadata({ adminViews, config, i18n, params })\n\n  return metadata\n}\n"],"mappings":"AAGA,SAASA,oBAAA,IAAwBC,gBAAgB,QAAQ;AAEzD,SAASC,kBAAkB,QAAQ;AACnC,SAASC,UAAU,QAAQ;AAY3B,OAAO,MAAMH,oBAAA,GAAuB,MAAAA,CAAO;EACzCI,MAAA,EAAQC,aAAa;EACrBC,MAAA,EAAQC;AAAa,CAChB;EACL,MAAMH,MAAA,GAAS,MAAMC,aAAA;EACrB,MAAMC,MAAA,GAAS,MAAMC,aAAA;EACrB,MAAMC,IAAA,GAAO,MAAMN,kBAAA,CAAmB;IAAEE;EAAO;EAE/C,MAAMK,QAAA,GAAW,MAAMR,gBAAA,CAAiB;IAAEE,UAAA;IAAYC,MAAA;IAAQI,IAAA;IAAMF;EAAO;EAE3E,OAAOG,QAAA;AACT","ignoreList":[]}

package/dist/adapters/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/adapters/router.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiCzB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA6BrE,CAAA"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/adapters/router.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgCzB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA6BrE,CAAA"}

package/dist/adapters/router.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { RouterAdapterContext } from '@payloadcms/ui';
 import NextLinkImport from 'next/link.js';
@@ -25,30 +26,66 @@ const NextLinkAdapter = ({
     children: children
   });
 };
-export const NextRouterAdapter = ({
-  children
-}) => {
+export const NextRouterAdapter = t0 => {
+  const $ = _c(13);
+  const {
+    children
+  } = t0;
   const nextRouter = useNextRouter();
   const pathname = useNextPathname();
   const searchParams = useNextSearchParams();
   const params = useNextParams();
-  const router = React.useMemo(() => ({
-    back: nextRouter.back,
-    push: nextRouter.push,
-    refresh: nextRouter.refresh,
-    replace: nextRouter.replace,
-    replaceState: url => window.history.replaceState(null, '', url)
-  }), [nextRouter]);
-  const value = React.useMemo(() => ({
-    Link: NextLinkAdapter,
-    params: params,
-    pathname,
-    router,
-    searchParams
-  }), [params, pathname, router, searchParams]);
-  return /*#__PURE__*/_jsx(RouterAdapterContext, {
-    value: value,
-    children: children
-  });
+  let t1;
+  if ($[0] !== nextRouter.back || $[1] !== nextRouter.push || $[2] !== nextRouter.refresh || $[3] !== nextRouter.replace) {
+    t1 = {
+      back: nextRouter.back,
+      push: nextRouter.push,
+      refresh: nextRouter.refresh,
+      replace: nextRouter.replace,
+      replaceState: _temp
+    };
+    $[0] = nextRouter.back;
+    $[1] = nextRouter.push;
+    $[2] = nextRouter.refresh;
+    $[3] = nextRouter.replace;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const router = t1;
+  let t2;
+  if ($[5] !== params || $[6] !== pathname || $[7] !== router || $[8] !== searchParams) {
+    t2 = {
+      Link: NextLinkAdapter,
+      params,
+      pathname,
+      router,
+      searchParams
+    };
+    $[5] = params;
+    $[6] = pathname;
+    $[7] = router;
+    $[8] = searchParams;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const value = t2;
+  let t3;
+  if ($[10] !== children || $[11] !== value) {
+    t3 = _jsx(RouterAdapterContext, {
+      value,
+      children
+    });
+    $[10] = children;
+    $[11] = value;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
 };
+function _temp(url) {
+  return window.history.replaceState(null, "", url);
+}
 //# sourceMappingURL=router.js.map

package/dist/adapters/router.js.map

@@ -1 +1 @@
-{"version":3,"file":"router.js","names":["RouterAdapterContext","NextLinkImport","useParams","useNextParams","usePathname","useNextPathname","useRouter","useNextRouter","useSearchParams","useNextSearchParams","React","NextLink","default","NextLinkAdapter","children","href","prefetch","ref","replace","scroll","rest","_jsx","NextRouterAdapter","nextRouter","pathname","searchParams","params","router","useMemo","back","push","refresh","replaceState","url","window","history","value","Link"],"sources":["../../src/adapters/router.tsx"],"sourcesContent":["'use client'\nimport type { RouterAdapterContextValue } from '@payloadcms/ui'\nimport type { LinkAdapterProps } from 'payload'\n\nimport { RouterAdapterContext } from '@payloadcms/ui'\nimport NextLinkImport from 'next/link.js'\nimport {\n  useParams as useNextParams,\n  usePathname as useNextPathname,\n  useRouter as useNextRouter,\n  useSearchParams as useNextSearchParams,\n} from 'next/navigation.js'\nimport React from 'react'\n\ntype LinkComponent = React.FC<\n  {\n    children?: React.ReactNode\n    href: string\n    prefetch?: boolean\n    ref?: React.Ref<HTMLAnchorElement>\n    replace?: boolean\n    scroll?: boolean\n  } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>\n>\n\nconst NextLink: LinkComponent = ('default' in NextLinkImport\n  ? NextLinkImport.default\n  : NextLinkImport) as unknown as LinkComponent\n\nconst NextLinkAdapter: React.FC<LinkAdapterProps> = ({\n  children,\n  href,\n  prefetch,\n  ref,\n  replace,\n  scroll,\n  ...rest\n}) => {\n  return (\n    <NextLink href={href} prefetch={prefetch} ref={ref} replace={replace} scroll={scroll} {...rest}>\n      {children}\n    </NextLink>\n  )\n}\n\nexport const NextRouterAdapter: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const nextRouter = useNextRouter()\n  const pathname = useNextPathname()\n  const searchParams = useNextSearchParams()\n  const params = useNextParams()\n\n  const router = React.useMemo<RouterAdapterContextValue['router']>(\n    () => ({\n      back: nextRouter.back,\n      push: nextRouter.push,\n      refresh: nextRouter.refresh,\n      replace: nextRouter.replace,\n      replaceState: (url) => window.history.replaceState(null, '', url),\n    }),\n    [nextRouter],\n  )\n\n  const value = React.useMemo<RouterAdapterContextValue>(\n    () => ({\n      Link: NextLinkAdapter,\n      params: params as Record<string, string | string[]>,\n      pathname,\n      router,\n      searchParams,\n    }),\n    [params, pathname, router, searchParams],\n  )\n\n  return <RouterAdapterContext value={value}>{children}</RouterAdapterContext>\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,oBAAoB,QAAQ;AACrC,OAAOC,cAAA,MAAoB;AAC3B,SACEC,SAAA,IAAaC,aAAa,EAC1BC,WAAA,IAAeC,eAAe,EAC9BC,SAAA,IAAaC,aAAa,EAC1BC,eAAA,IAAmBC,mBAAmB,QACjC;AACP,OAAOC,KAAA,MAAW;AAalB,MAAMC,QAAA,GAA2B,aAAaV,cAAA,GAC1CA,cAAA,CAAeW,OAAO,GACtBX,cAAA;AAEJ,MAAMY,eAAA,GAA8CA,CAAC;EACnDC,QAAQ;EACRC,IAAI;EACJC,QAAQ;EACRC,GAAG;EACHC,OAAO;EACPC,MAAM;EACN,GAAGC;AAAA,CACJ;EACC,oBACEC,IAAA,CAACV,QAAA;IAASI,IAAA,EAAMA,IAAA;IAAMC,QAAA,EAAUA,QAAA;IAAUC,GAAA,EAAKA,GAAA;IAAKC,OAAA,EAASA,OAAA;IAASC,MAAA,EAAQA,MAAA;IAAS,GAAGC,IAAI;cAC3FN;;AAGP;AAEA,OAAO,MAAMQ,iBAAA,GAA6DA,CAAC;EAAER;AAAQ,CAAE;EACrF,MAAMS,UAAA,GAAahB,aAAA;EACnB,MAAMiB,QAAA,GAAWnB,eAAA;EACjB,MAAMoB,YAAA,GAAehB,mBAAA;EACrB,MAAMiB,MAAA,GAASvB,aAAA;EAEf,MAAMwB,MAAA,GAASjB,KAAA,CAAMkB,OAAO,CAC1B,OAAO;IACLC,IAAA,EAAMN,UAAA,CAAWM,IAAI;IACrBC,IAAA,EAAMP,UAAA,CAAWO,IAAI;IACrBC,OAAA,EAASR,UAAA,CAAWQ,OAAO;IAC3Bb,OAAA,EAASK,UAAA,CAAWL,OAAO;IAC3Bc,YAAA,EAAeC,GAAA,IAAQC,MAAA,CAAOC,OAAO,CAACH,YAAY,CAAC,MAAM,IAAIC,GAAA;EAC/D,IACA,CAACV,UAAA,CAAW;EAGd,MAAMa,KAAA,GAAQ1B,KAAA,CAAMkB,OAAO,CACzB,OAAO;IACLS,IAAA,EAAMxB,eAAA;IACNa,MAAA,EAAQA,MAAA;IACRF,QAAA;IACAG,MAAA;IACAF;EACF,IACA,CAACC,MAAA,EAAQF,QAAA,EAAUG,MAAA,EAAQF,YAAA,CAAa;EAG1C,oBAAOJ,IAAA,CAACrB,oBAAA;IAAqBoC,KAAA,EAAOA,KAAA;cAAQtB;;AAC9C","ignoreList":[]}
+{"version":3,"file":"router.js","names":["c","_c","RouterAdapterContext","NextLinkImport","useParams","useNextParams","usePathname","useNextPathname","useRouter","useNextRouter","useSearchParams","useNextSearchParams","React","NextLink","default","NextLinkAdapter","children","href","prefetch","ref","replace","scroll","rest","_jsx","NextRouterAdapter","t0","$","nextRouter","pathname","searchParams","params","t1","back","push","refresh","replaceState","_temp","router","t2","Link","value","t3","url","window","history"],"sources":["../../src/adapters/router.tsx"],"sourcesContent":["'use client'\nimport type { RouterAdapterContextValue } from '@payloadcms/ui'\nimport type { LinkAdapterProps } from 'payload'\n\nimport { RouterAdapterContext } from '@payloadcms/ui'\nimport NextLinkImport from 'next/link.js'\nimport {\n  useParams as useNextParams,\n  usePathname as useNextPathname,\n  useRouter as useNextRouter,\n  useSearchParams as useNextSearchParams,\n} from 'next/navigation.js'\nimport React from 'react'\n\ntype LinkComponent = React.FC<\n  {\n    children?: React.ReactNode\n    href: string\n    prefetch?: boolean\n    ref?: React.Ref<HTMLAnchorElement>\n    replace?: boolean\n    scroll?: boolean\n  } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>\n>\n\nconst NextLink: LinkComponent =\n  'default' in NextLinkImport ? NextLinkImport.default : NextLinkImport\n\nconst NextLinkAdapter: React.FC<LinkAdapterProps> = ({\n  children,\n  href,\n  prefetch,\n  ref,\n  replace,\n  scroll,\n  ...rest\n}) => {\n  return (\n    <NextLink href={href} prefetch={prefetch} ref={ref} replace={replace} scroll={scroll} {...rest}>\n      {children}\n    </NextLink>\n  )\n}\n\nexport const NextRouterAdapter: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const nextRouter = useNextRouter()\n  const pathname = useNextPathname()\n  const searchParams = useNextSearchParams()\n  const params = useNextParams()\n\n  const router = React.useMemo<RouterAdapterContextValue['router']>(\n    () => ({\n      back: nextRouter.back,\n      push: nextRouter.push,\n      refresh: nextRouter.refresh,\n      replace: nextRouter.replace,\n      replaceState: (url) => window.history.replaceState(null, '', url),\n    }),\n    [nextRouter],\n  )\n\n  const value = React.useMemo<RouterAdapterContextValue>(\n    () => ({\n      Link: NextLinkAdapter,\n      params,\n      pathname,\n      router,\n      searchParams,\n    }),\n    [params, pathname, router, searchParams],\n  )\n\n  return <RouterAdapterContext value={value}>{children}</RouterAdapterContext>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,oBAAoB,QAAQ;AACrC,OAAOC,cAAA,MAAoB;AAC3B,SACEC,SAAA,IAAaC,aAAa,EAC1BC,WAAA,IAAeC,eAAe,EAC9BC,SAAA,IAAaC,aAAa,EAC1BC,eAAA,IAAmBC,mBAAmB,QACjC;AACP,OAAOC,KAAA,MAAW;AAalB,MAAMC,QAAA,GACJ,aAAaV,cAAA,GAAiBA,cAAA,CAAeW,OAAO,GAAGX,cAAA;AAEzD,MAAMY,eAAA,GAA8CA,CAAC;EACnDC,QAAQ;EACRC,IAAI;EACJC,QAAQ;EACRC,GAAG;EACHC,OAAO;EACPC,MAAM;EACN,GAAGC;AAAA,CACJ;EACC,oBACEC,IAAA,CAACV,QAAA;IAASI,IAAA,EAAMA,IAAA;IAAMC,QAAA,EAAUA,QAAA;IAAUC,GAAA,EAAKA,GAAA;IAAKC,OAAA,EAASA,OAAA;IAASC,MAAA,EAAQA,MAAA;IAAS,GAAGC,IAAI;cAC3FN;;AAGP;AAEA,OAAO,MAAMQ,iBAAA,GAA6DC,EAAA;EAAA,MAAAC,CAAA,GAAAzB,EAAA;EAAC;IAAAe;EAAA,IAAAS,EAAY;EACrF,MAAAE,UAAA,GAAmBlB,aAAA;EACnB,MAAAmB,QAAA,GAAiBrB,eAAA;EACjB,MAAAsB,YAAA,GAAqBlB,mBAAA;EACrB,MAAAmB,MAAA,GAAezB,aAAA;EAAA,IAAA0B,EAAA;EAAA,IAAAL,CAAA,QAAAC,UAAA,CAAAK,IAAA,IAAAN,CAAA,QAAAC,UAAA,CAAAM,IAAA,IAAAP,CAAA,QAAAC,UAAA,CAAAO,OAAA,IAAAR,CAAA,QAAAC,UAAA,CAAAP,OAAA;IAGNW,EAAA;MAAAC,IAAA,EACCL,UAAA,CAAAK,IAAe;MAAAC,IAAA,EACfN,UAAA,CAAAM,IAAe;MAAAC,OAAA,EACZP,UAAA,CAAAO,OAAkB;MAAAd,OAAA,EAClBO,UAAA,CAAAP,OAAkB;MAAAe,YAAA,EACbC;IAChB;IAAAV,CAAA,MAAAC,UAAA,CAAAK,IAAA;IAAAN,CAAA,MAAAC,UAAA,CAAAM,IAAA;IAAAP,CAAA,MAAAC,UAAA,CAAAO,OAAA;IAAAR,CAAA,MAAAC,UAAA,CAAAP,OAAA;IAAAM,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAPF,MAAAW,MAAA,GACSN,EAMP;EACY,IAAAO,EAAA;EAAA,IAAAZ,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAW,MAAA,IAAAX,CAAA,QAAAG,YAAA;IAILS,EAAA;MAAAC,IAAA,EACCxB,eAAA;MAAAe,MAAA;MAAAF,QAAA;MAAAS,MAAA;MAAAR;IAKR;IAAAH,CAAA,MAAAI,MAAA;IAAAJ,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAW,MAAA;IAAAX,CAAA,MAAAG,YAAA;IAAAH,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAPF,MAAAc,KAAA,GACSF,EAMP;EACwC,IAAAG,EAAA;EAAA,IAAAf,CAAA,SAAAV,QAAA,IAAAU,CAAA,SAAAc,KAAA;IAGnCC,EAAA,GAAAlB,IAAA,CAACrB,oBAAA;MAAAsC,KAAA;MAAAxB;;;;;;;;SAADyB,E;CACT;AA7B0E,SAAAL,MAAAM,GAAA;EAAA,OAY7CC,MAAA,CAAAC,OAAc,CAAAT,YAAa,CAAC,MAAM,IAAIO,GAAA;AAAA","ignoreList":[]}

package/dist/adapters/views.d.ts

@@ -1,4 +1,5 @@
 import type { AdminViewAdapter, AdminViewServerProps, ImportMap, MetaConfig, SanitizedConfig } from 'payload';
+import React from 'react';
 export declare const adminViews: AdminViewAdapter<AdminViewServerProps, MetaConfig>;
 type PageProps = {
     readonly config: Promise<SanitizedConfig>;
@@ -10,7 +11,7 @@ type PageProps = {
         [key: string]: string | string[];
     }>;
 };
-export declare const RootPage: (props: PageProps) => Promise<import("react").JSX.Element>;
-export declare const NotFoundPage: (props: PageProps) => Promise<import("react").JSX.Element>;
+export declare const RootPage: (props: PageProps) => Promise<React.JSX.Element>;
+export declare const NotFoundPage: (props: PageProps) => Promise<React.JSX.Element>;
 export {};
 //# sourceMappingURL=views.d.ts.map

package/dist/adapters/views.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"views.d.ts","sourceRoot":"","sources":["../../src/adapters/views.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,UAAU,EACV,eAAe,EAChB,MAAM,SAAS,CAAA;AAShB,eAAO,MAAM,UAAU,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,UAAU,CAAqB,CAAA;AAE/F,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,MAAM,EAAE,CAAA;KACnB,CAAC,CAAA;IACF,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;QAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KACjC,CAAC,CAAA;CACH,CAAA;AAED,eAAO,MAAM,QAAQ,UAAW,SAAS,yCACmC,CAAA;AAE5E,eAAO,MAAM,YAAY,UAAW,SAAS,yCAAuD,CAAA"}
+{"version":3,"file":"views.d.ts","sourceRoot":"","sources":["../../src/adapters/views.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,UAAU,EACV,eAAe,EAChB,MAAM,SAAS,CAAA;AAMhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,UAAU,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,UAAU,CAAqB,CAAA;AAE/F,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,MAAM,EAAE,CAAA;KACnB,CAAC,CAAA;IACF,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;QAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KACjC,CAAC,CAAA;CACH,CAAA;AAKD,eAAO,MAAM,QAAQ,UAAiB,SAAS,+BAI9C,CAAA;AAED,eAAO,MAAM,YAAY,UAAiB,SAAS,+BAIlD,CAAA"}

package/dist/adapters/views.js

@@ -1,18 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { renderNotFoundPage } from '@payloadcms/ui/views/NotFound/page';
 import { renderRoot } from '@payloadcms/ui/views/Root';
 import { defaultAdminViews } from '@payloadcms/ui/views/Root/adminViews';
 import { notFound, redirect } from 'next/navigation.js';
+import React from 'react';
 import { initAdminContext } from '../utilities/initAdminContext.js';
+import { UnmountWhenHidden } from './UnmountWhenHidden/index.js';
 export const adminViews = defaultAdminViews;
-export const RootPage = props => renderRoot({
-  ...props,
-  adminViews,
-  initAdminContext,
-  notFound,
-  redirect
-});
-export const NotFoundPage = props => renderNotFoundPage({
-  ...props,
-  initAdminContext
-});
+// Set by `withPayload`. Only with `cacheComponents` does Next.js keep hidden pages mounted.
+const isCacheComponentsEnabled = process.env.PAYLOAD_CACHE_COMPONENTS_ENABLED === 'true';
+export const RootPage = async props => {
+  const page = await renderRoot({
+    ...props,
+    adminViews,
+    initAdminContext,
+    notFound,
+    redirect
+  });
+  return isCacheComponentsEnabled ? /*#__PURE__*/_jsx(UnmountWhenHidden, {
+    children: page
+  }) : page;
+};
+export const NotFoundPage = async props => {
+  const page = await renderNotFoundPage({
+    ...props,
+    initAdminContext
+  });
+  return isCacheComponentsEnabled ? /*#__PURE__*/_jsx(UnmountWhenHidden, {
+    children: page
+  }) : page;
+};
 //# sourceMappingURL=views.js.map

package/dist/adapters/views.js.map

@@ -1 +1 @@
-{"version":3,"file":"views.js","names":["renderNotFoundPage","renderRoot","defaultAdminViews","notFound","redirect","initAdminContext","adminViews","RootPage","props","NotFoundPage"],"sources":["../../src/adapters/views.tsx"],"sourcesContent":["import type {\n  AdminViewAdapter,\n  AdminViewServerProps,\n  ImportMap,\n  MetaConfig,\n  SanitizedConfig,\n} from 'payload'\n\nimport { renderNotFoundPage } from '@payloadcms/ui/views/NotFound/page'\nimport { renderRoot } from '@payloadcms/ui/views/Root'\nimport { defaultAdminViews } from '@payloadcms/ui/views/Root/adminViews'\nimport { notFound, redirect } from 'next/navigation.js'\n\nimport { initAdminContext } from '../utilities/initAdminContext.js'\n\nexport const adminViews: AdminViewAdapter<AdminViewServerProps, MetaConfig> = defaultAdminViews\n\ntype PageProps = {\n  readonly config: Promise<SanitizedConfig>\n  readonly importMap: ImportMap\n  readonly params: Promise<{\n    segments: string[]\n  }>\n  readonly searchParams: Promise<{\n    [key: string]: string | string[]\n  }>\n}\n\nexport const RootPage = (props: PageProps) =>\n  renderRoot({ ...props, adminViews, initAdminContext, notFound, redirect })\n\nexport const NotFoundPage = (props: PageProps) => renderNotFoundPage({ ...props, initAdminContext })\n"],"mappings":"AAQA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,UAAU,QAAQ;AAC3B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ;AAEnC,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,UAAA,GAAiEJ,iBAAA;AAa9E,OAAO,MAAMK,QAAA,GAAYC,KAAA,IACvBP,UAAA,CAAW;EAAE,GAAGO,KAAK;EAAEF,UAAA;EAAYD,gBAAA;EAAkBF,QAAA;EAAUC;AAAS;AAE1E,OAAO,MAAMK,YAAA,GAAgBD,KAAA,IAAqBR,kBAAA,CAAmB;EAAE,GAAGQ,KAAK;EAAEH;AAAiB","ignoreList":[]}
+{"version":3,"file":"views.js","names":["renderNotFoundPage","renderRoot","defaultAdminViews","notFound","redirect","React","initAdminContext","UnmountWhenHidden","adminViews","isCacheComponentsEnabled","process","env","PAYLOAD_CACHE_COMPONENTS_ENABLED","RootPage","props","page","_jsx","NotFoundPage"],"sources":["../../src/adapters/views.tsx"],"sourcesContent":["import type {\n  AdminViewAdapter,\n  AdminViewServerProps,\n  ImportMap,\n  MetaConfig,\n  SanitizedConfig,\n} from 'payload'\n\nimport { renderNotFoundPage } from '@payloadcms/ui/views/NotFound/page'\nimport { renderRoot } from '@payloadcms/ui/views/Root'\nimport { defaultAdminViews } from '@payloadcms/ui/views/Root/adminViews'\nimport { notFound, redirect } from 'next/navigation.js'\nimport React from 'react'\n\nimport { initAdminContext } from '../utilities/initAdminContext.js'\nimport { UnmountWhenHidden } from './UnmountWhenHidden/index.js'\n\nexport const adminViews: AdminViewAdapter<AdminViewServerProps, MetaConfig> = defaultAdminViews\n\ntype PageProps = {\n  readonly config: Promise<SanitizedConfig>\n  readonly importMap: ImportMap\n  readonly params: Promise<{\n    segments: string[]\n  }>\n  readonly searchParams: Promise<{\n    [key: string]: string | string[]\n  }>\n}\n\n// Set by `withPayload`. Only with `cacheComponents` does Next.js keep hidden pages mounted.\nconst isCacheComponentsEnabled = process.env.PAYLOAD_CACHE_COMPONENTS_ENABLED === 'true'\n\nexport const RootPage = async (props: PageProps) => {\n  const page = await renderRoot({ ...props, adminViews, initAdminContext, notFound, redirect })\n\n  return isCacheComponentsEnabled ? <UnmountWhenHidden>{page}</UnmountWhenHidden> : page\n}\n\nexport const NotFoundPage = async (props: PageProps) => {\n  const page = await renderNotFoundPage({ ...props, initAdminContext })\n\n  return isCacheComponentsEnabled ? <UnmountWhenHidden>{page}</UnmountWhenHidden> : page\n}\n"],"mappings":";AAQA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,UAAU,QAAQ;AAC3B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ;AACnC,OAAOC,KAAA,MAAW;AAElB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,UAAA,GAAiEN,iBAAA;AAa9E;AACA,MAAMO,wBAAA,GAA2BC,OAAA,CAAQC,GAAG,CAACC,gCAAgC,KAAK;AAElF,OAAO,MAAMC,QAAA,GAAW,MAAOC,KAAA;EAC7B,MAAMC,IAAA,GAAO,MAAMd,UAAA,CAAW;IAAE,GAAGa,KAAK;IAAEN,UAAA;IAAYF,gBAAA;IAAkBH,QAAA;IAAUC;EAAS;EAE3F,OAAOK,wBAAA,gBAA2BO,IAAA,CAACT,iBAAA;cAAmBQ;OAA4BA,IAAA;AACpF;AAEA,OAAO,MAAME,YAAA,GAAe,MAAOH,KAAA;EACjC,MAAMC,IAAA,GAAO,MAAMf,kBAAA,CAAmB;IAAE,GAAGc,KAAK;IAAER;EAAiB;EAEnE,OAAOG,wBAAA,gBAA2BO,IAAA,CAACT,iBAAA;cAAmBQ;OAA4BA,IAAA;AACpF","ignoreList":[]}

package/dist/auth/login.js.map

@@ -1 +1 @@
-{"version":3,"file":"login.js","names":["login","loginFn","nextServerAdapter","args","serverAdapter"],"sources":["../../src/auth/login.ts"],"sourcesContent":["'use server'\n\nimport type { AuthCollectionSlug, LoginResult } from 'payload'\n\nimport { type LoginArgs, type LoginArgsWithoutServerAdapter, login as loginFn } from 'payload/auth'\n\nimport { nextServerAdapter } from '../adapters/server.js'\n\nexport async function login<TSlug extends AuthCollectionSlug>(\n  args: LoginArgsWithoutServerAdapter<TSlug>,\n): Promise<LoginResult<TSlug>> {\n  return loginFn({ ...args, serverAdapter: nextServerAdapter } as LoginArgs<TSlug>)\n}\n"],"mappings":"AAAA;;AAIA,SAA6DA,KAAA,IAASC,OAAO,QAAQ;AAErF,SAASC,iBAAiB,QAAQ;AAElC,OAAO,eAAeF,MACpBG,IAA0C;EAE1C,OAAOF,OAAA,CAAQ;IAAE,GAAGE,IAAI;IAAEC,aAAA,EAAeF;EAAkB;AAC7D","ignoreList":[]}
+{"version":3,"file":"login.js","names":["login","loginFn","nextServerAdapter","args","serverAdapter"],"sources":["../../src/auth/login.ts"],"sourcesContent":["'use server'\n\nimport type { AuthCollectionSlug, LoginResult } from 'payload'\n\nimport { type LoginArgs, type LoginArgsWithoutServerAdapter, login as loginFn } from 'payload/auth'\n\nimport { nextServerAdapter } from '../adapters/server.js'\n\nexport async function login<TSlug extends AuthCollectionSlug>(\n  args: LoginArgsWithoutServerAdapter<TSlug>,\n): Promise<LoginResult<TSlug>> {\n  return loginFn({ ...args, serverAdapter: nextServerAdapter })\n}\n"],"mappings":"AAAA;;AAIA,SAA6DA,KAAA,IAASC,OAAO,QAAQ;AAErF,SAASC,iBAAiB,QAAQ;AAElC,OAAO,eAAeF,MACpBG,IAA0C;EAE1C,OAAOF,OAAA,CAAQ;IAAE,GAAGE,IAAI;IAAEC,aAAA,EAAeF;EAAkB;AAC7D","ignoreList":[]}

package/dist/cjs/withPayload.cjs

@@ -1,6 +1,8 @@
+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 __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // dist/withPayload/withPayload.js
@@ -23,12 +33,54 @@ __export(withPayload_exports, {
   withPayload: () => withPayload
 });
 module.exports = __toCommonJS(withPayload_exports);
+var import_node_url = require("node:url");
+
+// ../payload/src/exports/build-config.js
+var devServerExternalPackages = [
+  "payload",
+  "@payloadcms/db-mongodb",
+  "@payloadcms/db-postgres",
+  "@payloadcms/db-sqlite",
+  "@payloadcms/db-vercel-postgres",
+  "@payloadcms/db-d1-sqlite",
+  "@payloadcms/drizzle",
+  "@payloadcms/email-nodemailer",
+  "@payloadcms/email-resend",
+  "@payloadcms/graphql",
+  "@payloadcms/kv-redis",
+  "@payloadcms/payload-cloud",
+  // Its `/client` entry has no exports, so the import map never loads anything from it.
+  "@payloadcms/plugin-mcp",
+  "@payloadcms/plugin-nested-docs",
+  "@payloadcms/plugin-redirects",
+  "@payloadcms/transformer-sharp",
+  "@payloadcms/translations"
+];
+var serverExternalPackages = [
+  // GraphQL requires a single runtime instance across bundled and external packages.
+  "graphql",
+  "drizzle-kit",
+  "drizzle-kit/api",
+  "sharp",
+  "libsql",
+  "require-in-the-middle",
+  "json-schema-to-typescript",
+  // Bundling pino's thread-stream dependency causes Turbopack build errors.
+  "pino"
+];
+
+// dist/withPayload/withPayload.js
+var import_meta = {};
 var poweredByHeader = {
   key: "X-Powered-By",
   value: "Next.js, Payload"
 };
 var withPayload = (nextConfig = {}, options = {}) => {
-  const env = nextConfig.env || {};
+  const env = {
+    ...nextConfig.env
+  };
+  const instantLoader = nextConfig.cacheComponents ? typeof import_meta?.resolve === "function" ? (0, import_node_url.fileURLToPath)(new URL("./instantLoader.js", import_meta.url)) : require.resolve("@payloadcms/next/withPayload/instantLoader") : void 0;
+  const instantLoaderRule = "**/{layout,page}.{js,jsx,ts,tsx,mjs,mts,cjs,cts}";
   if (nextConfig.experimental?.staleTimes?.dynamic) {
     console.warn("Payload: detected a non-zero value for the `staleTimes.dynamic` option in your Next.js config. This will slow down page transitions and may cause stale data to load within the Admin panel. To clear this warning, remove the `staleTimes.dynamic` option from your Next.js config or set it to 0. In the future, Next.js may support scoping this option to specific routes.");
     env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH = "true";
@@ -77,7 +129,24 @@ var withPayload = (nextConfig = {}, options = {}) => {
       "**/*": [...nextConfig.outputFileTracingExcludes?.["**/*"] || [], "drizzle-kit", "drizzle-kit/api"]
     },
     turbopack: {
-      ...nextConfig.turbopack || {}
+      ...nextConfig.turbopack || {},
+      ...instantLoader ? {
+        rules: {
+          ...nextConfig.turbopack?.rules,
+          [instantLoaderRule]: [...[].concat(nextConfig.turbopack?.rules?.[instantLoaderRule] ?? []), {
+            // Only send files that import the admin root components to the loader, so
+            // Turbopack does not run a JavaScript loader for every other layout and page.
+            condition: {
+              all: [{
+                not: "foreign"
+              }, {
+                content: /['"]@payloadcms\/next\/(?:layouts|views)['"]/
+              }]
+            },
+            loaders: [instantLoader]
+          }]
+        }
+      } : {}
     },
     // We disable the poweredByHeader here because we add it manually in the headers function below
     ...nextConfig.poweredByHeader !== false ? {
@@ -99,64 +168,32 @@ var withPayload = (nextConfig = {}, options = {}) => {
         source: "/:path*"
       }];
     },
-    serverExternalPackages: [
+    serverExternalPackages: [.../* @__PURE__ */ new Set([
       ...nextConfig.serverExternalPackages || [],
-      // WHY: without externalizing graphql, a graphql version error will be thrown
-      // during runtime ("Ensure that there is only one instance of \"graphql\" in the node_modules\ndirectory.")
-      "graphql",
-      "drizzle-kit",
-      "drizzle-kit/api",
-      "sharp",
-      "libsql",
-      "require-in-the-middle",
-      "json-schema-to-typescript",
-      // Prevents turbopack build errors by the thread-stream package which is installed by pino
-      "pino",
+      ...serverExternalPackages,
       // file-type v22 uses `import(specifier)` with a non-literal specifier, which Turbopack rejects
       // with "Cannot find module as expression is too dynamic"
       "file-type",
-      ...process.env.NODE_ENV === "development" && options.devBundleServerPackages !== true ? (
-        /**
-        * Unless explicitly disabled by the user, by passing `devBundleServerPackages: true` to withPayload, we
-        * do not bundle server-only packages during dev for two reasons:
-        *
-        * 1. Performance: Fewer files to compile means faster compilation speeds.
-        * 2. Turbopack support: Webpack's externals are not supported by Turbopack.
-        *
-        * Regarding Turbopack support: Unlike webpack.externals, we cannot use serverExternalPackages to
-        * externalized packages that are not resolvable from the project root. So including a package like
-        * "drizzle-kit" in here would do nothing - Next.js will ignore the rule and still bundle the package -
-        * because it detects that the package is not resolvable from the project root (= not directly installed
-        * by the user in their own package.json).
-        *
-        * Instead, we can use serverExternalPackages for the entry-point packages that *are* installed directly
-        * by the user (e.g. db-postgres, which then installs drizzle-kit as a dependency).
-        *
-        *
-        *
-        * We should only do this during development, not build, because externalizing these packages can hurt
-        * the bundle size. Not only does it disable tree-shaking, it also risks installing duplicate copies of the
-        * same package.
-        *
-        * Example:
-        * - @payloadcms/richtext-lexical (in bundle) -> installs qs-esm (bundled because of importer)
-        * - payload (not in bundle, external) -> installs qs-esm (external because of importer)
-        * Result: we have two copies of qs-esm installed - one in the bundle, and one in node_modules.
-        *
-        * During development, these bundle size difference do not matter much, and development speed /
-        * turbopack support are more important.
-        */
-        ["payload", "@payloadcms/db-mongodb", "@payloadcms/db-postgres", "@payloadcms/db-sqlite", "@payloadcms/db-vercel-postgres", "@payloadcms/db-d1-sqlite", "@payloadcms/drizzle", "@payloadcms/email-nodemailer", "@payloadcms/email-resend", "@payloadcms/graphql", "@payloadcms/payload-cloud", "@payloadcms/plugin-redirects"]
-      ) : []
-    ],
+      ...process.env.NODE_ENV === "development" && options.devBundleServerPackages !== true ? devServerExternalPackages : []
+    ])],
     webpack: (webpackConfig, webpackOptions) => {
       const incomingWebpackConfig = typeof nextConfig.webpack === "function" ? nextConfig.webpack(webpackConfig, webpackOptions) : webpackConfig;
       return {
         ...incomingWebpackConfig,
+        ...instantLoader ? {
+          module: {
+            ...incomingWebpackConfig.module,
+            rules: [...incomingWebpackConfig.module?.rules || [], {
+              enforce: "pre",
+              exclude: /node_modules/,
+              test: /[/\\](layout|page)\.(?:[cm]?[jt]s|[jt]sx)$/,
+              use: [instantLoader]
+            }]
+          }
+        } : {},
         externals: [
           ...incomingWebpackConfig?.externals || [],
           /**
-          * See the explanation in the serverExternalPackages section above.
           * We need to force Webpack to emit require() calls for these packages, even though they are not
           * resolvable from the project root. You would expect this to error during runtime, but Next.js seems to be able to require these just fine.
           *

package/dist/cjs/withPayload.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/withPayload/withPayload.js"],
-  "sourcesContent": ["/**\n * These files must remain as plain JavaScript (.js) rather than TypeScript (.ts) because they are\n * imported directly in next.config.mjs files. Since next.config files run before the build process,\n * TypeScript compilation is not available. This ensures compatibility with all templates and\n * user projects regardless of their TypeScript setup.\n */\n\nconst poweredByHeader = {\n  key: 'X-Powered-By',\n  value: 'Next.js, Payload',\n}\n\n/**\n * @param {import('next').NextConfig} nextConfig\n * @param {Object} [options] - Optional configuration options\n * @param {boolean} [options.devBundleServerPackages] - Whether to bundle server packages in development mode. @default false\n * */\nexport const withPayload = (nextConfig = {}, options = {}) => {\n  const env = nextConfig.env || {}\n\n  if (nextConfig.experimental?.staleTimes?.dynamic) {\n    console.warn(\n      'Payload: detected a non-zero value for the `staleTimes.dynamic` option in your Next.js config. This will slow down page transitions and may cause stale data to load within the Admin panel. To clear this warning, remove the `staleTimes.dynamic` option from your Next.js config or set it to 0. In the future, Next.js may support scoping this option to specific routes.',\n    )\n    env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH = 'true'\n  }\n\n  if (nextConfig.cacheComponents) {\n    env.PAYLOAD_CACHE_COMPONENTS_ENABLED = 'true'\n  }\n\n  const consoleWarn = console.warn\n\n  const sassWarningTexts = [\n    // This warning is a lie - without silencing import deprecation warnings, sass will spam the console with deprecation warnings\n    'Future import deprecation is not yet active, so silencing it is unnecessary',\n    // Sometimes happens despite silenceDeprecations\n    'The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0',\n  ]\n  console.warn = (...args) => {\n    if (\n      (typeof args[1] === 'string' && sassWarningTexts.some((text) => args[1].includes(text))) ||\n      (typeof args[0] === 'string' && sassWarningTexts.some((text) => args[0].includes(text)))\n    ) {\n      return\n    }\n\n    consoleWarn(...args)\n  }\n\n  /** @type {import('next').NextConfig} */\n  const baseConfig = {\n    ...nextConfig,\n    devIndicators: nextConfig.devIndicators !== undefined ? nextConfig.devIndicators : false,\n    env,\n    experimental: {\n      ...(nextConfig.experimental || {}),\n    },\n    sassOptions: {\n      ...(nextConfig.sassOptions || {}),\n      /**\n       * This prevents scss warning spam during pnpm dev that looks like this:\n       * ⚠ ./path/to/some/index.scss\n       * Issue while running loader\n       * SassWarning: Deprecation Warning: Sass @import rules are deprecated and\n       * will be removed in Dart Sass 3.0.0.\n       *\n       * More info and automated migrator: https://sass-lang.com/d/import\n       *\n       * This can be triggered by any `.scss` file in a consumer's project that\n       * still uses `@import`.\n       */\n      silenceDeprecations: [...(nextConfig.sassOptions?.silenceDeprecations || []), 'import'],\n    },\n    outputFileTracingExcludes: {\n      ...(nextConfig.outputFileTracingExcludes || {}),\n      '**/*': [\n        ...(nextConfig.outputFileTracingExcludes?.['**/*'] || []),\n        'drizzle-kit',\n        'drizzle-kit/api',\n      ],\n    },\n    turbopack: {\n      ...(nextConfig.turbopack || {}),\n    },\n    // We disable the poweredByHeader here because we add it manually in the headers function below\n    ...(nextConfig.poweredByHeader !== false ? { poweredByHeader: false } : {}),\n    headers: async () => {\n      const headersFromConfig = 'headers' in nextConfig ? await nextConfig.headers() : []\n\n      return [\n        ...(headersFromConfig || []),\n        {\n          headers: [\n            {\n              key: 'Accept-CH',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            {\n              key: 'Vary',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            {\n              key: 'Critical-CH',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            ...(nextConfig.poweredByHeader !== false ? [poweredByHeader] : []),\n          ],\n          source: '/:path*',\n        },\n      ]\n    },\n    serverExternalPackages: [\n      ...(nextConfig.serverExternalPackages || []),\n      // WHY: without externalizing graphql, a graphql version error will be thrown\n      // during runtime (\"Ensure that there is only one instance of \\\"graphql\\\" in the node_modules\\ndirectory.\")\n      'graphql',\n      'drizzle-kit',\n      'drizzle-kit/api',\n      'sharp',\n      'libsql',\n      'require-in-the-middle',\n      'json-schema-to-typescript',\n      // Prevents turbopack build errors by the thread-stream package which is installed by pino\n      'pino',\n      // file-type v22 uses `import(specifier)` with a non-literal specifier, which Turbopack rejects\n      // with \"Cannot find module as expression is too dynamic\"\n      'file-type',\n      ...(process.env.NODE_ENV === 'development' && options.devBundleServerPackages !== true\n        ? /**\n           * Unless explicitly disabled by the user, by passing `devBundleServerPackages: true` to withPayload, we\n           * do not bundle server-only packages during dev for two reasons:\n           *\n           * 1. Performance: Fewer files to compile means faster compilation speeds.\n           * 2. Turbopack support: Webpack's externals are not supported by Turbopack.\n           *\n           * Regarding Turbopack support: Unlike webpack.externals, we cannot use serverExternalPackages to\n           * externalized packages that are not resolvable from the project root. So including a package like\n           * \"drizzle-kit\" in here would do nothing - Next.js will ignore the rule and still bundle the package -\n           * because it detects that the package is not resolvable from the project root (= not directly installed\n           * by the user in their own package.json).\n           *\n           * Instead, we can use serverExternalPackages for the entry-point packages that *are* installed directly\n           * by the user (e.g. db-postgres, which then installs drizzle-kit as a dependency).\n           *\n           *\n           *\n           * We should only do this during development, not build, because externalizing these packages can hurt\n           * the bundle size. Not only does it disable tree-shaking, it also risks installing duplicate copies of the\n           * same package.\n           *\n           * Example:\n           * - @payloadcms/richtext-lexical (in bundle) -> installs qs-esm (bundled because of importer)\n           * - payload (not in bundle, external) -> installs qs-esm (external because of importer)\n           * Result: we have two copies of qs-esm installed - one in the bundle, and one in node_modules.\n           *\n           * During development, these bundle size difference do not matter much, and development speed /\n           * turbopack support are more important.\n           */\n          [\n            'payload',\n            '@payloadcms/db-mongodb',\n            '@payloadcms/db-postgres',\n            '@payloadcms/db-sqlite',\n            '@payloadcms/db-vercel-postgres',\n            '@payloadcms/db-d1-sqlite',\n            '@payloadcms/drizzle',\n            '@payloadcms/email-nodemailer',\n            '@payloadcms/email-resend',\n            '@payloadcms/graphql',\n            '@payloadcms/payload-cloud',\n            '@payloadcms/plugin-redirects',\n            // TODO: Add the following packages, excluding their /client subpath exports, once Next.js supports it\n            // see: https://github.com/vercel/next.js/discussions/76991\n            //'@payloadcms/plugin-cloud-storage',\n            //'@payloadcms/plugin-sentry',\n            //'@payloadcms/plugin-stripe',\n            // @payloadcms/richtext-lexical\n            //'@payloadcms/storage-azure',\n            //'@payloadcms/storage-gcs',\n            //'@payloadcms/storage-s3',\n            //'@payloadcms/storage-vercel-blob',\n          ]\n        : []),\n    ],\n    webpack: (webpackConfig, webpackOptions) => {\n      const incomingWebpackConfig =\n        typeof nextConfig.webpack === 'function'\n          ? nextConfig.webpack(webpackConfig, webpackOptions)\n          : webpackConfig\n\n      return {\n        ...incomingWebpackConfig,\n        externals: [\n          ...(incomingWebpackConfig?.externals || []),\n          /**\n           * See the explanation in the serverExternalPackages section above.\n           * We need to force Webpack to emit require() calls for these packages, even though they are not\n           * resolvable from the project root. You would expect this to error during runtime, but Next.js seems to be able to require these just fine.\n           *\n           * This is the only way to get Webpack Build to work, without the bundle size caveats of externalizing the\n           * entry point packages, as explained in the serverExternalPackages section above.\n           */\n          'drizzle-kit',\n          'drizzle-kit/api',\n          'sharp',\n          'libsql',\n          'require-in-the-middle',\n          'json-schema-to-typescript',\n        ],\n        plugins: [\n          ...(incomingWebpackConfig?.plugins || []),\n          // Fix cloudflare:sockets error: https://github.com/vercel/next.js/discussions/50177\n          new webpackOptions.webpack.IgnorePlugin({\n            resourceRegExp: /^pg-native$|^cloudflare:sockets$/,\n          }),\n        ],\n        resolve: {\n          ...(incomingWebpackConfig?.resolve || {}),\n          alias: {\n            ...(incomingWebpackConfig?.resolve?.alias || {}),\n          },\n          fallback: {\n            ...(incomingWebpackConfig?.resolve?.fallback || {}),\n            /*\n             * This fixes the following warning when running next build with webpack (tested on Next.js 16.0.3 with Payload 3.64.0):\n             *\n             * ⚠ Compiled with warnings in 8.7s\n             *\n             * ./node_modules/.pnpm/mongodb@6.16.0/node_modules/mongodb/lib/deps.js\n             * Module not found: Can't resolve 'aws4' in '/Users/alessio/Documents/temp/next16p/node_modules/.pnpm/mongodb@6.16.0/node_modules/mongodb/lib'\n             *\n             * Import trace for requested module:\n             * ./node_modules/.pnpm/mongodb@6.16.0/node_modules/mongodb/lib/deps.js\n             * ./node_modules/.pnpm/mongodb@6.16.0/node_modules/mongodb/lib/client-side-encryption/client_encryption.js\n             * ./node_modules/.pnpm/mongodb@6.16.0/node_modules/mongodb/lib/index.js\n             * ./node_modules/.pnpm/mongoose@8.15.1/node_modules/mongoose/lib/index.js\n             * ./node_modules/.pnpm/mongoose@8.15.1/node_modules/mongoose/index.js\n             * ./node_modules/.pnpm/@payloadcms+db-mongodb@3.64.0_payload@3.64.0_graphql@16.12.0_typescript@5.7.3_/node_modules/@payloadcms/db-mongodb/dist/index.js\n             * ./src/payload.config.ts\n             * ./src/app/my-route/route.ts\n             *\n             **/\n            aws4: false,\n          },\n        },\n      }\n    },\n  }\n\n  if (nextConfig.basePath) {\n    process.env.NEXT_BASE_PATH = nextConfig.basePath\n    baseConfig.env.NEXT_BASE_PATH = nextConfig.basePath\n  }\n\n  const trailingSlash = nextConfig.trailingSlash === true ? 'true' : 'false'\n  process.env.NEXT_TRAILING_SLASH = trailingSlash\n  baseConfig.env.NEXT_TRAILING_SLASH = trailingSlash\n\n  return baseConfig\n}\n\nexport default withPayload\n"],
-  "mappings": "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",
-  "names": ["poweredByHeader", "key", "value", "withPayload", "nextConfig", "options", "env", "experimental", "staleTimes", "dynamic", "console", "warn", "NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH", "cacheComponents", "PAYLOAD_CACHE_COMPONENTS_ENABLED", "consoleWarn", "sassWarningTexts", "args", "some", "text", "includes", "baseConfig", "devIndicators", "undefined", "sassOptions", "silenceDeprecations", "outputFileTracingExcludes", "turbopack", "headers", "headersFromConfig", "source", "serverExternalPackages", "process", "NODE_ENV", "devBundleServerPackages", "webpack", "webpackConfig", "webpackOptions", "incomingWebpackConfig", "externals", "plugins", "IgnorePlugin", "resourceRegExp", "resolve", "alias", "fallback", "aws4", "basePath", "NEXT_BASE_PATH", "trailingSlash", "NEXT_TRAILING_SLASH"]
+  "sources": ["../../src/withPayload/withPayload.js", "../../../payload/src/exports/build-config.js"],
+  "sourcesContent": ["/**\n * These files must remain as plain JavaScript (.js) rather than TypeScript (.ts) because they are\n * imported directly in next.config.mjs files. Since next.config files run before the build process,\n * TypeScript compilation is not available. This ensures compatibility with all templates and\n * user projects regardless of their TypeScript setup.\n */\n\nimport { fileURLToPath } from 'node:url'\nimport {\n  devServerExternalPackages as devServerExternalPayloadPackages,\n  serverExternalPackages as serverExternalPayloadPackages,\n} from 'payload/build-config'\n\nconst poweredByHeader = {\n  key: 'X-Powered-By',\n  value: 'Next.js, Payload',\n}\n\n/**\n * @param {import('next').NextConfig} nextConfig\n * @param {Object} [options] - Optional configuration options\n * @param {boolean} [options.devBundleServerPackages] - Whether to bundle server packages in development mode. @default false\n * */\nexport const withPayload = (nextConfig = {}, options = {}) => {\n  const env = { ...nextConfig.env }\n  // Adds `export const instant = false` to the admin layout and page. See `instantLoader.js` for\n  // why this cannot live in the generated admin files.\n  const instantLoader = nextConfig.cacheComponents\n    ? typeof import.meta?.resolve === 'function'\n      ? fileURLToPath(new URL('./instantLoader.js', import.meta.url))\n      : require.resolve('@payloadcms/next/withPayload/instantLoader')\n    : undefined\n  const instantLoaderRule = '**/{layout,page}.{js,jsx,ts,tsx,mjs,mts,cjs,cts}'\n\n  if (nextConfig.experimental?.staleTimes?.dynamic) {\n    console.warn(\n      'Payload: detected a non-zero value for the `staleTimes.dynamic` option in your Next.js config. This will slow down page transitions and may cause stale data to load within the Admin panel. To clear this warning, remove the `staleTimes.dynamic` option from your Next.js config or set it to 0. In the future, Next.js may support scoping this option to specific routes.',\n    )\n    env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH = 'true'\n  }\n\n  if (nextConfig.cacheComponents) {\n    env.PAYLOAD_CACHE_COMPONENTS_ENABLED = 'true'\n  }\n\n  const consoleWarn = console.warn\n\n  const sassWarningTexts = [\n    // This warning is a lie - without silencing import deprecation warnings, sass will spam the console with deprecation warnings\n    'Future import deprecation is not yet active, so silencing it is unnecessary',\n    // Sometimes happens despite silenceDeprecations\n    'The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0',\n  ]\n  console.warn = (...args) => {\n    if (\n      (typeof args[1] === 'string' && sassWarningTexts.some((text) => args[1].includes(text))) ||\n      (typeof args[0] === 'string' && sassWarningTexts.some((text) => args[0].includes(text)))\n    ) {\n      return\n    }\n\n    consoleWarn(...args)\n  }\n\n  /** @type {import('next').NextConfig} */\n  const baseConfig = {\n    ...nextConfig,\n    devIndicators: nextConfig.devIndicators !== undefined ? nextConfig.devIndicators : false,\n    env,\n    experimental: {\n      ...(nextConfig.experimental || {}),\n    },\n    sassOptions: {\n      ...(nextConfig.sassOptions || {}),\n      /**\n       * This prevents scss warning spam during pnpm dev that looks like this:\n       * ⚠ ./path/to/some/index.scss\n       * Issue while running loader\n       * SassWarning: Deprecation Warning: Sass @import rules are deprecated and\n       * will be removed in Dart Sass 3.0.0.\n       *\n       * More info and automated migrator: https://sass-lang.com/d/import\n       *\n       * This can be triggered by any `.scss` file in a consumer's project that\n       * still uses `@import`.\n       */\n      silenceDeprecations: [...(nextConfig.sassOptions?.silenceDeprecations || []), 'import'],\n    },\n    outputFileTracingExcludes: {\n      ...(nextConfig.outputFileTracingExcludes || {}),\n      '**/*': [\n        ...(nextConfig.outputFileTracingExcludes?.['**/*'] || []),\n        'drizzle-kit',\n        'drizzle-kit/api',\n      ],\n    },\n    turbopack: {\n      ...(nextConfig.turbopack || {}),\n      ...(instantLoader\n        ? {\n            rules: {\n              ...nextConfig.turbopack?.rules,\n              [instantLoaderRule]: [\n                ...[].concat(nextConfig.turbopack?.rules?.[instantLoaderRule] ?? []),\n                {\n                  // Only send files that import the admin root components to the loader, so\n                  // Turbopack does not run a JavaScript loader for every other layout and page.\n                  condition: {\n                    all: [\n                      { not: 'foreign' },\n                      { content: /['\"]@payloadcms\\/next\\/(?:layouts|views)['\"]/ },\n                    ],\n                  },\n                  loaders: [instantLoader],\n                },\n              ],\n            },\n          }\n        : {}),\n    },\n    // We disable the poweredByHeader here because we add it manually in the headers function below\n    ...(nextConfig.poweredByHeader !== false ? { poweredByHeader: false } : {}),\n    headers: async () => {\n      const headersFromConfig = 'headers' in nextConfig ? await nextConfig.headers() : []\n\n      return [\n        ...(headersFromConfig || []),\n        {\n          headers: [\n            {\n              key: 'Accept-CH',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            {\n              key: 'Vary',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            {\n              key: 'Critical-CH',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            ...(nextConfig.poweredByHeader !== false ? [poweredByHeader] : []),\n          ],\n          source: '/:path*',\n        },\n      ]\n    },\n    serverExternalPackages: [\n      ...new Set([\n        ...(nextConfig.serverExternalPackages || []),\n        ...serverExternalPayloadPackages,\n        // file-type v22 uses `import(specifier)` with a non-literal specifier, which Turbopack rejects\n        // with \"Cannot find module as expression is too dynamic\"\n        'file-type',\n        ...(process.env.NODE_ENV === 'development' && options.devBundleServerPackages !== true\n          ? devServerExternalPayloadPackages\n          : []),\n      ]),\n    ],\n    webpack: (webpackConfig, webpackOptions) => {\n      const incomingWebpackConfig =\n        typeof nextConfig.webpack === 'function'\n          ? nextConfig.webpack(webpackConfig, webpackOptions)\n          : webpackConfig\n\n      return {\n        ...incomingWebpackConfig,\n        ...(instantLoader\n          ? {\n              module: {\n                ...incomingWebpackConfig.module,\n                rules: [\n                  ...(incomingWebpackConfig.module?.rules || []),\n                  {\n                    enforce: 'pre',\n                    exclude: /node_modules/,\n                    test: /[/\\\\](layout|page)\\.(?:[cm]?[jt]s|[jt]sx)$/,\n                    use: [instantLoader],\n                  },\n                ],\n              },\n            }\n          : {}),\n        externals: [\n          ...(incomingWebpackConfig?.externals || []),\n          /**\n           * We need to force Webpack to emit require() calls for these packages, even though they are not\n           * resolvable from the project root. You would expect this to error during runtime, but Next.js seems to be able to require these just fine.\n           *\n           * This is the only way to get Webpack Build to work, without the bundle size caveats of externalizing the\n           * entry point packages, as explained in the serverExternalPackages section above.\n           */\n          'drizzle-kit',\n          'drizzle-kit/api',\n          'sharp',\n          'libsql',\n          'require-in-the-middle',\n          'json-schema-to-typescript',\n        ],\n        plugins: [\n          ...(incomingWebpackConfig?.plugins || []),\n          // Fix cloudflare:sockets error: https://github.com/vercel/next.js/discussions/50177\n          new webpackOptions.webpack.IgnorePlugin({\n            resourceRegExp: /^pg-native$|^cloudflare:sockets$/,\n          }),\n        ],\n        resolve: {\n          ...(incomingWebpackConfig?.resolve || {}),\n          alias: {\n            ...(incomingWebpackConfig?.resolve?.alias || {}),\n          },\n          fallback: {\n            ...(incomingWebpackConfig?.resolve?.fallback || {}),\n            /*\n             * This fixes the following warning when running next build with webpack (tested on Next.js 16.0.3 with Payload 3.64.0):\n             *\n             * ⚠ Compiled with warnings in 8.7s\n             *\n             * ./node_modules/.pnpm/mongodb@6.16.0/node_modules/mongodb/lib/deps.js\n             * Module not found: Can't resolve 'aws4' in '/Users/alessio/Documents/temp/next16p/node_modules/.pnpm/mongodb@6.16.0/node_modules/mongodb/lib'\n             *\n             * Import trace for requested module:\n             * ./node_modules/.pnpm/mongodb@6.16.0/node_modules/mongodb/lib/deps.js\n             * ./node_modules/.pnpm/mongodb@6.16.0/node_modules/mongodb/lib/client-side-encryption/client_encryption.js\n             * ./node_modules/.pnpm/mongodb@6.16.0/node_modules/mongodb/lib/index.js\n             * ./node_modules/.pnpm/mongoose@8.15.1/node_modules/mongoose/lib/index.js\n             * ./node_modules/.pnpm/mongoose@8.15.1/node_modules/mongoose/index.js\n             * ./node_modules/.pnpm/@payloadcms+db-mongodb@3.64.0_payload@3.64.0_graphql@16.12.0_typescript@5.7.3_/node_modules/@payloadcms/db-mongodb/dist/index.js\n             * ./src/payload.config.ts\n             * ./src/app/my-route/route.ts\n             *\n             **/\n            aws4: false,\n          },\n        },\n      }\n    },\n  }\n\n  if (nextConfig.basePath) {\n    process.env.NEXT_BASE_PATH = nextConfig.basePath\n    baseConfig.env.NEXT_BASE_PATH = nextConfig.basePath\n  }\n\n  const trailingSlash = nextConfig.trailingSlash === true ? 'true' : 'false'\n  process.env.NEXT_TRAILING_SLASH = trailingSlash\n  baseConfig.env.NEXT_TRAILING_SLASH = trailingSlash\n\n  return baseConfig\n}\n\nexport default withPayload\n", "/**\n * Server-only Payload packages that can skip development transforms.\n * Packages with client components loaded by the import map must remain bundled.\n * Production bundling preserves tree-shaking and avoids duplicate dependencies.\n */\nexport const devServerExternalPackages = [\n  'payload',\n  '@payloadcms/db-mongodb',\n  '@payloadcms/db-postgres',\n  '@payloadcms/db-sqlite',\n  '@payloadcms/db-vercel-postgres',\n  '@payloadcms/db-d1-sqlite',\n  '@payloadcms/drizzle',\n  '@payloadcms/email-nodemailer',\n  '@payloadcms/email-resend',\n  '@payloadcms/graphql',\n  '@payloadcms/kv-redis',\n  '@payloadcms/payload-cloud',\n  // Its `/client` entry has no exports, so the import map never loads anything from it.\n  '@payloadcms/plugin-mcp',\n  '@payloadcms/plugin-nested-docs',\n  '@payloadcms/plugin-redirects',\n  '@payloadcms/transformer-sharp',\n  '@payloadcms/translations',\n]\n\n/** Third-party packages that both framework adapters externalize in development and production. */\nexport const serverExternalPackages = [\n  // GraphQL requires a single runtime instance across bundled and external packages.\n  'graphql',\n  'drizzle-kit',\n  'drizzle-kit/api',\n  'sharp',\n  'libsql',\n  'require-in-the-middle',\n  'json-schema-to-typescript',\n  // Bundling pino's thread-stream dependency causes Turbopack build errors.\n  'pino',\n]\n"],
+  "mappings": "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",
+  "names": ["poweredByHeader", "key", "value", "withPayload", "nextConfig", "options", "env", "instantLoader", "cacheComponents", "import", "resolve", "fileURLToPath", "URL", "url", "require", "undefined", "instantLoaderRule", "experimental", "staleTimes", "dynamic", "console", "warn", "NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH", "PAYLOAD_CACHE_COMPONENTS_ENABLED", "consoleWarn", "sassWarningTexts", "args", "some", "text", "includes", "baseConfig", "devIndicators", "sassOptions", "silenceDeprecations", "outputFileTracingExcludes", "turbopack", "rules", "concat", "condition", "all", "not", "content", "loaders", "headers", "headersFromConfig", "source", "serverExternalPackages", "Set", "serverExternalPayloadPackages", "process", "NODE_ENV", "devBundleServerPackages", "devServerExternalPayloadPackages", "webpack", "webpackConfig", "webpackOptions", "incomingWebpackConfig", "module", "enforce", "exclude", "test", "use", "externals", "plugins", "IgnorePlugin", "resourceRegExp", "alias", "fallback", "aws4", "basePath", "NEXT_BASE_PATH", "trailingSlash", "NEXT_TRAILING_SLASH"]
 }