/** @type {import('next').NextConfig} */
import path from "path"
import { fileURLToPath } from "url"

const dirname = path.dirname(fileURLToPath(import.meta.url))
const stylesPath = path.join(dirname, "src/shared/styles")
const nextConfig = {
	distDir: process.env.NEXT_TEST_DIR ?? ".next",
	images: {
		remotePatterns: [
			{
				protocol: "http",
				hostname: "localhost",
				port: "9000",
			},
		],
		dangerouslyAllowSVG: true,
		contentDispositionType: "inline",
		localPatterns: undefined,
		unoptimized: process.env.NODE_ENV === "development",
	},
	sassOptions: {
		includePaths: [stylesPath],
		additionalData: `@use "${path.join(stylesPath, "_variables.scss")}";
    @use "${path.join(stylesPath, "_breakpoints.scss")}";
    @use "${path.join(stylesPath, "_typography.scss")}";
    @use "${path.join(stylesPath, "_mixins.scss")}";`,
	},
}

export default nextConfig