rebuiltron 6.0.3 → 6.2.0

package/README.md

@@ -9,7 +9,7 @@ A tool made to easily build an offline **React/Electron** app using webpack.
 The idea behind Rebuiltron was to migrate one of my project initially created with the deprecated [CRA](https://create-react-app.dev/) to a maintained tool configured with Electron in mind. As such, it has been developed using [react-scripts](https://github.com/facebook/create-react-app/tree/main/packages/react-scripts) as a base, but heavily edited and stripped of a lot of features.
 
 > [!IMPORTANT]
-> Since I made Rebuiltron specifically for one of my own projects, I only kept in the configuration what *this* project needed and nothing more. Except for the entry points and some basic options, **Rebuiltron doesn't offer many configurable options**. If you are looking to create a new Electron/React app, or even migrating an existing CRA app, you should probably look for a more generic tool.
+> Since I made Rebuiltron specifically for one of my own projects, I only kept in the configuration what *this* project needed and nothing more. For this reason, **Rebuiltron doesn't offer many configurable options**. If you are looking to create a new Electron/React app, or even migrating an existing CRA app, you should probably look for a more generic tool.
 
 
 ## Features
@@ -23,7 +23,7 @@ Rebuiltron uses webpack with [SWC](https://swc.rs/) to compile JavaScript instea
 - Support for ES6 imports on all processes
 
 > [!WARNING]
-> Rebuiltron **doesn't support**: TypeScript, Flow, CSS Modules, ESM, Jest, and proxying.
+> Rebuiltron **doesn't support**: TypeScript, Flow, CSS Modules, ESM, and proxying.
 
 
 ## Installation
@@ -96,6 +96,7 @@ At the root of your project, create a `rebuiltron.config.js` file.
 | `renderers` | `object` | ✓ | Renderer entries. It takes the name of the entries as keys and their paths as values. All paths must be relative. |
 | `preloads` | `object` | ✓ | Preload entries. It takes the name of the entries as keys and their paths as values. All paths must be relative. |
 | `srcAlias` | `string` | ✗ | Custom [alias](https://webpack.js.org/configuration/resolve/#resolvealias) to the `src` folder.
+| `excludeInProduction` | `string[]` | ✗ | List of modules to exclude in the production bundle.
 | `sassOptions` | `object` | ✗ | Custom SASS options for [`sass-loader`](https://github.com/webpack-contrib/sass-loader). |
 | `sassOptions.additionalData` | `object` | ✗* | Configuration of [`additionalData`](https://webpack.js.org/loaders/sass-loader/#additionaldata). |
 | `sassOptions.additionalData.data` | `string` | ✗* | Data to prepend to SASS files. |
@@ -121,7 +122,10 @@ module.exports = {
       data: "@use \"styles/settings\" as *;",
       exclude: /^src\\styles\\.*/
     }
-  }
+  },
+  excludeInProduction: [
+    "electron-devtools-installer"
+  ]
 };
 ```
 

package/configurations/base.js

@@ -1,15 +1,17 @@
 const { createHash } = require("crypto");
 
 const CaseSensitivePathsPlugin = require("case-sensitive-paths-webpack-plugin");
-const TerserPlugin = require("terser-webpack-plugin");
+const { isEmpty } = require("lodash");
 const ModuleNotFoundPlugin = require("react-dev-utils/ModuleNotFoundPlugin");
+const TerserPlugin = require("terser-webpack-plugin");
+const { IgnorePlugin } = require("webpack");
 
-const paths = require("../helpers/paths");
 const { isEnvDevelopment, isEnvProduction } = require("../helpers/environment");
+const paths = require("../helpers/paths");
 const { emptyOr } = require("../helpers/utils");
 
 
-const { srcAlias } = require(paths.appConfig);
+const { srcAlias, excludeInProduction } = require(paths.appConfig);
 
 
 module.exports = {
@@ -68,8 +70,17 @@ module.exports = {
 		strictExportPresence: true
 	},
 	plugins: [
-		...emptyOr(isEnvDevelopment, [new CaseSensitivePathsPlugin()]), // Detects case errors in import paths
-		new ModuleNotFoundPlugin(paths.appPath) // Gives some necessary context to module not found errors
+		...emptyOr(isEnvDevelopment, [
+			new CaseSensitivePathsPlugin()
+		]),
+		...emptyOr(isEnvProduction && !isEmpty(excludeInProduction), [
+			new IgnorePlugin({
+				checkResource(resource) {
+					return excludeInProduction.includes(resource);
+				}
+			})
+		]),
+		new ModuleNotFoundPlugin(paths.appPath)
 	],
-	performance: false // Performance processing is already handled via `FileSizeReporter`
+	performance: false // Already handled via `FileSizeReporter`
 };

package/configurations/main.js

@@ -1,7 +1,8 @@
 const paths = require("../helpers/paths");
+const javascriptLoaders = require("../loaders/javascript");
 const rebuiltronConfig = require("../rebuiltronConfig");
+
 const baseConfig = require("./base");
-const javascriptLoaders = require("../loaders/javascript");
 
 
 const { main } = require(paths.appConfig);

package/configurations/preloads.js

@@ -1,9 +1,10 @@
 const { mapKeys } = require("lodash");
 
 const paths = require("../helpers/paths");
+const javascriptLoaders = require("../loaders/javascript");
 const rebuiltronConfig = require("../rebuiltronConfig");
+
 const baseConfig = require("./base");
-const javascriptLoaders = require("../loaders/javascript");
 
 
 const { preloads } = require(paths.appConfig);

package/configurations/renderers.js

@@ -1,21 +1,22 @@
 const path = require("path");
 
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-const CopyPlugin = require("copy-webpack-plugin");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const InlineChunkHtmlPlugin = require("react-dev-utils/InlineChunkHtmlPlugin");
 const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
+const CopyPlugin = require("copy-webpack-plugin");
 const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
 const { keys } = require("lodash");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const InlineChunkHtmlPlugin = require("react-dev-utils/InlineChunkHtmlPlugin");
 
-const paths = require("../helpers/paths");
 const { isEnvProduction, isEnvDevelopment, shouldUseSourceMap } = require("../helpers/environment");
+const paths = require("../helpers/paths");
 const { emptyOr } = require("../helpers/utils");
-const rebuiltronConfig = require("../rebuiltronConfig");
-const baseConfig = require("./base");
 const imageLoaders = require("../loaders/images");
-const styleLoaders = require("../loaders/style");
 const javascriptLoaders = require("../loaders/javascript");
+const styleLoaders = require("../loaders/style");
+const rebuiltronConfig = require("../rebuiltronConfig");
+
+const baseConfig = require("./base");
 
 
 const { renderers } = require(paths.appConfig);

package/eslint.config.js

@@ -0,0 +1,9 @@
+const arklintConfig = require("eslint-config-arklint");
+const { importConfig, jsdocConfig } = require("eslint-config-arklint/extensions");
+
+
+module.exports = [
+	...arklintConfig,
+	...importConfig,
+	...jsdocConfig
+];

package/helpers/paths.js

@@ -1,4 +1,5 @@
 const rebuiltronConfig = require("../rebuiltronConfig.js");
+
 const { isEnvDevelopment } = require("./environment.js");
 const { resolveApp } = require("./utils.js");
 

package/helpers/utils.js

@@ -1,13 +1,13 @@
 /* eslint-disable jsdoc/valid-types, jsdoc/match-description */
 
-const path = require("path");
 const fs = require("fs");
+const path = require("path");
 
-const { isArray } = require("lodash");
 const { bold, red, green, yellow } = require("chalk");
+const { isArray } = require("lodash");
 
-const spinnies = require("./spinnies");
 const { COMPILATION_STATES } = require("./constants");
+const spinnies = require("./spinnies");
 
 
 /**

package/loaders/javascript.js

@@ -1,5 +1,7 @@
-const paths = require("../helpers/paths");
+const path = require("path");
+
 const { shouldUseSourceMap, isEnvProduction } = require("../helpers/environment");
+const paths = require("../helpers/paths");
 
 
 module.exports = [
@@ -10,6 +12,16 @@ module.exports = [
 			loader: require.resolve("swc-loader"),
 			options: {
 				jsc: {
+					experimental: {
+						plugins: [
+							["@swc/plugin-transform-imports", {
+								lodash: {
+									transform: "lodash/{{member}}"
+								}
+							}]
+						],
+						cacheRoot: path.join(paths.appWebpackCache, "swc")
+					},
 					parser: {
 						syntax: "ecmascript",
 						jsx: true,

package/loaders/style.js

@@ -2,8 +2,8 @@ const path = require("path");
 
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
-const paths = require("../helpers/paths");
 const { shouldUseSourceMap, isEnvDevelopment, isEnvProduction } = require("../helpers/environment");
+const paths = require("../helpers/paths");
 const { emptyOr } = require("../helpers/utils");
 const rebuiltronConfig = require("../rebuiltronConfig");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rebuiltron",
-  "version": "6.0.3",
+  "version": "6.2.0",
   "author": "Arkellys",
   "license": "MIT",
   "bin": {
@@ -10,38 +10,39 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "eslint": "^8.57.0",
-    "eslint-config-arklint": "^1.11.0"
+    "eslint": "^9.14.0",
+    "eslint-config-arklint": "^3.3.0"
   },
   "dependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
     "@svgr/webpack": "^8.1.0",
-    "@swc/core": "^1.7.26",
-    "browserslist": "^4.23.3",
+    "@swc/core": "^1.7.42",
+    "@swc/plugin-transform-imports": "^4.0.0",
+    "browserslist": "^4.24.2",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.0",
     "detect-port": "^1.6.1",
     "fs-extra": "^11.2.0",
-    "html-webpack-plugin": "^5.6.0",
+    "html-webpack-plugin": "^5.6.3",
     "lodash": "^4.17.21",
-    "mini-css-extract-plugin": "^2.9.1",
+    "mini-css-extract-plugin": "^2.9.2",
     "postcss": "^8.4.47",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-loader": "^8.1.1",
-    "postcss-normalize": "^13.0.0",
-    "postcss-preset-env": "^10.0.3",
+    "postcss-normalize": "^13.0.1",
+    "postcss-preset-env": "^10.0.9",
     "react-dev-utils": "^12.0.1",
     "react-refresh": "^0.14.2",
     "resolve-url-loader": "^5.0.0",
-    "sass-loader": "^16.0.1",
+    "sass-loader": "^16.0.3",
     "source-map-loader": "^5.0.0",
     "spinnies": "^0.5.1",
     "style-loader": "^4.0.0",
     "swc-loader": "^0.2.6",
     "terser-webpack-plugin": "^5.3.10",
-    "webpack": "^5.94.0",
+    "webpack": "^5.96.1",
     "webpack-dev-server": "^5.1.0"
   },
   "peerDependencies": {

package/scripts/build.js

@@ -5,10 +5,10 @@ process.env.NODE_ENV = "production";
 const fsExtra = require("fs-extra");
 const { measureFileSizesBeforeBuild, printFileSizesAfterBuild } = require("react-dev-utils/FileSizeReporter");
 
-const buildApp = require("../tasks/buildApp");
-const checkSetup = require("../tasks/checkSetup");
 const paths = require("../helpers/paths");
 const { exitProcessWithError } = require("../helpers/utils");
+const buildApp = require("../tasks/buildApp");
+const checkSetup = require("../tasks/checkSetup");
 
 
 process.on("unhandledRejection", exitProcessWithError);

package/scripts/start.js

@@ -2,12 +2,12 @@ process.env.BABEL_ENV = "development";
 process.env.NODE_ENV = "development";
 
 
+const { exitProcessWithError, clearConsole } = require("../helpers/utils");
 const checkSetup = require("../tasks/checkSetup");
-const startDevServer = require("../tasks/startDevServer");
 const compileMain = require("../tasks/compileMain");
-const watchPreloads = require("../tasks/watchPreloads");
+const startDevServer = require("../tasks/startDevServer");
 const startElectron = require("../tasks/startElectron");
-const { exitProcessWithError, clearConsole } = require("../helpers/utils");
+const watchPreloads = require("../tasks/watchPreloads");
 
 
 process.on("unhandledRejection", exitProcessWithError);

package/tasks/buildApp.js

@@ -1,9 +1,9 @@
 const webpack = require("webpack");
 
-const webpackConfig = require("../webpack.config");
+const { COMPILATION_STATES } = require("../helpers/constants");
 const spinnies = require("../helpers/spinnies");
 const { logStats, getCompilationText, clearConsole } = require("../helpers/utils");
-const { COMPILATION_STATES } = require("../helpers/constants");
+const webpackConfig = require("../webpack.config");
 
 
 /**

package/tasks/checkSetup.js

@@ -3,8 +3,9 @@ const fs = require("fs");
 const detect = require("detect-port");
 
 const { isEnvProduction } = require("../helpers/environment");
-const rebuiltronConfig = require("../rebuiltronConfig");
 const { resolveApp } = require("../helpers/utils");
+const rebuiltronConfig = require("../rebuiltronConfig");
+
 
 /**
  * @type {Promise<number>}

package/tasks/compileMain.js

@@ -1,9 +1,9 @@
 const webpack = require("webpack");
 
-const webpackConfig = require("../webpack.config");
+const { COMPILATION_ASSETS, COMPILATION_STATES } = require("../helpers/constants");
 const spinnies = require("../helpers/spinnies");
 const { getCompilationText, logStats } = require("../helpers/utils");
-const { COMPILATION_ASSETS, COMPILATION_STATES } = require("../helpers/constants");
+const webpackConfig = require("../webpack.config");
 
 
 /**

package/tasks/startDevServer.js

@@ -1,12 +1,13 @@
+const { bold } = require("chalk");
 const webpack = require("webpack");
 const WebpackDevServer = require("webpack-dev-server");
-const { bold } = require("chalk");
 
-const webpackConfig = require("../webpack.config");
-const devServerConfig = require("../webpackDevServer.config");
+const { COMPILATION_ASSETS, COMPILATION_STATES } = require("../helpers/constants");
 const spinnies = require("../helpers/spinnies");
 const { getCompilationText, logStats, clearConsole } = require("../helpers/utils");
-const { COMPILATION_ASSETS, COMPILATION_STATES } = require("../helpers/constants");
+const webpackConfig = require("../webpack.config");
+const devServerConfig = require("../webpackDevServer.config");
+
 
 /**
  * Starts the development server.

package/tasks/startElectron.js

@@ -1,6 +1,6 @@
 const { spawn } = require("child_process");
-const path = require("path");
 const fs = require("fs");
+const path = require("path");
 
 const { bold } = require("chalk");
 

package/tasks/watchPreloads.js

@@ -1,9 +1,9 @@
 const webpack = require("webpack");
 
-const webpackConfig = require("../webpack.config");
+const { COMPILATION_ASSETS, COMPILATION_STATES } = require("../helpers/constants");
 const spinnies = require("../helpers/spinnies");
 const { logStats, getCompilationText, clearConsole } = require("../helpers/utils");
-const { COMPILATION_ASSETS, COMPILATION_STATES } = require("../helpers/constants");
+const webpackConfig = require("../webpack.config");
 
 
 /**

package/webpack.config.js

@@ -1,6 +1,6 @@
-const rendererConfig = require("./configurations/renderers");
-const preloadConfig = require("./configurations/preloads");
 const mainConfig = require("./configurations/main");
+const preloadConfig = require("./configurations/preloads");
+const rendererConfig = require("./configurations/renderers");
 
 
 module.exports = {