Move from Qt to Electron + React

.editorconfig

@@ -0,0 +1,23 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = tab
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+end_of_line = lf
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
+
+[*.yml]
+indent_style = space
+
+[*.json]
+indent_style = space

.erb/configs/.eslintrc

@@ -0,0 +1,7 @@
+{
+  "rules": {
+    "no-console": "off",
+    "global-require": "off",
+    "import/no-dynamic-require": "off"
+  }
+}

.erb/configs/webpack.config.base.ts

@@ -0,0 +1,59 @@
+/**
+ * Base webpack config used across other specific configs
+ */
+
+import webpack from 'webpack';
+import TsconfigPathsPlugins from 'tsconfig-paths-webpack-plugin';
+import webpackPaths from './webpack.paths';
+import { dependencies as externals } from '../../release/app/package.json';
+
+const configuration: webpack.Configuration = {
+	externals: [...Object.keys(externals || {})],
+
+	stats: 'errors-only',
+
+	module: {
+		rules: [
+			{
+				test: /\.[jt]sx?$/,
+				exclude: /node_modules/,
+				use: {
+					loader: 'ts-loader',
+					options: {
+						// Remove this line to enable type checking in webpack builds
+						transpileOnly: true,
+						compilerOptions: {
+							module: 'esnext',
+						},
+					},
+				},
+			},
+		],
+	},
+
+	output: {
+		path: webpackPaths.srcPath,
+		// https://github.com/webpack/webpack/issues/1114
+		library: {
+			type: 'commonjs2',
+		},
+	},
+
+	/**
+	 * Determine the array of extensions that should be used to resolve modules.
+	 */
+	resolve: {
+		extensions: ['.js', '.jsx', '.json', '.ts', '.tsx'],
+		modules: [webpackPaths.srcPath, 'node_modules'],
+		// There is no need to add aliases here, the paths in tsconfig get mirrored
+		plugins: [new TsconfigPathsPlugins()],
+	},
+
+	plugins: [
+		new webpack.EnvironmentPlugin({
+			NODE_ENV: 'production',
+		}),
+	],
+};
+
+export default configuration;

.erb/configs/webpack.config.eslint.ts

@@ -0,0 +1,3 @@
+/* eslint import/no-unresolved: off, import/no-self-import: off */
+
+module.exports = require('./webpack.config.renderer.dev').default;

.erb/configs/webpack.config.main.prod.ts

@@ -0,0 +1,83 @@
+/**
+ * Webpack config for production electron main process
+ */
+
+import path from 'path';
+import webpack from 'webpack';
+import { merge } from 'webpack-merge';
+import TerserPlugin from 'terser-webpack-plugin';
+import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
+import baseConfig from './webpack.config.base';
+import webpackPaths from './webpack.paths';
+import checkNodeEnv from '../scripts/check-node-env';
+import deleteSourceMaps from '../scripts/delete-source-maps';
+
+checkNodeEnv('production');
+deleteSourceMaps();
+
+const configuration: webpack.Configuration = {
+	devtool: 'source-map',
+
+	mode: 'production',
+
+	target: 'electron-main',
+
+	entry: {
+		main: path.join(webpackPaths.srcMainPath, 'main.ts'),
+		preload: path.join(webpackPaths.srcMainPath, 'preload.ts'),
+	},
+
+	output: {
+		path: webpackPaths.distMainPath,
+		filename: '[name].js',
+		library: {
+			type: 'umd',
+		},
+	},
+
+	optimization: {
+		minimizer: [
+			new TerserPlugin({
+				parallel: true,
+			}),
+		],
+	},
+
+	plugins: [
+		new BundleAnalyzerPlugin({
+			analyzerMode: process.env.ANALYZE === 'true' ? 'server' : 'disabled',
+			analyzerPort: 8888,
+		}),
+
+		/**
+		 * 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
+		 */
+		new webpack.EnvironmentPlugin({
+			NODE_ENV: 'production',
+			DEBUG_PROD: false,
+			START_MINIMIZED: false,
+		}),
+
+		new webpack.DefinePlugin({
+			'process.type': '"browser"',
+		}),
+	],
+
+	/**
+	 * 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,
+	},
+};
+
+export default merge(baseConfig, configuration);

.erb/configs/webpack.config.preload.dev.ts

@@ -0,0 +1,71 @@
+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',
+		library: {
+			type: 'umd',
+		},
+	},
+
+	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);

.erb/configs/webpack.config.renderer.dev.dll.ts

@@ -0,0 +1,77 @@
+/**
+ * Builds the DLL for development electron renderer process
+ */
+
+import webpack from 'webpack';
+import path from 'path';
+import { merge } from 'webpack-merge';
+import baseConfig from './webpack.config.base';
+import webpackPaths from './webpack.paths';
+import { dependencies } from '../../package.json';
+import checkNodeEnv from '../scripts/check-node-env';
+
+checkNodeEnv('development');
+
+const dist = webpackPaths.dllPath;
+
+const configuration: webpack.Configuration = {
+	context: webpackPaths.rootPath,
+
+	devtool: 'eval',
+
+	mode: 'development',
+
+	target: 'electron-renderer',
+
+	externals: ['fsevents', 'crypto-browserify'],
+
+	/**
+	 * Use `module` from `webpack.config.renderer.dev.js`
+	 */
+	module: require('./webpack.config.renderer.dev').default.module,
+
+	entry: {
+		renderer: Object.keys(dependencies || {}),
+	},
+
+	output: {
+		path: dist,
+		filename: '[name].dev.dll.js',
+		library: {
+			name: 'renderer',
+			type: 'var',
+		},
+	},
+
+	plugins: [
+		new webpack.DllPlugin({
+			path: path.join(dist, '[name].json'),
+			name: '[name]',
+		}),
+
+		/**
+		 * 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
+		 */
+		new webpack.EnvironmentPlugin({
+			NODE_ENV: 'development',
+		}),
+
+		new webpack.LoaderOptionsPlugin({
+			debug: true,
+			options: {
+				context: webpackPaths.srcPath,
+				output: {
+					path: webpackPaths.dllPath,
+				},
+			},
+		}),
+	],
+};
+
+export default merge(baseConfig, configuration);