Initialize electron-react-boilerplate

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.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);