rebuiltron 2.0.0 → 4.0.0

package/README.md

@@ -20,6 +20,7 @@ Rebuiltron uses webpack with [SWC](https://swc.rs/) to compile JavaScript instea
 - Development server taking care of starting Electron
 - Production bundler for React and Electron code
 - Support for React, JSX, SASS, ICSS
+- Support for ESM
 
 > [!WARNING]
 > Rebuiltron **doesn't support**: TypeScript, Flow, CSS Modules, Jest, and proxying.
@@ -85,7 +86,7 @@ Add your desired [browserslist](https://github.com/browserslist/browserslist) in
 
 ### Configuration file
 
-At the root of your project, create a `rebuiltron.config.js` file.
+At the root of your project, create a `rebuiltron.config.cjs` file.
 
 #### Options:
 

package/buildApp.js

@@ -13,7 +13,7 @@ module.exports = (previousFileSizes) => {
 	fsExtra.emptyDirSync(paths.appBuild);
 
 	clearConsole();
-	spinnies.add("build", { text: "Creating production build" });
+	spinnies.add("build", { text: "Creating the production build" });
 
 	const compiler = webpack(webpackConfig);
 

package/helpers/paths.js

@@ -19,4 +19,4 @@ module.exports = {
 	appNodeModules: resolveApp("node_modules"),
 	appWebpackCache: resolveApp("node_modules/.cache"),
 	basePath: isEnvDevelopment ? "/" : "./"
-};
+};

package/loaders/javascript.js

@@ -3,6 +3,17 @@ const { shouldUseSourceMap, isEnvProduction } = require("../helpers/environment"
 
 
 module.exports = [
+	{
+		// Converts `import.meta.url` before SWC transpiles so paths using it stay dynamic
+		test: /\.js$/,
+		include: [paths.electronSrc],
+		loader: require.resolve("string-replace-loader"),
+		options: {
+			search: "import.meta.url",
+			replace: "require('url').pathToFileURL(__filename).toString()",
+			flags: "g"
+		}
+	},
 	{
 		test: /\.(js|jsx)$/,
 		exclude: [paths.appNodeModules],
@@ -25,6 +36,9 @@ module.exports = [
 				minify: isEnvProduction,
 				sourceMaps: shouldUseSourceMap
 			}
+		},
+		resolve: {
+			fullySpecified: false // Allows extensions not to be specified on import
 		}
 	}
-];
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rebuiltron",
-  "version": "2.0.0",
+  "version": "4.0.0",
   "author": "Arkellys",
   "license": "MIT",
   "bin": {
@@ -10,41 +10,42 @@
     "lint": "eslint \"**/*.js\""
   },
   "devDependencies": {
-    "eslint-config-arklint": "^1.0.3"
+    "eslint-config-arklint": "^1.2.2"
   },
   "dependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
     "@svgr/webpack": "^8.1.0",
-    "@swc/core": "^1.3.93",
-    "browserslist": "^4.22.1",
+    "@swc/core": "^1.3.107",
+    "browserslist": "^4.22.3",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.5.1",
-    "css-minimizer-webpack-plugin": "^5.0.1",
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^6.10.0",
+    "css-minimizer-webpack-plugin": "^6.0.0",
     "detect-port": "^1.5.1",
-    "fs-extra": "^11.1.1",
-    "html-webpack-plugin": "^5.5.0",
+    "fs-extra": "^11.2.0",
+    "html-webpack-plugin": "^5.6.0",
     "lodash": "^4.17.21",
-    "mini-css-extract-plugin": "^2.4.5",
-    "postcss": "^8.4.31",
+    "mini-css-extract-plugin": "^2.8.0",
+    "postcss": "^8.4.33",
     "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-loader": "^7.3.3",
+    "postcss-loader": "^8.1.0",
     "postcss-normalize": "^10.0.1",
-    "postcss-preset-env": "^9.2.0",
+    "postcss-preset-env": "^9.3.0",
     "react-dev-utils": "^12.0.1",
     "react-refresh": "^0.14.0",
     "resolve-url-loader": "^5.0.0",
-    "sass-loader": "^13.3.2",
-    "source-map-loader": "^4.0.1",
+    "sass-loader": "^14.1.0",
+    "source-map-loader": "^5.0.0",
     "spinnies": "^0.5.1",
-    "style-loader": "^3.3.1",
-    "swc-loader": "^0.2.3",
-    "terser-webpack-plugin": "^5.2.5",
-    "webpack": "^5.89.0",
+    "string-replace-loader": "^3.1.0",
+    "style-loader": "^3.3.4",
+    "swc-loader": "^0.2.4",
+    "terser-webpack-plugin": "^5.3.10",
+    "webpack": "^5.90.1",
     "webpack-dev-server": "^4.6.0"
   },
   "peerDependencies": {
-    "electron": ">=25.0.0",
+    "electron": ">=28.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },

package/rebuiltronConfig.js

@@ -1,5 +1,5 @@
 module.exports = {
-	configFileName: "rebuiltron.config.js",
+	configFileName: "rebuiltron.config.cjs",
 	buildDirs: {
 		js: "static/js",
 		media: "static/media",

package/webpack.config.js

@@ -4,4 +4,4 @@ const preloadConfig = require("./configurations/preloads");
 const mainConfig = require("./configurations/main");
 
 
-module.exports = isEnvDevelopment ? rendererConfig : [rendererConfig, mainConfig, preloadConfig];
+module.exports = isEnvDevelopment ? rendererConfig : [rendererConfig, mainConfig, preloadConfig];

package/webpackDevServer.config.js

@@ -29,4 +29,4 @@ module.exports = {
 		evalSourceMapMiddleware(devServer), // Fetches source contents from webpack for the error overlay
 		redirectServedPath(paths.basePath) // Redirects to `basePath` if url not match
 	])
-};
+};