next.config.js

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

const withHashicorp = require('@hashicorp/platform-nextjs-plugin')
const withSwingset = require('swingset')

module.exports = withHashicorp({
  transpileModules: [
    'swingset',
    '@hashicorp/sentinel-embedded',
    '@hashicorp/flight-icons',
  ],
})(
  withSwingset({
    componentsRoot: 'packages/**/*',
    docsRoot: 'docs/*',
  })({
    eslint: {
      // Warning: Dangerously allow production builds to successfully complete even if
      // your project has ESLint errors.
      ignoreDuringBuilds: true,
    },
    svgo: { plugins: [{ removeViewBox: false }] },
    publicRuntimeConfig: {
      SOURCEGRAPH_URL: process.env.SOURCEGRAPH_URL,
    },
    headers: async () => [
      {
        source: '/:path*{/}?', // https://github.com/vercel/next.js/issues/14930
        headers: [
          {
            key: 'Content-Security-Policy',
            value:
              "frame-ancestors 'self' https://design-system-website.vercel.app",
          },
        ],
      },
    ],
    images: {
      domains: ['www.datocms-assets.com'],
      disableStaticImages: false,
    },
    webpack(config) {
      // disable `exports` support for framer-motion. This will cause Webpack to
      // fall back to using `module`
      config.module.rules.push({
        test: (input) => {
          return (
            input.includes('framer-motion') || input.includes('motion-config')
          )
        },
        resolve: {
          exportsFields: [],
        },
      })

      return config
    },
  })
)