import type { NextConfig } from "next";
import createNextIntlPlugin from "next-intl/plugin";

const withNextIntl = createNextIntlPlugin("./i18n/request.ts");

const nextConfig: NextConfig = {
  images: {
    formats: ["image/webp", "image/avif"],
    deviceSizes: [640, 750, 828, 1080, 1200, 1920],
    imageSizes: [16, 32, 48, 64, 96, 128, 256],
    remotePatterns: [
      {
        protocol: "https",
        hostname: "www.tibiawiki.com.br",
        pathname: "/images/**",
      },
    ],
    // Permitir URLs locais com query strings
    localPatterns: [
      {
        pathname: "/api/images/**",
      },
    ],
  },
  compress: true,
  poweredByHeader: false,
  /* config options here */
  async headers() {
    return [
      {
        // Aplicar CORS apenas para rotas de API
        source: "/api/webhooks/:path*",
        headers: [
          {
            key: "Access-Control-Allow-Origin",
            value: "*", // AbacatePay envia de IPs variados
          },
          {
            key: "Access-Control-Allow-Methods",
            value: "POST, GET, OPTIONS",
          },
          {
            key: "Access-Control-Allow-Headers",
            value: "Content-Type, Authorization",
          },
        ],
      },
    ];
  },
};

export default withNextIntl(nextConfig);