const { Compilation } = require("webpack");
const { execSync } = require("node:child_process");
const { config } = require("dotenv");

for (const envFile of [".env.local", ".env"]) {
    config({ path: `../${envFile}` });
}

const getEnvBool = (key, fallback = false) => {
    const value = process.env[key];
    if (value === "false" || value === "0" || value === "off") {
        return false;
    }
    if (value === "true" || value === "1" || value === "on") {
        return true;
    }
    return fallback;
};

let git_hash;
try {
    git_hash = execSync("git rev-parse HEAD", { stdio: "pipe" })
        .toString()
        .trim();
} catch (error) {
    console.log("Unable to get git hash, assume running inside Docker");
    git_hash = "abc123";
}

const { withPlausibleProxy } = require("next-plausible");

const removeImports = require("next-remove-imports")({
    //test: /node_modules([\s\S]*?)\.(tsx|ts|js|mjs|jsx)$/,
    //matchImports: "\\.(less|css|scss|sass|styl)$"
});

const mediaUrl = new URL(process.env.MEDIA_URL ?? "http://localhost");

let app = withPlausibleProxy({
    customDomain: "https://stats.decomp.me",
})(
    removeImports({
        async redirects() {
            return [
                {
                    source: "/scratch",
                    destination: "/",
                    permanent: true,
                },
                {
                    source: "/scratch/new",
                    destination: "/new",
                    permanent: true,
                },
                {
                    source: "/settings",
                    destination: "/settings/account",
                    permanent: false,
                },
            ];
        },
        async rewrites() {
            return [];
        },
        async headers() {
            return [
                {
                    source: "/(.*)", // all routes
                    headers: [
                        {
                            key: "X-DNS-Prefetch-Control",
                            value: "on",
                        },
                        {
                            key: "Cross-Origin-Opener-Policy",
                            value: "same-origin",
                        },
                        {
                            key: "Cross-Origin-Embedder-Policy",
                            value: "require-corp",
                        },
                    ],
                },
            ];
        },
        webpack(config) {
            config.module.rules.push({
                test: /\.svg$/,
                use: ["@svgr/webpack"],
            });

            // @open-rpc/client-js brings in some dependencies which, in turn, have optional dependencies.
            // This confuses the heck out of webpack, so tell it should just sub in a CommonJS-style "require" statement
            // instead (which will fail and trigger the fallback at runtime)
            // https://stackoverflow.com/questions/58697934/webpack-how-do-you-require-an-optional-dependency-in-bundle-saslprep
            config.externals.push({
                encoding: "commonjs encoding",
                bufferutil: "commonjs bufferutil",
                "utf-8-validate": "commonjs utf-8-validate",
            });

            // All of the vscode-* packages (jsonrpc, languageserver-protocol, etc.) are distributed as UMD modules.
            // This also leaves webpack with no idea how to handle require statements.
            // umd-compat-loader strips away the hedaer UMD adds to allow browsers to parse ES modules
            // and just treats the importee as an ES module.
            config.module.rules.push({
                test: /node_modules[\\|/](vscode-.*)/,
                use: {
                    loader: "umd-compat-loader",
                },
            });

            return config;
        },
        images: {
            remotePatterns: [
                {
                    //  Expected 'http' | 'https', received 'http:' at "images.remotePatterns[0].protocol"
                    protocol: mediaUrl.protocol.replace(":", ""),
                    hostname: mediaUrl.hostname,
                    port: mediaUrl.port,
                    pathname: "/**",
                },
                {
                    protocol: "https",
                    hostname: "avatars.githubusercontent.com",
                    port: "",
                    pathname: "/**",
                },
            ],
            unoptimized: !getEnvBool("FRONTEND_USE_IMAGE_PROXY"),
        },
        swcMinify: true,
        env: {
            // XXX: don't need 'NEXT_PUBLIC_' prefix here; we could just use 'API_BASE' and 'GITHUB_CLIENT_ID'
            // See note at top of https://nextjs.org/docs/api-reference/next.config.js/environment-variables for more information
            NEXT_PUBLIC_API_BASE: process.env.API_BASE,
            NEXT_PUBLIC_GITHUB_CLIENT_ID: process.env.GITHUB_CLIENT_ID,
            NEXT_PUBLIC_COMMIT_HASH: git_hash,
            OBJDIFF_BASE: process.env.OBJDIFF_BASE,
        },
    }),
);

if (process.env.ANALYZE === "true") {
    app = require("@next/bundle-analyzer")(app);
}

module.exports = app;