@ideasonpurpose/build-tools-wordpress 2.3.0 → 2.3.2

package/CHANGELOG.md

@@ -4,6 +4,19 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### v2.3.1
+
+> 21 October 2025
+
+- liveReload workaround for mini-css-extract-plugin HMR issues
+- WIP updates
+
+#### v2.3.0
+
+> 19 October 2025
+
+- Fixes and optimizations for multiple entry points
+
 #### v2.2.6
 
 > 18 October 2025

package/README.md

@@ -1,6 +1,6 @@
 # @ideasonpurpose/build-tools-wordpress
 
-#### Version 2.3.0
+#### Version 2.3.2
 
 [![NPM Version](https://img.shields.io/npm/v/%40ideasonpurpose%2Fbuild-tools-wordpress?logo=npm)](https://www.npmjs.com/package/@ideasonpurpose/build-tools-wordpress)
 [![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/ideasonpurpose/build-tools-wordpress/npm-publish.yml?logo=github&logoColor=white)](https://github.com/ideasonpurpose/build-tools-wordpress#readme)

package/config/webpack.config.js

@@ -89,6 +89,8 @@ export default async (env) => {
 
   const proxy = isProduction ? {} : await devserverProxy(config);
 
+  // console.log({config});
+  // console.log({entry: config.entry});
   /**
    * `usePolling` is a placeholder, try and detect native Windows Docker mounts
    * since they don't support file-watching (no inotify events), if there's
@@ -120,6 +122,8 @@ export default async (env) => {
   // const usePollingDebug = false; // Set to false to test without polling
   // const pollIntervalDebug = 400;
 
+  // console.log({ entry: config.entry });
+
   return {
     stats,
     module: {
@@ -136,7 +140,7 @@ export default async (env) => {
         {
           test: /\.(scss|css)$/,
           use: [
-            isProduction ? MiniCssExtractPlugin.loader : "style-loader",
+            MiniCssExtractPlugin.loader,
             {
               loader: "css-loader",
               options: {
@@ -261,9 +265,17 @@ export default async (env) => {
       host: "0.0.0.0",
       allowedHosts: "all",
       port: "auto",
+
       hot: true, // Enable hot module replacement with fallback to full reload
+
+      // hot: "only",
+      static: {
+        watch: false,
+      },
+
       client: {
-        logging: "info",
+        logging: "verbose",
+        // logging: "info",
         overlay: {
           errors: true,
           warnings: true,
@@ -281,6 +293,10 @@ export default async (env) => {
         index: false, // enable root proxying
 
         writeToDisk: (filePath) => {
+          // // // SHORT_CIRCUIT FOR TESTING
+          // // console.log("DEBUG writeToDisk:", { filePath });
+          // return true;
+
           /**
            * Note: If this is an async function, it will write everything to disk
            *
@@ -325,9 +341,9 @@ export default async (env) => {
           }
 
           // SHORT_CIRCUIT FOR TESTING
-          return true;
+          // return true;
 
-          console.log("DEBUG writeToDisk:", { filePath });
+          // console.log("DEBUG writeToDisk:", { filePath });
           return false;
         },
         // stats,
@@ -386,6 +402,7 @@ export default async (env) => {
         return middlewares;
       },
 
+      liveReload: true,
       watchFiles: {
         paths: [
           // Watch all PHP, HTML, SVG, and JSON files in the theme directory
@@ -398,10 +415,9 @@ export default async (env) => {
             "**/node_modules/**",
             "**/dist/**",
           ],
-          ignoreInitial: false, // Allow initial file discovery
+          ignoreInitial: false,
           ignorePermissionErrors: true,
           usePolling: false,
-          // interval: pollIntervalDebug,
         },
       },
 
@@ -419,6 +435,7 @@ export default async (env) => {
     plugins: [
       new MiniCssExtractPlugin({
         filename: isProduction ? "[name]-[contenthash:8].css" : "[name].css",
+        runtime: false,
       }),
 
       new CopyPlugin({
@@ -452,8 +469,6 @@ export default async (env) => {
         manifestFile: config.manifestFile,
       }),
 
-      new WatchRunReporterPlugin(),
-
       new AfterDoneReporterPlugin({
         echo: env && env.WEBPACK_SERVE,
         // message:

package/lib/DependencyManifestPlugin.js

@@ -13,15 +13,26 @@ export class DependencyManifestPlugin {
   }
 
   apply(compiler) {
+
+    // TODO: Switch this to tapPromise and make the function async
     compiler.hooks.emit.tapAsync(this.name, (compilation, callback) => {
       // const logger = compilation.getLogger("dependency-manifest-plugin");
-
       // logger.info(compilation.namedChunkGroups.keys());
 
+      // console.log(
+      //   "in DependencyManifestPlugin emit hook",
+      //   Object.keys(compilation),
+      // );
+
+      console.log(Array.from(compilation.namedChunkGroups.keys()))
+
       Array.from(compilation.namedChunkGroups.entries()).forEach(
         ([key, group]) => {
           this.manifest[key] = group.chunks.reduce(
             (entry, chunk) => {
+
+              // console.log({ files: Array.from(chunk.files) });
+
               Array.from(chunk.files)
                 /**
                  * hot-update files will stomp on the main file, filter them out
@@ -29,13 +40,19 @@ export class DependencyManifestPlugin {
                 .filter((file) => !file.includes("hot-update"))
                 .forEach((file) => {
                   const { chunkGraph } = compilation;
+
+                  // console.log({file})
                   const ext = path.extname(file);
 
                   const filepath = path.resolve(
                     compiler.options.output.publicPath,
-                    file
+                    file,
                   );
 
+                  // const fullPath = path.resolve(compiler.options.output.path, file);
+                  // const stats = fs.statSync(fullPath);
+                  // console.log({ file, size: stats.size });
+
                   let silo, fileKey;
                   /**
                    * If the chunk has one or more entryModules, it's a file
@@ -51,13 +68,16 @@ export class DependencyManifestPlugin {
 
                   entry[silo][fileKey] = filepath;
                 });
+                // console.log({entry})
               return entry;
             },
-            { files: {}, dependencies: {} }
+            { files: {}, dependencies: {} },
           );
-        }
+        },
       );
 
+      console.log(this.manifest);
+
       callback();
     });
 
@@ -66,7 +86,7 @@ export class DependencyManifestPlugin {
         return await fs.outputJSON(
           path.resolve(compiler.options.output.path, this.config.manifestFile),
           this.manifest,
-          { spaces: 2 }
+          { spaces: 2 },
         );
       }
       console.log("in DependencyManifestPlugin afterEmit");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ideasonpurpose/build-tools-wordpress",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "Build scripts and dependencies for IOP's WordPress development environments.",
   "homepage": "https://github.com/ideasonpurpose/build-tools-wordpress#readme",
   "bugs": {
@@ -36,32 +36,33 @@
     "@ideasonpurpose/prettier-config": "^1.0.1",
     "@ideasonpurpose/stylelint-config": "^1.1.4",
     "@prettier/plugin-php": "^0.24.0",
-    "@rollup/plugin-commonjs": "^28.0.8",
+    "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@svgr/webpack": "^8.1.0",
-    "@wordpress/dependency-extraction-webpack-plugin": "^6.33.0",
+    "@wordpress/dependency-extraction-webpack-plugin": "^6.34.0",
     "ansi-html": "^0.0.9",
     "archiver": "^7.0.1",
     "auto-changelog": "^2.5.0",
     "autoprefixer": "^10.4.21",
     "babel-loader": "^10.0.0",
-    "caniuse-lite": "^1.0.30001751",
+    "caniuse-lite": "^1.0.30001753",
     "chalk": "^5.6.2",
     "chalk-cli": "^6.0.0",
     "classnames": "^2.5.1",
-    "cli-truncate": "^5.1.0",
+    "cli-truncate": "^5.1.1",
     "copy-webpack-plugin": "^13.0.1",
     "cosmiconfig": "^9.0.0",
     "cross-env": "^10.1.0",
     "css-loader": "^7.1.2",
-    "cssnano": "^7.1.1",
+    "cssnano": "^7.1.2",
     "dotenv": "^17.2.3",
     "esbuild-loader": "^4.4.0",
-    "eslint": "^9.38.0",
+    "eslint": "^9.39.0",
     "filesize": "^11.0.13",
     "fs-extra": "^11.3.2",
     "globby": "^15.0.0",
+    "html-webpack-plugin": "^5.6.4",
     "http-proxy": "^1.18.1",
     "humanize-duration": "^3.33.1",
     "image-minimizer-webpack-plugin": "^4.1.4",
@@ -76,8 +77,8 @@
     "pretty-hrtime": "^1.0.3",
     "read-package-up": "^11.0.0",
     "replacestream": "^4.0.3",
-    "sass-embedded": "^1.93.2",
-    "sass-loader": "^16.0.5",
+    "sass-embedded": "^1.93.3",
+    "sass-loader": "^16.0.6",
     "semver": "^7.7.3",
     "sharp": "^0.34.4",
     "sort-package-json": "^3.4.0",
@@ -89,14 +90,15 @@
     "webpack": "^5.102.1",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-dev-middleware": "^7.4.5",
-    "webpack-dev-server": "^5.2.2"
+    "webpack-dev-server": "^5.2.2",
+    "webpack-manifest-plugin": "^6.0.1"
   },
   "peerDependencies": {
     "webpack-cli": "^6.0.1"
   },
   "devDependencies": {
-    "@vitest/coverage-v8": "^3.2.4",
-    "vitest": "^3.2.4"
+    "@vitest/coverage-v8": "^4.0.6",
+    "vitest": "^4.0.6"
   },
   "version-everything": {
     "files": [