import * as Sentry from "@sentry/nextjs"

import type { NextConfig } from "next"

const nextConfig: NextConfig = {
  env: {
    BRANCH: process.env.BRANCH || "local",
    GIT_SHA: process.env.COMMIT_REF || "",
  },
  poweredByHeader: false,
  trailingSlash: false,
  transpilePackages: [
    "@scandic-hotels/common",
    "@scandic-hotels/trpc",
    "@scandic-hotels/booking-flow",
    "@scandic-hotels/design-system",
  ],
  output: "standalone",

  experimental: {
    swcPlugins: [
      [
        "@swc/plugin-formatjs",
        {
          ast: true,
        },
      ],
    ],
  },

  webpack: function (config: any) {
    config.module.rules.push(
      {
        test: /\.(graphql|gql)/,
        exclude: /node_modules/,
        loader: "graphql-tag/loader",
      },
      {
        test: /\.svg$/,
        use: ["@svgr/webpack"],
      }
    )

    return config
  },
}

export default Sentry.withSentryConfig(nextConfig, {
  org: "scandic-hotels",
  project: "partner-sas",

  authToken: process.env.SENTRY_AUTH_TOKEN,

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

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

  // Automatically annotate React components to show their full name in breadcrumbs and session replay
  reactComponentAnnotation: {
    enabled: true,
  },

  disableLogger: true,
})