Notifications (#23)

* notifications and typescriptification

* add copyright and license notice

gui/helpers/configs/webpack.config.main.prod.ts

@@ -34,7 +34,7 @@ const configuration: webpack.Configuration = {
 
   entry: {
     main: path.join(webpackPaths.srcMainPath, "main.ts"),
-    preload: path.join(webpackPaths.srcMainPath, "preload.js"),
+    preload: path.join(webpackPaths.srcMainPath, "preload.ts"),
   },
 
   output: {

gui/helpers/configs/webpack.config.preload.dev.ts

@@ -0,0 +1,73 @@
+//
+// Copyright 2022 Anysphere, Inc.
+// SPDX-License-Identifier: GPL-3.0-only
+//
+
+import path from "path";
+import webpack from "webpack";
+import { merge } from "webpack-merge";
+import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
+import baseConfig from "./webpack.config.base";
+import webpackPaths from "./webpack.paths";
+import checkNodeEnv from "../scripts/check-node-env";
+
+// When an ESLint server is running, we can't set the NODE_ENV so we'll check if it's
+// at the dev webpack config is not accidentally run in a production environment
+if (process.env.NODE_ENV === "production") {
+  checkNodeEnv("development");
+}
+
+const configuration: webpack.Configuration = {
+  devtool: "inline-source-map",
+
+  mode: "development",
+
+  target: "electron-preload",
+
+  entry: path.join(webpackPaths.srcMainPath, "preload.ts"),
+
+  output: {
+    path: webpackPaths.dllPath,
+    filename: "preload.js",
+  },
+
+  plugins: [
+    new BundleAnalyzerPlugin({
+      analyzerMode: process.env.ANALYZE === "true" ? "server" : "disabled",
+    }),
+
+    /**
+     * Create global constants which can be configured at compile time.
+     *
+     * Useful for allowing different behaviour between development builds and
+     * release builds
+     *
+     * NODE_ENV should be production so that modules do not perform certain
+     * development checks
+     *
+     * By default, use 'development' as NODE_ENV. This can be overriden with
+     * 'staging', for example, by changing the ENV variables in the npm scripts
+     */
+    new webpack.EnvironmentPlugin({
+      NODE_ENV: "development",
+    }),
+
+    new webpack.LoaderOptionsPlugin({
+      debug: true,
+    }),
+  ],
+
+  /**
+   * Disables webpack processing of __dirname and __filename.
+   * If you run the bundle in node.js it falls back to these values of node.js.
+   * https://github.com/webpack/webpack/issues/2010
+   */
+  node: {
+    __dirname: false,
+    __filename: false,
+  },
+
+  watch: true,
+};
+
+export default merge(baseConfig, configuration);

gui/helpers/configs/webpack.config.renderer.dev.ts

@@ -3,6 +3,7 @@
 // SPDX-License-Identifier: GPL-3.0-only
 //
 
+import "webpack-dev-server";
 import path from "path";
 import fs from "fs";
 import webpack from "webpack";
@@ -138,7 +139,6 @@ const configuration: webpack.Configuration = {
     __filename: false,
   },
 
-  // @ts-ignore
   devServer: {
     port,
     compress: true,
@@ -150,15 +150,27 @@ const configuration: webpack.Configuration = {
     historyApiFallback: {
       verbose: true,
     },
-    onBeforeSetupMiddleware() {
+    setupMiddlewares(middlewares) {
+      console.log("Starting preload.js builder...");
+      const preloadProcess = spawn("npm", ["run", "start:preload"], {
+        shell: true,
+        stdio: "inherit",
+      })
+        .on("close", (code: number) => process.exit(code!))
+        .on("error", (spawnError) => console.error(spawnError));
+
       console.log("Starting Main Process...");
       spawn("npm", ["run", "start:main"], {
         shell: true,
         env: process.env,
         stdio: "inherit",
       })
-        .on("close", (code: number) => process.exit(code!))
+        .on("close", (code: number) => {
+          preloadProcess.kill();
+          process.exit(code!);
+        })
         .on("error", (spawnError) => console.error(spawnError));
+      return middlewares;
     },
   },
 };