@ideasonpurpose/build-tools-wordpress 2.3.1 → 2.4.2

package/.github/workflows/npm-publish.yml

@@ -4,6 +4,10 @@ on:
   push:
     tags: ["v*"]
 
+permissions:
+  id-token: write  # Required for OIDC
+  contents: read
+
 jobs:
   publish:
     name: Build and publish to npm
@@ -16,10 +20,9 @@ jobs:
       # https://github.com/actions/setup-node
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
-          registry-url: https://registry.npmjs.org/
+          node-version: '24'
+          registry-url: 'https://registry.npmjs.org'
           
       # - run: npm ci
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
+      - run: npm publish --provenance --access public
+       

package/CHANGELOG.md

@@ -4,6 +4,33 @@ 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.4.1
+
+> 22 December 2025
+
+- update workflow for trusted publishing
+
+#### v2.4.0
+
+> 21 December 2025
+
+- bump deps
+- Enable loading Sass files from node_modules
+
+#### v2.3.2
+
+> 3 November 2025
+
+- bump deps
+- watch tweaks, debugging, formatting and cleanup
+
+#### v2.3.1
+
+> 21 October 2025
+
+- liveReload workaround for mini-css-extract-plugin HMR issues
+- WIP updates
+
 #### v2.3.0
 
 > 19 October 2025

package/README.md

@@ -1,6 +1,6 @@
 # @ideasonpurpose/build-tools-wordpress
 
-#### Version 2.3.1
+#### Version 2.4.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)
@@ -50,6 +50,14 @@ npm chokidar-cli "../../build-tools-wordpress/**/*" -c "npm install"
 
 This project expects an entirely ES Module based environment and specifies all dependencies using standard ESM import syntax. Projects importing this file should set `"type": "module"` in their package.json files.
 
+#### Sass imports
+
+Sass can import stylesheet files directly from npm packages. Use the full path from node_modules like this:
+
+```scss
+@use "@ideasonpurpose/build-tools-wordpress/example/package-style";
+```
+
 #### Publishing to [npm](https://www.npmjs.com/package/@ideasonpurpose/build-tools-wordpress)
 
 A GitHub action will auto-publish version-tagged releases to npm. In order to publish, the repository must have an `NPM_TOKEN` secret set with the token from npm. [Log into npmjs.org](https://www.npmjs.com/login) with a publish-authorized account, then find the token page linked from the Profile page sidebar. Generate a new token and update the repository secret.
@@ -63,4 +71,3 @@ A GitHub action will auto-publish version-tagged releases to npm. In order to pu
 <a href="https://www.ideasonpurpose.com"><img src="https://raw.githubusercontent.com/ideasonpurpose/ideasonpurpose/master/iop-logo-white-on-black-88px.png" height="44" align="top" alt="IOP Logo"></a><img src="https://raw.githubusercontent.com/ideasonpurpose/ideasonpurpose/master/spacer.png" align="middle" width="4" height="54"> This project is actively developed and used in production at <a href="https://www.ideasonpurpose.com">Ideas On Purpose</a>.
 
 <!-- END IOP CREDIT BLURB -->
-```

package/config/webpack.config.js

@@ -172,7 +172,10 @@ export default async (env) => {
                 sassOptions: {
                   api: "modern-compiler",
 
-                  loadPaths: [path.resolve(config.src, "sass")],
+                  loadPaths: [
+                    path.resolve(config.src, "sass"),
+                    path.resolve(siteDir, "node_modules"),
+                  ],
                 },
               },
             },
@@ -267,6 +270,12 @@ export default async (env) => {
       port: "auto",
 
       hot: true, // Enable hot module replacement with fallback to full reload
+
+      // hot: "only",
+      static: {
+        watch: false,
+      },
+
       client: {
         logging: "verbose",
         // logging: "info",
@@ -287,6 +296,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
            *
@@ -331,9 +344,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,
@@ -397,9 +410,6 @@ export default async (env) => {
         paths: [
           // Watch all PHP, HTML, SVG, and JSON files in the theme directory
           path.resolve(config.src, "..") + "/**/*.{php,html,svg,json}",
-          // Watch CSS files in dist to workaround a bug in mini-css-extract-plugin
-          // @link https://github.com/webpack/mini-css-extract-plugin/issues/730
-          path.resolve(config.dist, "..") + "/**/*.css",
         ],
         options: {
           ignored: [
@@ -407,12 +417,10 @@ export default async (env) => {
             "**/vendor/**",
             "**/node_modules/**",
             "**/dist/**",
-            "!**/dist/**/*.css",
           ],
-          ignoreInitial: false, // Allow initial file discovery
+          ignoreInitial: false,
           ignorePermissionErrors: true,
           usePolling: false,
-          // interval: pollIntervalDebug,
         },
       },
 

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.1",
+  "version": "2.4.2",
   "description": "Build scripts and dependencies for IOP's WordPress development environments.",
   "homepage": "https://github.com/ideasonpurpose/build-tools-wordpress#readme",
   "bugs": {
@@ -36,34 +36,35 @@
     "@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.36.0",
     "ansi-html": "^0.0.9",
     "archiver": "^7.0.1",
     "auto-changelog": "^2.5.0",
-    "autoprefixer": "^10.4.21",
+    "autoprefixer": "^10.4.23",
     "babel-loader": "^10.0.0",
-    "caniuse-lite": "^1.0.30001751",
+    "caniuse-lite": "^1.0.30001761",
     "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",
+    "esbuild-loader": "^4.4.1",
+    "eslint": "^9.39.2",
     "filesize": "^11.0.13",
-    "fs-extra": "^11.3.2",
-    "globby": "^15.0.0",
+    "fs-extra": "^11.3.3",
+    "globby": "^16.0.0",
+    "html-webpack-plugin": "^5.6.5",
     "http-proxy": "^1.18.1",
-    "humanize-duration": "^3.33.1",
+    "humanize-duration": "^3.33.2",
     "image-minimizer-webpack-plugin": "^4.1.4",
     "is-text-path": "^3.0.0",
     "lodash": "^4.17.21",
@@ -72,31 +73,32 @@
     "postcss": "^8.5.6",
     "postcss-loader": "^8.2.0",
     "postcss-scss": "^4.0.9",
-    "prettier": "^3.6.2",
+    "prettier": "^3.7.4",
     "pretty-hrtime": "^1.0.3",
-    "read-package-up": "^11.0.0",
+    "read-package-up": "^12.0.0",
     "replacestream": "^4.0.3",
-    "sass-embedded": "^1.93.2",
-    "sass-loader": "^16.0.5",
+    "sass-embedded": "^1.97.1",
+    "sass-loader": "^16.0.6",
     "semver": "^7.7.3",
-    "sharp": "^0.34.4",
-    "sort-package-json": "^3.4.0",
+    "sharp": "^0.34.5",
+    "sort-package-json": "^3.6.0",
     "string-length": "^6.0.0",
     "style-loader": "^4.0.0",
     "svgo": "^4.0.0",
     "svgo-loader": "^4.0.0",
     "version-everything": "^0.11.4",
-    "webpack": "^5.102.1",
-    "webpack-bundle-analyzer": "^4.10.2",
+    "webpack": "^5.104.1",
+    "webpack-bundle-analyzer": "^5.1.0",
     "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.16",
+    "vitest": "^4.0.16"
   },
   "version-everything": {
     "files": [