next.config.ts

import type { NextConfig } from "next";

const isAnalyzeEnabled = process.env.ANALYZE === "true";
const isDev = process.env.NODE_ENV === "development";
const isProd = process.env.NODE_ENV === "production";

// `BuildStatsPlugin` writes a JSON payload into `.next/` for on-demand
// inspection.  It is ONLY meant for local development/debugging — production
// builds must never emit it.
//   - Gate on the explicit `ANALYZE=true` opt-in flag.
//   - Hard-disable on production builds even if `ANALYZE=true` is set
//     (e.g. misconfigured CI).
//   - Skip on server builds (this plugin is client-side only).
// See README § "Build stats plugin" for details.

const csp = [
  "default-src 'self'",
  `script-src 'self'${isDev ? " 'unsafe-eval'" : ""}`,
  "style-src 'self'",
  "img-src 'self' data: blob: https:",
  "font-src 'self' data: https:",
  isDev
    ? "connect-src 'self' https: wss: ws: http:"
    : "connect-src 'self' https: wss:",
  "media-src 'self' data: blob: https:",
  "object-src 'none'",
  "base-uri 'self'",
  "form-action 'self'",
  "frame-ancestors 'none'",
  "worker-src 'self' blob:",
  "manifest-src 'self'",
  "report-uri /api/csp-report",
  ...(isDev ? [] : ["upgrade-insecure-requests"]),
].join("; ");

const nextConfig: NextConfig = {
  output: "standalone",
  typescript: {
    ignoreBuildErrors: true,
  },
  experimental: {
    optimizePackageImports: [
      "lucide-react",
      "recharts",
      "framer-motion",
      "wagmi",
      "viem",
    ],
  },
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "images.unsplash.com",
      },
    ],
    formats: ["image/avif", "image/webp"],
  },
  turbopack: {},
  async headers() {
    return [
      {
        source: "/_next/static/:path*",
        headers: [
          {
            key: "Cache-Control",
            value: "public, max-age=31536000, immutable",
          },
        ],
      },
      {
        source: "/:path*.(png|jpg|jpeg|gif|webp|avif|svg|ico)",
        headers: [
          {
            key: "Cache-Control",
            value: "public, max-age=604800, stale-while-revalidate=86400",
          },
        ],
      },
      {
        source: "/sw.js",
        headers: [
          {
            key: "Cache-Control",
            value: "no-cache, no-store, must-revalidate",
          },
        ],
      },
      {
        source: "/properties/:path*",
        headers: [
          {
            key: "Cache-Control",
            value:
              "public, max-age=60, stale-while-revalidate=300, s-maxage=300",
          },
          {
            key: "Vary",
            value: "Accept-Encoding",
          },
        ],
      },
      {
        source: "/api/:path*",
        headers: [
          {
            key: "Cache-Control",
            value: "no-cache, no-store, must-revalidate",
          },
        ],
      },
      {
        source: "/:path*",
        headers: [
          {
            key: "Content-Security-Policy",
            value: csp,
          },
        ],
      },
    ];
  },
  webpack: (config, { isServer, webpack }) => {
    config.resolve = config.resolve ?? {};
    config.resolve.alias = {
      ...(config.resolve.alias ?? {}),
      // Wallet SDKs are intentionally NOT aliased to `false`.
      // They are lazy-loaded via dynamic imports in useWalletConnector.ts
      // and the wallet connector modules under src/lib/walletConnectors/.
      // Setting them to `false` breaks wagmi connector detection and
      // prevents WalletConnect v2, Safe, Coinbase, and MetaMask connections.
    };

    if (!isServer && config.optimization?.splitChunks) {
      config.optimization.splitChunks = {
        ...config.optimization.splitChunks,
        cacheGroups: {
          ...(config.optimization.splitChunks.cacheGroups ?? {}),
          web3: {
            name: "web3-vendors",
            test: /[\\/]node_modules[\\/](wagmi|viem|ethers|@walletconnect|@metamask|@coinbase)[\\/]/,
            chunks: "all",
            priority: 35,
          },
          charts: {
            name: "chart-vendors",
            test: /[\\/]node_modules[\\/](recharts|d3-.*)[\\/]/,
            chunks: "all",
            priority: 25,
          },
          safe: {
            name: "safe-vendors",
            test: /[\\/]node_modules[\\/]@safe-global[\\/]/,
            chunks: "all",
            priority: 30,
          },
        },
      };
    }

    if (isAnalyzeEnabled && !isServer && !isProd) {
      class BuildStatsPlugin {
        apply(compiler: any) {
          compiler.hooks.done.tap("BuildStatsPlugin", (stats: any) => {
            const fs = require("fs");
            const path = require("path");
            const outputPath = path.join(
              compiler.options.output.path ?? ".next",
              "build-stats.json",
            );
            fs.writeFileSync(
              outputPath,
              JSON.stringify(
                stats.toJson({
                  all: false,
                  assets: true,
                  chunks: true,
                  chunkGroups: true,
                }),
                null,
                2,
              ),
            );
          });
        }
      }

      config.plugins.push(new BuildStatsPlugin());
    }

    return config;
  },
};

export default nextConfig;