webpack.main.config.ts

import { DefinePlugin, type Configuration } from "webpack";

import path from "path";

import { rules } from "./webpack.rules";

// This needs an eslint disable for now to clear the warning
// eslint-disable-next-line @typescript-eslint/no-var-requires
const relocateLoader = require("@vercel/webpack-asset-relocator-loader");

rules.push({
  test: /\.tsx?$/,
  exclude: /(node_modules|\.webpack)/,
  use: {
    loader: "ts-loader",
    options: {
      transpileOnly: true,
      configFile: path.join(__dirname, "src/main/tsconfig.json")
    }
  }
});

export const mainConfig: Configuration = {
  /**
   * This is the main entry point for your application, it's the first file
   * that runs in the main process.
   */
  entry: "./src/main/index.ts",
  // Put your normal webpack config below here
  module: {
    rules
  },
  plugins: [
    new DefinePlugin({
      YTMD_DISABLE_UPDATES: false,
      YTMD_UPDATE_FEED_OWNER: `'${process.env.YTMD_UPDATE_FEED_OWNER}'` ?? "'ytmdesktop'",
      YTMD_UPDATE_FEED_REPOSITORY: `'${process.env.YTMD_UPDATE_FEED_REPOSITORY}'` ?? "'ytmdesktop'"
    }),
    {
      // This fixes issues with webpack where natives or other were not being properly configured and relocated because of an undefined variable in webpack

      // Waiving this explicit any for now
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
      apply(compiler: any) {
        compiler.hooks.compilation.tap("webpack-asset-relocator-loader", (compilation: unknown) => {
          relocateLoader.initAssetCache(compilation, "native_modules");
        });
      }
    }
  ],
  resolve: {
    alias: {
      "~shared": path.resolve(__dirname, "src/shared"),
      "~assets": path.resolve(__dirname, "src/assets")
    },
    extensions: [".js", ".ts", ".jsx", ".tsx", ".css", ".json"]
  },
  devtool: process.env.NODE_ENV === "development" ? "eval-source-map" : false
};