import path from 'node:path';
import { fileURLToPath } from 'node:url';

const __dirname = path.dirname(fileURLToPath(import.meta.url));

/** @type {import('next').NextConfig} */
const nextConfig = {
  basePath: '/nextjs',
  images: { unoptimized: true },
  experimental: {
    serverActions: { bodySizeLimit: '10mb' },
  },
  serverExternalPackages: ['onnxruntime-node'],
  // Keep builds resilient in production; tighten in CI if desired
  eslint: { ignoreDuringBuilds: true },
  typescript: { ignoreBuildErrors: true },
  async rewrites() {
    // Serve ONNX Runtime Web WASM files from CDN to avoid 404s
    return [
      {
        source: '/_ort/:path*',
        destination: 'https://cdn.jsdelivr.net/npm/onnxruntime-web@1.17.1/dist/:path*',
      },
    ];
  },
  async headers() {
    return [
      // Ensure static assets stay cacheable
      {
        source: '/_next/static/:path*',
        headers: [
          { key: 'Cache-Control', value: 'public, max-age=31536000, immutable' },
        ],
      },
      // Force no-store for the visualizer HTML
      {
        source: '/visualizer',
        headers: [
          { key: 'Cache-Control', value: 'no-store' },
        ],
      },
      // Disable caching for HTML documents to avoid stale asset references
      {
        source: '/:path*',
        has: [
          { type: 'header', key: 'accept', value: '.*text/html.*' },
        ],
        headers: [
          { key: 'Cache-Control', value: 'no-store' },
        ],
      },
    ];
  },
  webpack: (config) => {
    // Ensure TS path alias `@/*` also works in Webpack
    config.resolve = config.resolve || {};
    config.resolve.alias = {
      ...(config.resolve.alias || {}),
      '@': path.resolve(__dirname),
    };
    config.externals = [
      ...(config.externals || []),
      { 'onnxruntime-node': 'commonjs onnxruntime-node' },
    ];
    return config;
  },
};
export default nextConfig;