@ideasonpurpose/build-tools-wordpress 2.10.1 → 2.10.3

package/CHANGELOG.md

@@ -4,6 +4,18 @@ 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.10.2
+
+> 16 July 2026
+
+- tweak reporting
+
+#### v2.10.1
+
+> 15 July 2026
+
+- remove infrastructureLogging
+
 #### v2.10.0
 
 > 15 July 2026

package/README.md

@@ -1,6 +1,6 @@
 # @ideasonpurpose/build-tools-wordpress
 
-#### Version 2.10.1
+#### Version 2.10.3
 
 [![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/lib/AfterDoneReporterPlugin.js

@@ -1,11 +1,12 @@
 // @ts-check
 
 import chalk from "chalk";
-import humanizeDuration from "humanize-duration";
+import { filesize } from "filesize";
+import { prettierHrtime } from "./prettier-hrtime.js";
 
 /**
  * Clean post-compilation summary for dev server.
- * Shows status, duration, and the local URL without placeholder text or setTimeout hacks.
+ * Shows status, duration, entrypoints with sizes, and the local URL.
  */
 export class AfterDoneReporterPlugin {
   constructor(options = {}) {
@@ -26,7 +27,7 @@ export class AfterDoneReporterPlugin {
       const url = chalk.blue.underline(`http://${host}:${port}`);
 
       const durationMs = stats.endTime && stats.startTime ? stats.endTime - stats.startTime : 0;
-      const time = humanizeDuration(durationMs, { units: ["s", "ms"], round: true });
+      const time = prettierHrtime(durationMs);
 
       const hasErrors = stats.hasErrors();
       const hasWarnings = stats.hasWarnings();
@@ -41,6 +42,49 @@ export class AfterDoneReporterPlugin {
       }
 
       console.log(`\n${statusLine} → ${url}`);
+
+      // Entrypoint assets with sizes (exclude hot-update)
+      try {
+        const json = stats.toJson({
+          all: false,
+          assets: true,
+          entrypoints: true,
+        });
+
+        const assetMap = new Map();
+        for (const asset of json.assets ?? []) {
+          if (/hot-update/.test(asset.name)) continue;
+          assetMap.set(asset.name, asset);
+        }
+
+        const entrypoints = Object.entries(json.entrypoints ?? {}).sort(([a], [b]) =>
+          a.localeCompare(b),
+        );
+
+        if (entrypoints.length) {
+          for (const [epName, epInfo] of entrypoints) {
+            const epAssets = (epInfo.assets ?? [])
+              .map((a) => assetMap.get(a.name ?? a))
+              .filter(Boolean)
+              .sort((a, b) => (b.size ?? 0) - (a.size ?? 0));
+
+            if (!epAssets.length) continue;
+
+            console.log(
+              `  ${chalk.gray("↳")} ${chalk.bold(epName)} ${chalk.gray(`(${epAssets.length})`)}:`,
+            );
+
+            for (const asset of epAssets) {
+              const size = asset.size != null ? filesize(asset.size) : "?";
+              console.log(
+                `    ${chalk.gray("·")} ${chalk.white(asset.name)} ${chalk.gray(`— ${size}`)}`,
+              );
+            }
+          }
+        }
+      } catch {
+        // Non-fatal: don't clutter output if stats parsing fails
+      }
     });
   }
 }

package/lib/WatchRunReporterPlugin.js

@@ -27,7 +27,7 @@ export class WatchRunReporterPlugin {
     compiler.hooks.watchRun.tap(this.name, () => {
       if (!this.config.echo) return;
 
-      const root = compiler.context || process.cwd();
+      const root = process.cwd();
       const modFiles = compiler.modifiedFiles?.size
         ? Array.from(compiler.modifiedFiles)
         : null;
@@ -39,22 +39,29 @@ export class WatchRunReporterPlugin {
       if (!changed) return;
 
       const relFiles = changed
-        .map((p) => path.relative(root, p) || p)
+        .map((p) => path.relative(root, p) || ".")
         .sort();
 
+      const MAX_FILES = 6;
       let changeMsg;
+
       if (relFiles.length === 1) {
         changeMsg = chalk.bold.yellow(relFiles[0]);
-      } else if (relFiles.length <= 3) {
+      } else if (relFiles.length <= MAX_FILES) {
         changeMsg = chalk.bold.yellow(relFiles.join(", "));
       } else {
-        changeMsg = chalk.bold.yellow(
-          `${relFiles.slice(0, 2).join(", ")} +${relFiles.length - 2} more`,
-        );
+        const visible = relFiles.slice(0, MAX_FILES).join(", ");
+        const remaining = relFiles.length - MAX_FILES;
+        changeMsg =
+          chalk.bold.yellow(visible) +
+          chalk.gray(` +${remaining} more`);
       }
 
+      const count =
+        relFiles.length > 1 ? chalk.cyan(`(${relFiles.length})`) + " " : "";
+
       console.log(
-        `\n${chalk.cyan("⟳")} Changed: ${changeMsg} ${this.config.message}`,
+        `\n${chalk.cyan("⟳")} Changed: ${count}${changeMsg} ${this.config.message}`,
       );
     });
   }

package/lib/prettier-hrtime.js

@@ -1,6 +1,18 @@
 import prettyHrtime from "pretty-hrtime";
 
+/**
+ * Format hrtime tuples or millisecond durations into a human string.
+ * Accepts:
+ * - [seconds, nanoseconds] (from process.hrtime())
+ * - number (milliseconds, e.g. stats.endTime - stats.startTime)
+ */
 export const prettierHrtime = (hrtime) => {
+  if (typeof hrtime === "number") {
+    const secs = Math.floor(hrtime / 1000);
+    const nsecs = Math.round((hrtime % 1000) * 1e6);
+    hrtime = [secs, nsecs];
+  }
+
   let timeString;
   const seconds = hrtime[1] > 5e6 ? " seconds" : " second";
   if (hrtime[0] > 60) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ideasonpurpose/build-tools-wordpress",
-  "version": "2.10.1",
+  "version": "2.10.3",
   "description": "Build scripts and dependencies for IOP's WordPress development environments.",
   "homepage": "https://github.com/ideasonpurpose/build-tools-wordpress#readme",
   "bugs": {