Bump electron-forge, add a few updates to webpack base config

package.json

@@ -1,8 +1,8 @@
 {
   "name": "streamwall",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "description": "View streams in a grid",
-  "main": "./.webpack/main",
+  "main": "./node/main.js",
   "scripts": {
     "build:main": "webpack --config webpack.main.config.js",
     "build:renderer": "webpack --config webpack.renderer.config.js",
@@ -20,7 +20,7 @@
   "author": "Max Goodhart <c@chromakode.com>",
   "license": "MIT",
   "dependencies": {
-    "@electron-forge/plugin-webpack": "^6.1.1",
+    "@electron-forge/plugin-webpack": "^7.4.0",
     "@iarna/toml": "^2.2.5",
     "@repeaterjs/repeater": "^3.0.6",
     "@sentry/electron": "^5.3.0",
@@ -33,7 +33,7 @@
     "hls.js": "^1.5.14",
     "jsondiffpatch": "^0.6.0",
     "koa": "^2.15.3",
-    "electron-squirrel-startup": "^1.0.0",
+    "electron-squirrel-startup": "^1.0.1",
     "koa-basic-auth": "^4.0.0",
     "koa-easy-ws": "^2.1.0",
     "koa-route": "^4.0.1",
@@ -43,7 +43,7 @@
     "luxon": "^3.5.0",
     "node-fetch": "^3.3.2",
     "node-simple-cert": "0.0.1",
-    "preact": "^10.23.1",
+    "preact": "^10.23.2",
     "react-hotkeys-hook": "^4.5.0",
     "reconnecting-websocket": "^4.4.0",
     "styled-components": "^6.1.12",
@@ -62,18 +62,18 @@
     "@babel/plugin-transform-react-jsx": "^7.25.2",
     "@babel/preset-env": "^7.25.3",
     "@svgr/webpack": "^8.1.0",
-    "@electron-forge/cli": "^6.1.1",
-    "@electron-forge/maker-deb": "^6.1.1",
-    "@electron-forge/maker-rpm": "^6.1.1",
-    "@electron-forge/maker-squirrel": "^6.1.1",
-    "@electron-forge/maker-zip": "^6.1.1",
+    "@electron-forge/cli": "^7.4.0",
+    "@electron-forge/maker-deb": "^7.4.0",
+    "@electron-forge/maker-rpm": "^7.4.0",
+    "@electron-forge/maker-squirrel": "^7.4.0",
+    "@electron-forge/maker-zip": "^7.4.0",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
     "babel-plugin-styled-components": "^2.1.4",
     "bufferutil": "^4.0.8",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^7.1.2",
-    "electron": "^24.1.2",
+    "electron": "^31.4.0",
     "file-loader": "^6.2.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",

webpack.base.config.js

@@ -1,9 +1,10 @@
 module.exports = ({ babel }) => ({
-  mode: 'none',
+  mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
+  devtool: process.env.NODE_ENV === 'production' ? 'source-map' : 'eval-source-map',
   module: {
     rules: [
       {
-        test: /\.jsx?$/,
+        test: /\.(js|ts|jsx|tsx)$/,
         exclude: /node_modules/,
         use: {
           loader: 'babel-loader',
@@ -15,11 +16,8 @@ module.exports = ({ babel }) => ({
         use: ['style-loader', 'css-loader'],
       },
       {
-        test: /\.ttf$/,
-        loader: 'file-loader',
-        options: {
-          name: '[name].[ext]',
-        },
+        test: /\.(png|jpg|jpeg|gif|ico|ttf)$/,
+        type: 'asset/resource',
       },
       {
         test: /\.svg$/,
@@ -34,11 +32,18 @@ module.exports = ({ babel }) => ({
     ],
   },
   resolve: {
-    extensions: ['.jsx', '.js'],
+    extensions: ['.jsx', '.js', '.ts', '.tsx'],
     alias: {
       react: 'preact/compat',
       'react-dom': 'preact/compat',
     },
+    modules: ['node_modules', 'src'],
+  },
+  optimization: {
+    moduleIds: 'deterministic',
+    splitChunks: {
+      chunks: 'all',
+    },
   },
   stats: {
     colors: true,