@stanlemon/webdev 0.1.199 → 0.1.201

package/README.md

@@ -14,8 +14,8 @@ package.json
     "start": "webpack serve",
     "build": "NODE_ENV=production webpack",
     "test": "jest",
-    "lint": "eslint --ext js,jsx,ts,tsx ./src/",
-    "lint:fix": "eslint --fix --ext js,jsx,ts,tsx ./src/"
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix ."
   },
   "dependencies": {
     "@stanlemon/webdev": "*"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanlemon/webdev",
-  "version": "0.1.199",
+  "version": "0.1.201",
   "description": "My typical web development setup, but without all the copy and paste.",
   "keywords": [
     "webpack",
@@ -11,33 +11,26 @@
   "author": "Stan Lemon <stanlemon@users.noreply.github.com>",
   "license": "MIT",
   "engines": {
-    "node": ">=18.0"
+    "node": ">=20.0"
   },
   "type": "commonjs",
   "scripts": {
     "build": "WEBDEV_ENTRY=./example.tsx webpack build",
-    "lint": "eslint --ext js,jsx,ts,tsx ./",
-    "lint:fix": "eslint --fix --ext js,jsx,ts,tsx ./"
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix ."
   },
   "dependencies": {
-    "@babel/cli": "^7.25.7",
-    "@babel/core": "^7.25.7",
-    "@babel/plugin-transform-private-property-in-object": "^7.25.7",
-    "@babel/preset-env": "^7.25.7",
-    "@babel/preset-react": "^7.25.7",
-    "@babel/preset-typescript": "^7.25.7",
+    "@babel/cli": "^7.25.6",
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
     "@peculiar/webcrypto": "^1.5.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
     "@stanlemon/eslint-config": "*",
     "@testing-library/jest-dom": "^6.5.0",
-    "@types/jest": "^29.5.13",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
-    "@types/webpack": "^5.28.5",
-    "@types/webpack-env": "^1.18.5",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.2.1",
-    "clean-webpack-plugin": "^4.0.0",
     "css-loader": "^7.1.2",
     "dotenv": "^16.4.5",
     "html-webpack-plugin": "^5.6.0",
@@ -49,13 +42,17 @@
     "react-refresh": "^0.14.2",
     "style-loader": "^4.0.0",
     "typescript": "^5.6.2",
-    "webpack": "^5.95.0",
+    "webpack": "^5.94.0",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.1.0"
   },
   "devDependencies": {
+    "@types/jest": "^29.5.13",
+    "@types/react": "^18.3.8",
     "@types/react-dom": "^18.3.0",
+    "@types/webpack": "^5.28.5",
+    "@types/webpack-env": "^1.18.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },

package/webpack.config.js

@@ -2,9 +2,7 @@ const path = require("path");
 const { existsSync } = require("fs");
 const webpack = require("webpack");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
-const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
 const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
-const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 const { config } = require("dotenv");
 
 config();
@@ -35,15 +33,18 @@ const WEBDEV_PROXY = process.env.WEBDEV_PROXY ?? "";
 const WEBPACK_PUBLIC_PATH = process.env.WEBPACK_PUBLIC_PATH ?? "/";
 const NODE_ENV = process.env.NODE_ENV ?? "development";
 
-const proxy = {};
-WEBDEV_PROXY.split(";").forEach((entry) => {
-  if (entry.indexOf("@") === -1) {
-    return;
-  }
-  const path = entry.substring(0, entry.indexOf("@"));
-  const host = entry.substring(entry.indexOf("@") + 1);
-  proxy[path] = host;
-});
+const proxy = WEBDEV_PROXY.split(";")
+  .map((entry) => {
+    if (entry.indexOf("@") === -1) {
+      return null;
+    }
+    const path = entry.substring(0, entry.indexOf("@"));
+    const host = entry.substring(entry.indexOf("@") + 1);
+
+    return { context: [path], target: host };
+  })
+  // Remove any nulls
+  .filter((e) => e !== null);
 
 const isDevelopment = NODE_ENV !== "production";
 
@@ -51,6 +52,7 @@ module.exports = {
   mode: isDevelopment ? "development" : "production",
   entry: WEBDEV_ENTRY.split(";"),
   output: {
+    clean: true,
     filename: "static/[name].[contenthash].js",
     path: path.resolve("./", "dist"),
     publicPath: WEBPACK_PUBLIC_PATH,
@@ -101,7 +103,6 @@ module.exports = {
           loader: "babel-loader",
           options: {
             ...babelOptions,
-            plugins: [isDevelopment && "react-refresh/babel"].filter(Boolean),
           },
         },
         resolve: {
@@ -129,7 +130,6 @@ module.exports = {
   },
   plugins: [
     ...[
-      new CleanWebpackPlugin(),
       ...WEBDEV_HTML.split(";").map((html) => {
         let inject = true;
         if (html.substring(0, 1) === "!") {
@@ -154,6 +154,5 @@ module.exports = {
           openAnalyzer: false,
         }),
     ].filter(Boolean),
-    ...[isDevelopment && new ReactRefreshWebpackPlugin()].filter(Boolean),
   ],
 };