@stanlemon/webdev 0.1.148 → 0.1.150

package/README.md

@@ -1,5 +1,7 @@
 # Webdev
 
+[![npm version](https://badge.fury.io/js/%40stanlemon%2Fwebdev.svg)](https://badge.fury.io/js/%40stanlemon%2Fwebdev)
+
 This repository contains all of my usual environment setup for babel, webpack and jest for developing React apps. I got tired of copying and pasting the same config files everywhere, so I put this together.
 
 To get started, either copy [apps/template](../../apps/template/) or create these files:
@@ -13,7 +15,7 @@ package.json
     "build": "NODE_ENV=production webpack",
     "test": "jest",
     "lint": "eslint --ext js,jsx,ts,tsx ./src/",
-    "lint:format": "eslint --fix --ext js,jsx,ts,tsx ./src/"
+    "lint:fix": "eslint --fix --ext js,jsx,ts,tsx ./src/"
   },
   "dependencies": {
     "@stanlemon/webdev": "*"

package/jest.setup.js

@@ -4,3 +4,15 @@ if (!global.setImmediate) {
   // This is as gross as it looks. It's a workaround for using PouchDB in tests.
   global.setImmediate = global.setTimeout; // ts: as unknown as typeof setImmediate;
 }
+
+if (process.argv.includes("--silent")) {
+  global.console = {
+    ...console,
+    // Comment to expose a specific log level
+    log: jest.fn(),
+    debug: jest.fn(),
+    info: jest.fn(),
+    warn: jest.fn(),
+    error: jest.fn(),
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanlemon/webdev",
-  "version": "0.1.148",
+  "version": "0.1.150",
   "description": "My typical web development setup, but without all the copy and paste.",
   "keywords": [
     "webpack",
@@ -15,23 +15,23 @@
   },
   "type": "commonjs",
   "scripts": {
-    "test": "WEBDEV_ENTRY=./webpack.test.tsx webpack build",
+    "build": "WEBDEV_ENTRY=./example.tsx webpack build",
     "lint": "eslint --ext js,jsx,ts,tsx ./",
-    "lint:format": "eslint --fix --ext js,jsx,ts,tsx ./"
+    "lint:fix": "eslint --fix --ext js,jsx,ts,tsx ./"
   },
   "dependencies": {
     "@babel/cli": "^7.23.4",
-    "@babel/core": "^7.23.6",
+    "@babel/core": "^7.23.7",
     "@babel/plugin-transform-private-property-in-object": "^7.23.4",
-    "@babel/preset-env": "^7.23.6",
+    "@babel/preset-env": "^7.23.7",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@peculiar/webcrypto": "^1.4.3",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
     "@stanlemon/eslint-config": "*",
-    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/jest-dom": "^6.2.0",
     "@types/jest": "^29.5.11",
-    "@types/react": "^18.2.45",
+    "@types/react": "^18.2.47",
     "@types/react-dom": "^18.2.18",
     "@types/webpack": "^5.28.5",
     "@types/webpack-env": "^1.18.4",
@@ -63,4 +63,4 @@
     "react": ">=17.0.0",
     "react-dom": ">=17.0.0"
   }
-}
+}

package/webpack.config.js

@@ -39,7 +39,7 @@ module.exports = {
   mode: isDevelopment ? "development" : "production",
   entry: WEBDEV_ENTRY.split(";"),
   output: {
-    filename: "[name].[contenthash].js",
+    filename: "static/[name].[contenthash].js",
     path: path.resolve("./", "dist"),
     publicPath: WEBPACK_PUBLIC_PATH,
   },
@@ -63,7 +63,7 @@ module.exports = {
             );
           },
           chunks: "initial",
-          filename: "react.[contenthash].js",
+          filename: "static/react.[contenthash].js",
           priority: 1,
           maxInitialRequests: 2,
           minChunks: 1,
@@ -72,6 +72,7 @@ module.exports = {
           test: /[\\/]node_modules[\\/]/,
           name: "vendors",
           chunks: "all",
+          filename: "static/vendors.[contenthash].js",
         },
       },
     },
@@ -123,8 +124,9 @@ module.exports = {
           html = html.substring(1);
           inject = false;
         }
+
         return new HtmlWebpackPlugin({
-          filename: path.basename(html),
+          filename: path.resolve("./", "dist", html),
           inject,
           ...(existsSync(html) ? { template: html } : {}),
         });
@@ -134,7 +136,7 @@ module.exports = {
       }),
     ],
     ...[
-      !isDevelopment &&
+      isDevelopment &&
         new BundleAnalyzerPlugin({
           analyzerMode: "static",
           openAnalyzer: false,