@payloadcms/next 3.68.0-internal.35482da → 3.68.0-internal.a53e749

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss

@@ -0,0 +1,91 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .relationship-diff-container .field-diff-content {
+    padding: 0;
+    background: unset;
+  }
+
+  .relationship-diff-container--hasOne {
+    .relationship-diff {
+      min-width: 100%;
+      max-width: fit-content;
+    }
+  }
+
+  .relationship-diff-container--hasMany .field-diff-content {
+    background: var(--theme-elevation-50);
+    padding: 10px;
+
+    .html-diff {
+      display: flex;
+      min-width: 0;
+      max-width: max-content;
+      flex-wrap: wrap;
+      gap: calc(var(--base) * 0.5);
+    }
+
+    .relationship-diff {
+      padding: calc(var(--base) * 0.15) calc(var(--base) * 0.3);
+    }
+  }
+
+  .relationship-diff {
+    @extend %body;
+    display: flex;
+    align-items: center;
+    border-radius: $style-radius-s;
+    border: 1px solid var(--theme-elevation-150);
+    position: relative;
+    font-family: var(--font-body);
+    max-height: calc(var(--base) * 3);
+    padding: calc(var(--base) * 0.35);
+
+    &[data-match-type='create'] {
+      border-color: var(--diff-create-pill-border);
+      color: var(--diff-create-parent-color);
+
+      * {
+        color: var(--diff-create-parent-color);
+      }
+    }
+
+    &[data-match-type='delete'] {
+      border-color: var(--diff-delete-pill-border);
+      color: var(--diff-delete-parent-color);
+      background-color: var(--diff-delete-pill-bg);
+      text-decoration-line: none !important;
+
+      * {
+        color: var(--diff-delete-parent-color);
+        text-decoration-line: none;
+      }
+
+      .relationship-diff__info {
+        text-decoration-line: line-through;
+      }
+    }
+
+    &__info {
+      font-weight: 500;
+    }
+
+    &__pill {
+      border-radius: $style-radius-s;
+      margin: 0 calc(var(--base) * 0.4) 0 calc(var(--base) * 0.2);
+      padding: 0 calc(var(--base) * 0.1);
+      background-color: var(--theme-elevation-150);
+      color: var(--theme-elevation-750);
+    }
+
+    &[data-match-type='create'] .relationship-diff__pill {
+      background-color: var(--diff-create-parent-bg);
+      color: var(--diff-create-pill-color);
+    }
+
+    &[data-match-type='delete'] .relationship-diff__pill {
+      background-color: var(--diff-delete-parent-bg);
+      color: var(--diff-delete-pill-color);
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss

@@ -0,0 +1,4 @@
+@layer payload-default {
+  .select-diff {
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.scss

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .tabs-diff {
+    // Space between each tab or tab locale
+    &__tab:not(:first-of-type),
+    &__tab-locale:not(:first-of-type) {
+      margin-top: var(--base);
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss

@@ -0,0 +1,4 @@
+@layer payload-default {
+  .text-diff {
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.scss

@@ -0,0 +1,121 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .upload-diff-container .field-diff-content {
+    padding: 0;
+    background: unset;
+  }
+
+  .upload-diff-hasMany {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) * 0.4);
+  }
+
+  .upload-diff {
+    @extend %body;
+    min-width: 100%;
+    max-width: fit-content;
+    display: flex;
+    align-items: center;
+    background-color: var(--theme-elevation-50);
+    border-radius: $style-radius-s;
+    border: 1px solid var(--theme-elevation-150);
+    position: relative;
+    font-family: var(--font-body);
+    max-height: calc(var(--base) * 3);
+    padding: calc(var(--base) * 0.1);
+
+    &[data-match-type='create'] {
+      border-color: var(--diff-create-pill-border);
+      color: var(--diff-create-parent-color);
+
+      * {
+        color: var(--diff-create-parent-color);
+      }
+
+      .upload-diff__thumbnail {
+        border-radius: 0px;
+        border-color: var(--diff-create-pill-border);
+        background-color: none;
+      }
+    }
+
+    &[data-match-type='delete'] {
+      border-color: var(--diff-delete-pill-border);
+      text-decoration-line: none;
+      color: var(--diff-delete-parent-color);
+      background-color: var(--diff-delete-pill-bg);
+
+      * {
+        text-decoration-line: none;
+        color: var(--diff-delete-parent-color);
+      }
+
+      .upload-diff__thumbnail {
+        border-radius: 0px;
+        border-color: var(--diff-delete-pill-border);
+        background-color: none;
+      }
+    }
+
+    &__card {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      width: 100%;
+    }
+
+    &__thumbnail {
+      width: calc(var(--base) * 3 - base(0.8) * 2);
+      height: calc(var(--base) * 3 - base(0.8) * 2);
+      position: relative;
+      overflow: hidden;
+      flex-shrink: 0;
+      border-radius: 0px;
+      border: 1px solid var(--theme-elevation-100);
+
+      img,
+      svg {
+        position: absolute;
+        object-fit: cover;
+        width: 100%;
+        height: 100%;
+        border-radius: 0px;
+      }
+    }
+
+    &__info {
+      flex-grow: 1;
+      display: flex;
+      align-items: flex-start;
+      flex-direction: column;
+      padding: calc(var(--base) * 0.25) calc(var(--base) * 0.6);
+      justify-content: space-between;
+      font-weight: 400;
+
+      strong {
+        font-weight: 500;
+      }
+    }
+
+    &__pill {
+      border-radius: $style-radius-s;
+      margin-left: calc(var(--base) * 0.6);
+      padding: 0 calc(var(--base) * 0.1);
+
+      background-color: var(--theme-elevation-150);
+      color: var(--theme-elevation-750);
+    }
+
+    &[data-match-type='create'] .upload-diff__pill {
+      background-color: var(--diff-create-parent-bg);
+      color: var(--diff-create-pill-color);
+    }
+
+    &[data-match-type='delete'] .upload-diff__pill {
+      background-color: var(--diff-delete-parent-bg);
+      color: var(--diff-delete-pill-color);
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/index.scss

@@ -0,0 +1,24 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .render-field-diffs {
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+
+    [role='banner'] {
+      display: none !important;
+    }
+
+    &__field {
+      overflow-wrap: anywhere;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+    }
+
+    @include small-break {
+      gap: calc(var(--base) / 2);
+    }
+  }
+}

package/dist/views/Version/Restore/index.scss

@@ -0,0 +1,84 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .restore-version {
+    cursor: pointer;
+    display: flex;
+    min-width: max-content;
+
+    .popup-button {
+      display: flex;
+    }
+
+    &__chevron {
+      background-color: var(--theme-elevation-150);
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      cursor: pointer;
+
+      .stroke {
+        stroke-width: 1px;
+      }
+
+      &:hover {
+        background: var(--theme-elevation-100);
+      }
+    }
+
+    .btn {
+      margin-block: 0;
+    }
+
+    &__restore-as-draft-button {
+      border-top-right-radius: 0px;
+      border-bottom-right-radius: 0px;
+      margin-right: 2px;
+
+      &:focus {
+        border-radius: 0;
+        outline-offset: 0;
+      }
+    }
+
+    &__modal {
+      @include blur-bg;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+
+      &__toggle {
+        @extend %btn-reset;
+      }
+    }
+
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(0.8);
+      padding: base(2);
+      max-width: base(36);
+    }
+
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.4);
+
+      > * {
+        margin: 0;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      gap: base(0.4);
+
+      .btn {
+        margin: 0;
+      }
+    }
+  }
+}

package/dist/views/Version/SelectComparison/VersionDrawer/index.scss

@@ -0,0 +1,18 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .version-drawer {
+    .table {
+      width: 100%;
+    }
+
+    .created-at-cell {
+      // Button reset, + underline
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 0;
+      text-decoration: underline;
+    }
+  }
+}

package/dist/views/Version/SelectComparison/index.scss

@@ -0,0 +1,9 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .compare-version {
+    &-moreVersions {
+      color: var(--theme-elevation-500);
+    }
+  }
+}

package/dist/views/Version/VersionPillLabel/index.scss

@@ -0,0 +1,26 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .version-pill-label {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) / 2);
+
+    &-text {
+      font-weight: 500;
+    }
+
+    &-date {
+      color: var(--theme-elevation-500);
+    }
+  }
+
+  @include small-break {
+    .version-pill-label {
+      // Column
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 0;
+    }
+  }
+}

