next.config.ts

import { withSentryConfig } from '@sentry/nextjs'
import type { NextConfig } from 'next'

const supabaseUrl = new URL(process.env.SUPABASE_URL || '')

const allowedRemotePatterns = !process.env.ALLOWED_REMOTE_PATTERNS
  ? []
  : process.env.ALLOWED_REMOTE_PATTERNS.split(',').flatMap((pattern) => {
      const trimmedHost = pattern?.trim()
      if (!trimmedHost) {
        return []
      }
      const url = new URL(pattern)
      return [
        {
          protocol: 'https',
          hostname: url.hostname,
        } as unknown as Required<Required<NextConfig>['images']>['remotePatterns'][number],
      ]
    })

const nextConfig: NextConfig = {
  allowedDevOrigins: [process.env.NGROK_URL || ''],
  images: {
    localPatterns: [
      {
        pathname: '/**',
      },
    ],
    remotePatterns: [
      {
        protocol: 'https',
        hostname: supabaseUrl.hostname,
      },
      ...allowedRemotePatterns,
    ],
  },
  turbopack: {
    rules: {
      '*.svg': {
        as: '*.js',
        loaders: ['@svgr/webpack'],
      },
    },
  },
  // biome-ignore lint/suspicious/useAwait: `headers` needs to be async
  headers: async () => {
    return [
      {
        source: '/:path*',
        headers: [
          {
            key: 'Content-Security-Policy',
            // Client Home needs to work for custom portal URLS. e.g clients.outside.studio
            value: 'frame-ancestors *;',
          },
          {
            key: 'X-Content-Type-Options',
            value: 'nosniff',
          },
        ],
      },
    ]
  },
}

export default withSentryConfig(nextConfig, {
  // For all available options, see:
  // https://www.npmjs.com/package/@sentry/webpack-plugin#options

  org: process.env.SENTRY_ORG,

  project: process.env.SENTRY_PROJECT,

  // Only print logs for uploading source maps in CI
  silent: !process.env.CI,

  // For all available options, see:
  // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/

  // Upload a larger set of source maps for prettier stack traces (increases build time)
  widenClientFileUpload: true,

  // Route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
  // This can increase your server load as well as your hosting bill.
  // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-
  // side errors will fail.
  tunnelRoute: '/monitoring',

  webpack: {
    // Enables automatic instrumentation of Vercel Cron Monitors. (Does not yet work with App Router route handlers.)
    // See the following for more information:
    // https://docs.sentry.io/product/crons/
    // https://vercel.com/docs/cron-jobs
    automaticVercelMonitors: true,

    // Tree-shaking options for reducing bundle size
    treeshake: {
      // Automatically tree-shake Sentry logger statements to reduce bundle size
      removeDebugLogging: true,
    },
  },
})