refactor: convert main to typescript

config/webpack.config.common.ts

@@ -0,0 +1,30 @@
+import type webpack from 'webpack';
+
+const configuration: webpack.Configuration = {
+  module: {
+    rules: [
+      {
+        test: /\.(js|ts|tsx)?$/,
+        use: 'ts-loader',
+        exclude: /node_modules/,
+      },
+      {
+        test: /\.css$/i,
+        use: ['style-loader', 'css-loader', 'postcss-loader'],
+      },
+    ],
+  },
+
+  plugins: [],
+
+  resolve: {
+    extensions: ['.tsx', '.ts', '.js'],
+  },
+
+  node: {
+    __dirname: false,
+    __filename: false,
+  },
+};
+
+export default configuration;

config/webpack.config.main.base.ts

@@ -0,0 +1,25 @@
+import path from 'node:path';
+import type webpack from 'webpack';
+import { merge } from 'webpack-merge';
+import baseConfig from './webpack.config.common';
+import webpackPaths from './webpack.paths';
+
+const configuration: webpack.Configuration = {
+  devtool: 'inline-source-map',
+
+  mode: 'development',
+
+  target: 'electron-main',
+
+  entry: [path.join(webpackPaths.srcMainPath, 'main.ts')],
+
+  output: {
+    path: webpackPaths.buildPath,
+    filename: 'main.js',
+    library: {
+      type: 'umd',
+    },
+  },
+};
+
+export default merge(baseConfig, configuration);

config/webpack.config.main.prod.ts

@@ -0,0 +1,17 @@
+import TerserPlugin from 'terser-webpack-plugin';
+import type webpack from 'webpack';
+import { merge } from 'webpack-merge';
+import baseConfig from './webpack.config.main.base';
+
+const configuration: webpack.Configuration = {
+  devtool: 'source-map',
+
+  mode: 'production',
+
+  optimization: {
+    minimize: true,
+    minimizer: [new TerserPlugin()],
+  },
+};
+
+export default merge(baseConfig, configuration);

config/webpack.config.renderer.base.ts

@@ -0,0 +1,39 @@
+import path from 'node:path';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import type webpack from 'webpack';
+import { merge } from 'webpack-merge';
+import baseConfig from './webpack.config.common';
+import webpackPaths from './webpack.paths';
+
+const configuration: webpack.Configuration = {
+  devtool: 'inline-source-map',
+
+  mode: 'development',
+
+  target: 'electron-renderer',
+
+  entry: [path.join(webpackPaths.srcRendererPath, 'index.tsx')],
+
+  output: {
+    path: webpackPaths.buildPath,
+    filename: 'renderer.js',
+    library: {
+      type: 'umd',
+    },
+  },
+
+  plugins: [
+    new HtmlWebpackPlugin({
+      filename: path.join('index.html'),
+      template: path.join(webpackPaths.srcRendererPath, 'index.ejs'),
+      minify: {
+        collapseWhitespace: true,
+        removeAttributeQuotes: true,
+        removeComments: true,
+      },
+      isBrowser: false,
+    }),
+  ],
+};
+
+export default merge(baseConfig, configuration);

config/webpack.config.renderer.prod.ts

@@ -0,0 +1,17 @@
+import TerserPlugin from 'terser-webpack-plugin';
+import type webpack from 'webpack';
+import { merge } from 'webpack-merge';
+import baseConfig from './webpack.config.renderer.base';
+
+const configuration: webpack.Configuration = {
+  devtool: 'source-map',
+
+  mode: 'production',
+
+  optimization: {
+    minimize: true,
+    minimizer: [new TerserPlugin()],
+  },
+};
+
+export default merge(baseConfig, configuration);

config/webpack.paths.js → config/webpack.paths.ts

@@ -1,25 +1,20 @@
-const path = require('node:path');
+import path from 'node:path';
 
 const rootPath = path.join(__dirname, '..');
 
 const srcPath = path.join(rootPath, 'src');
 const srcMainPath = path.join(srcPath, 'main');
 const srcRendererPath = path.join(srcPath, 'renderer');
 
-const releasePath = path.join(rootPath, 'release');
-
 const distPath = path.join(rootPath, 'dist');
 
 const buildPath = path.join(rootPath, 'build');
-const buildRendererPath = path.join(buildPath, 'js');
 
-module.exports = {
+export default {
   rootPath,
   srcPath,
   srcMainPath,
   srcRendererPath,
-  releasePath,
   distPath,
   buildPath,
-  buildRendererPath,
 };

package.json

@@ -2,15 +2,16 @@
   "name": "atlassify",
   "version": "1.2.0",
   "description": "Atlassian notifications on your menu bar.",
-  "main": "src/main/main.js",
+  "main": "build/main.js",
   "scripts": {
     "clean": "rimraf build coverage node_modules",
-    "build": "concurrently --names 'main,renderer' --prefix-colors 'blue,green' 'pnpm build:main' 'pnpm build:renderer'",
-    "build:main": "echo 'not implemented yet'",
-    "build:renderer": "webpack --config ./config/webpack.config.prod.js",
-    "watch": "concurrently --names 'main,renderer' --prefix-colors 'blue,green' 'pnpm watch:main' 'pnpm watch:renderer'",
-    "watch:main": "echo 'not implemented yet'",
-    "watch:renderer": "webpack --watch --config ./config/webpack.config.common.js",
+    "build": "concurrently --names \"main,renderer\" --prefix-colors \"blue,green\" \"pnpm build:main\" \"pnpm build:renderer\" && pnpm build:remove-maps",
+    "build:main": "webpack --config ./config/webpack.config.main.prod.ts",
+    "build:renderer": "webpack --config ./config/webpack.config.renderer.prod.ts",
+    "build:remove-maps": "ts-node ./scripts/delete-source-maps.ts",
+    "watch": "concurrently --names \"main,renderer\" --prefix-colors \"blue,green\" \"pnpm watch:main\" \"pnpm watch:renderer\"",
+    "watch:main": "webpack --watch --config ./config/webpack.config.main.base.ts",
+    "watch:renderer": "webpack --watch --config ./config/webpack.config.renderer.base.ts",
     "make:linux": "electron-builder --linux",
     "make:macos": "electron-builder --mac",
     "make:win": "electron-builder --win",
@@ -59,7 +60,6 @@
     "asar": true,
     "files": [
       "build/**/*",
-      "src/main/**/*",
       "assets/**/*",
       "node_modules/**/*",
       "package.json",
@@ -157,6 +157,7 @@
     "electron": "32.1.2",
     "electron-builder": "25.0.5",
     "graphql-tag": "2.12.6",
+    "html-webpack-plugin": "5.6.0",
     "husky": "9.1.6",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
@@ -167,6 +168,7 @@
     "rimraf": "6.0.1",
     "style-loader": "4.0.0",
     "tailwindcss": "3.4.13",
+    "terser-webpack-plugin": "5.3.10",
     "ts-jest": "29.2.5",
     "ts-node": "10.9.2",
     "webpack": "5.95.0",