package/dist/views/Versions/cells/AutosaveCell/index.scss

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .autosave-cell {
+    &__items {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) * 0.5);
+    }
+  }
+}

package/dist/views/Versions/index.scss

@@ -0,0 +1,110 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .versions {
+    width: 100%;
+    margin-bottom: calc(var(--base) * 2);
+
+    &__wrap {
+      padding-top: 0;
+      padding-bottom: var(--spacing-view-bottom);
+      margin-top: calc(var(--base) * 0.75);
+    }
+
+    &__header {
+      margin-bottom: var(--base);
+    }
+
+    &__no-versions {
+      margin-top: calc(var(--base) * 1.5);
+    }
+
+    &__parent-doc {
+      .banner__content {
+        display: flex;
+      }
+    }
+
+    &__parent-doc-pills {
+      [dir='ltr'] & {
+        margin-left: auto;
+      }
+
+      [dir='rtl'] & {
+        margin-right: auto;
+      }
+    }
+
+    .table {
+      table {
+        width: 100%;
+        overflow: auto;
+      }
+    }
+
+    &__page-controls {
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
+
+    .paginator {
+      margin-bottom: 0;
+    }
+
+    &__page-info {
+      [dir='ltr'] & {
+        margin-right: var(--base);
+        margin-left: auto;
+      }
+
+      [dir='rtl'] & {
+        margin-left: var(--base);
+        margin-right: auto;
+      }
+    }
+
+    @include mid-break {
+      &__wrap {
+        padding-top: 0;
+        margin-top: 0;
+      }
+
+      // on mobile, extend the table all the way to the viewport edges
+      // this is to visually indicate overflowing content
+      .table {
+        display: flex;
+        width: calc(100% + calc(var(--gutter-h) * 2));
+        max-width: unset;
+        left: calc(var(--gutter-h) * -1);
+        position: relative;
+        padding-left: var(--gutter-h);
+
+        &::after {
+          content: '';
+          height: 1px;
+          padding-right: var(--gutter-h);
+        }
+      }
+
+      &__page-controls {
+        flex-wrap: wrap;
+      }
+
+      &__page-info {
+        [dir='ltr'] & {
+          margin-left: 0;
+        }
+
+        [dir='rtl'] & {
+          margin-right: 0;
+        }
+      }
+
+      .paginator {
+        width: 100%;
+        margin-bottom: var(--base);
+      }
+    }
+  }
+}

