import {
  type EnvironmentConfig,
} from "@rsbuild/core";
import imagemin from "unplugin-imagemin";

//config code, here...

const webConfig: EnvironmentConfig = {
        html: { template: config.htmlTemplate },
        source: { entry: { index: config.entry } },
        output: {
          target: "web",
          polyfill: "usage",
          legalComments: "none",
          assetPrefix: process.env?.VERCEL_PROJECT_PRODUCTION_URL
            ? `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`
            : "/",
          distPath: {
            root: config.output.distPath,
            svg: "static/img",
            image: "static/img",
          },
          minify: config.isProdBuild,
          sourceMap: !config.isProdBuild,
          filename: config.isProdBuild
            ? {
                js: "[name].[contenthash:8].js",
                css: "[name].[contenthash:8].css",
                font: "[name][ext]",
                image: "[name].[contenthash:8][ext]",
                svg: "[name].[contenthash:8][ext]",
                assets: "[name].[contenthash:8][ext]",
              }
            : {
                js: "[name].js",
                css: "[name].css",
                font: "[name][ext]",
                image: "[name][ext]",
                svg: "[name][ext]",
                assets: "[name][ext]",
              },
        },
        performance: {
          removeConsole: config.isProdBuild,
          chunkSplit: {
            strategy: "custom",
            splitChunks: {
              chunks: "all",
              minChunks: 1,
              cacheGroups: {
                vendor: {
                  test: /[\\/]node_modules[\\/]/,
                  name: "lib-vendors",
                  chunks: "all",
                  priority: 10,
                  reuseExistingChunk: true,
                },
                react: {
                  test: /node_modules[\\/](?:react|react-dom|scheduler|react-refresh)[\\/]/,
                  name: "lib-react",
                  chunks: "all",
                  priority: 20,
                },
                router: {
                  test: /node_modules[\\/](?:react-router|react-router-dom|history|@remix-run[\\/]router)[\\/]/,
                  name: "lib-router",
                  chunks: "all",
                  priority: 20,
                },
                utils: {
                  name: "lib-common",
                  minChunks: 2,
                  chunks: "all",
                  priority: 5,
                  reuseExistingChunk: true,
                },
              },
            },
          },
          preload: {
            type: "all-chunks",
          },
          prefetch: {
            type: "all-chunks",
          },
        },
        tools: {
          rspack(_config, utils) {

            _config.plugins ??= [];
            _config.plugins.push(imagemin.webpack({}))
          },
        },
      };