resolve lint errors, upgrade eslint, replace unmaintained packages

2025-12-18 17:23:27 +00:00 · 2025-12-12 14:20:35 -05:00
parent 1f489f0122
commit a6f77318eb
28 changed files with 450 additions and 843 deletions
--- a/webpack.renderer.cjs
+++ b/webpack.renderer.cjs
@@ -0,0 +1,141 @@
+const path = require("path");
+const webpack = require("webpack");
+const { merge } = require("webpack-merge");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const { AngularWebpackPlugin } = require("@ngtools/webpack");
+const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
+
+const common = {
+  module: {
+    rules: [
+      {
+        test: /\.[cm]?js$/,
+        use: [
+          {
+            loader: "babel-loader",
+            options: {
+              configFile: false,
+              plugins: ["@angular/compiler-cli/linker/babel"],
+            },
+          },
+        ],
+      },
+      {
+        test: /\.[jt]sx?$/,
+        loader: "@ngtools/webpack",
+      },
+      {
+        test: /\.(jpe?g|png|gif|svg)$/i,
+        exclude: /.*(bwi-font)\.svg/,
+        generator: {
+          filename: "images/[name][ext]",
+        },
+        type: "asset/resource",
+      },
+    ],
+  },
+  plugins: [],
+  resolve: {
+    extensions: [".tsx", ".ts", ".js", ".json"],
+    plugins: [new TsconfigPathsPlugin({ configFile: "./tsconfig.json" })],
+    symlinks: false,
+    modules: [path.resolve("node_modules")],
+  },
+  output: {
+    filename: "[name].js",
+    path: path.resolve(__dirname, "build"),
+  },
+};
+
+const renderer = {
+  mode: "production",
+  devtool: false,
+  target: "electron-renderer",
+  node: {
+    __dirname: false,
+  },
+  entry: {
+    "app/main": "./src/app/main.ts",
+  },
+  optimization: {
+    minimize: false,
+    splitChunks: {
+      cacheGroups: {
+        commons: {
+          test: /[\\/]node_modules[\\/]/,
+          name: "app/vendor",
+          chunks: (chunk) => {
+            return chunk.name === "app/main";
+          },
+        },
+      },
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(html)$/,
+        loader: "html-loader",
+      },
+      {
+        test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
+        exclude: /loading.svg/,
+        generator: {
+          filename: "fonts/[name][ext]",
+        },
+        type: "asset/resource",
+      },
+      {
+        test: /\.scss$/,
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+            options: {
+              publicPath: "../",
+            },
+          },
+          "css-loader",
+          {
+            loader: "sass-loader",
+            options: {
+              implementation: require("sass"),
+            },
+          },
+        ],
+      },
+      // Hide System.import warnings. ref: https://github.com/angular/angular/issues/21560
+      {
+        test: /[\/\\]@angular[\/\\].+\.js$/,
+        parser: { system: true },
+      },
+    ],
+  },
+  plugins: [
+    new AngularWebpackPlugin({
+      tsConfigPath: "tsconfig.json",
+      entryModule: "src/app/app.module#AppModule",
+      sourceMap: true,
+    }),
+    // ref: https://github.com/angular/angular/issues/20357
+    new webpack.ContextReplacementPlugin(
+      /\@angular(\\|\/)core(\\|\/)fesm5/,
+      path.resolve(__dirname, "./src"),
+    ),
+    new HtmlWebpackPlugin({
+      template: "./src/index.html",
+      filename: "index.html",
+      chunks: ["app/vendor", "app/main"],
+    }),
+    new webpack.SourceMapDevToolPlugin({
+      include: ["app/main.js"],
+    }),
+    new webpack.DefinePlugin({ "global.GENTLY": false }),
+    new MiniCssExtractPlugin({
+      filename: "[name].[contenthash].css",
+      chunkFilename: "[id].[contenthash].css",
+    }),
+  ],
+};
+
+module.exports = merge(common, renderer);