package/dist/withPayload.d.ts

@@ -1,5 +1,11 @@
-export function withPayload(nextConfig?: import("next").NextConfig, options?: {
+import type { NextConfig } from 'next';
+/**
+ * @param {import('next').NextConfig} nextConfig
+ * @param {Object} [options] - Optional configuration options
+ * @param {boolean} [options.devBundleServerPackages] - Whether to bundle server packages in development mode. @default false
+ * */
+export declare const withPayload: (nextConfig?: NextConfig, options?: {
     devBundleServerPackages?: boolean;
-}): import("next").NextConfig;
+}) => NextConfig;
 export default withPayload;
 //# sourceMappingURL=withPayload.d.ts.map

package/dist/withPayload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withPayload.d.ts","sourceRoot":"","sources":["../src/withPayload.js"],"names":[],"mappings":"AAOO,yCANI,OAAO,MAAM,EAAE,UAAU,YAEjC;IAA0B,uBAAuB,GAAzC,OAAO;CAA6F,GAElG,OAAO,MAAM,EAAE,UAAU,CA0PrC"}
+{"version":3,"file":"withPayload.d.ts","sourceRoot":"","sources":["../src/withPayload.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAatC;;;;KAIK;AACL,eAAO,MAAM,WAAW,gBACV,UAAU,YACb;IAAE,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAAE,KAC7C,UA8MF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/withPayload.js

@@ -1,57 +1,25 @@
+/* eslint-disable no-console */ /* eslint-disable no-restricted-exports */import { getNextjsVersion, supportsTurbopackExternalizeTransitiveDependencies } from './withPayload.utils.js';
+import { withPayloadLegacy } from './withPayloadLegacy.js';
+const poweredByHeader = {
+  key: 'X-Powered-By',
+  value: 'Next.js, Payload'
+};
 /**
  * @param {import('next').NextConfig} nextConfig
  * @param {Object} [options] - Optional configuration options
  * @param {boolean} [options.devBundleServerPackages] - Whether to bundle server packages in development mode. @default false
- *
- * @returns {import('next').NextConfig}
- * */export const withPayload = (nextConfig = {}, options = {}) => {
+ * */
+export const withPayload = (nextConfig = {}, options = {}) => {
+  const nextjsVersion = getNextjsVersion();
+  const supportsTurbopackBuild = supportsTurbopackExternalizeTransitiveDependencies(nextjsVersion);
   const env = nextConfig.env || {};
   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';
   }
-  if (process.env.PAYLOAD_PATCH_TURBOPACK_WARNINGS !== 'false') {
-    // TODO: This warning is thrown because we cannot externalize the entry-point package for client-s3, so we patch the warning to not show it.
-    // We can remove this once Next.js implements https://github.com/vercel/next.js/discussions/76991
-    const turbopackWarningText = 'Packages that should be external need to be installed in the project directory, so they can be resolved from the output files.\nTry to install it into the project directory by running';
-    // TODO 4.0: Remove this once we drop support for Next.js 15.2.x
-    const turbopackConfigWarningText = "Unrecognized key(s) in object: 'turbopack'";
-    const consoleWarn = console.warn;
-    console.warn = (...args) => {
-      // Force to disable serverExternalPackages warnings: https://github.com/vercel/next.js/issues/68805
-      if (typeof args[1] === 'string' && args[1].includes(turbopackWarningText) || typeof args[0] === 'string' && args[0].includes(turbopackWarningText)) {
-        return;
-      }
-      // Add Payload-specific message after turbopack config warning in Next.js 15.2.x or lower.
-      // TODO 4.0: Remove this once we drop support for Next.js 15.2.x
-      const hasTurbopackConfigWarning = typeof args[1] === 'string' && args[1].includes(turbopackConfigWarningText) || typeof args[0] === 'string' && args[0].includes(turbopackConfigWarningText);
-      if (hasTurbopackConfigWarning) {
-        consoleWarn(...args);
-        consoleWarn('Payload: You can safely ignore the "Invalid next.config" warning above. This only occurs on Next.js 15.2.x or lower. We recommend upgrading to Next.js 15.4.7 to resolve this warning.');
-        return;
-      }
-      consoleWarn(...args);
-    };
-  }
-  const isBuild = process.env.NODE_ENV === 'production';
-  const isTurbopackNextjs15 = process.env.TURBOPACK === '1';
-  const isTurbopackNextjs16 = process.env.TURBOPACK === 'auto';
-  if (isBuild && (isTurbopackNextjs15 || isTurbopackNextjs16)) {
-    throw new Error('Payload does not support using Turbopack for production builds. If you are using Next.js 16, please use `next build --webpack` instead.');
-  }
-  const poweredByHeader = {
-    key: 'X-Powered-By',
-    value: 'Next.js, Payload'
-  };
-  /**
-  * @type {import('next').NextConfig}
-  */
-  const toReturn = {
+  const baseConfig = {
     ...nextConfig,
     env,
-    turbopack: {
-      ...(nextConfig.turbopack || {})
-    },
     outputFileTracingExcludes: {
       ...(nextConfig.outputFileTracingExcludes || {}),
       '**/*': [...(nextConfig.outputFileTracingExcludes?.['**/*'] || []), 'drizzle-kit', 'drizzle-kit/api']
@@ -60,6 +28,9 @@
       ...(nextConfig.outputFileTracingIncludes || {}),
       '**/*': [...(nextConfig.outputFileTracingIncludes?.['**/*'] || []), '@libsql/client']
     },
+    turbopack: {
+      ...(nextConfig.turbopack || {})
+    },
     // We disable the poweredByHeader here because we add it manually in the headers function below
     ...(nextConfig.poweredByHeader !== false ? {
       poweredByHeader: false
@@ -67,7 +38,6 @@
     headers: async () => {
       const headersFromConfig = 'headers' in nextConfig ? await nextConfig.headers() : [];
       return [...(headersFromConfig || []), {
-        source: '/:path*',
         headers: [{
           key: 'Accept-CH',
           value: 'Sec-CH-Prefers-Color-Scheme'
@@ -77,20 +47,14 @@
         }, {
           key: 'Critical-CH',
           value: 'Sec-CH-Prefers-Color-Scheme'
-        }, ...(nextConfig.poweredByHeader !== false ? [poweredByHeader] : [])]
+        }, ...(nextConfig.poweredByHeader !== false ? [poweredByHeader] : [])],
+        source: '/:path*'
       }];
     },
     serverExternalPackages: [
-    // serverExternalPackages = webpack.externals, but with turbopack support and an additional check
-    // for whether the package is resolvable from the project root
-    ...(nextConfig.serverExternalPackages || []),
-    // Can be externalized, because we require users to install graphql themselves - we only rely on it as a peer dependency => resolvable from the project root.
-    //
     // 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',
-    // External, because it installs import-in-the-middle and require-in-the-middle - both in the default serverExternalPackages list.
-    '@sentry/nextjs', ...(process.env.NODE_ENV === 'development' && options.devBundleServerPackages !== true ?
+    'graphql', ...(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:
@@ -136,6 +100,11 @@
         * entry point packages, as explained in the serverExternalPackages section above.
         */
         'drizzle-kit', 'drizzle-kit/api', 'sharp', 'libsql', 'require-in-the-middle'],
+        plugins: [...(incomingWebpackConfig?.plugins || []),
+        // Fix cloudflare:sockets error: https://github.com/vercel/next.js/discussions/50177
+        new webpackOptions.webpack.IgnorePlugin({
+          resourceRegExp: /^pg-native$|^cloudflare:sockets$/
+        })],
         resolve: {
           ...(incomingWebpackConfig?.resolve || {}),
           alias: {
@@ -164,19 +133,23 @@
             **/
             aws4: false
           }
-        },
-        plugins: [...(incomingWebpackConfig?.plugins || []),
-        // Fix cloudflare:sockets error: https://github.com/vercel/next.js/discussions/50177
-        new webpackOptions.webpack.IgnorePlugin({
-          resourceRegExp: /^pg-native$|^cloudflare:sockets$/
-        })]
+        }
       };
     }
   };
   if (nextConfig.basePath) {
-    toReturn.env.NEXT_BASE_PATH = nextConfig.basePath;
+    baseConfig.env.NEXT_BASE_PATH = nextConfig.basePath;
+  }
+  if (!supportsTurbopackBuild) {
+    return withPayloadLegacy(baseConfig);
+  } else {
+    return {
+      ...baseConfig,
+      serverExternalPackages: [...(baseConfig.serverExternalPackages || []), 'drizzle-kit', 'drizzle-kit/api', 'sharp', 'libsql', 'require-in-the-middle',
+      // Prevents turbopack build errors by the thread-stream package which is installed by pino
+      'pino']
+    };
   }
-  return toReturn;
 };
 export default withPayload;
 //# sourceMappingURL=withPayload.js.map