@ideasonpurpose/build-tools-wordpress 2.10.6 → 2.10.8

package/bin/format-wp-block-pattern.js

@@ -27,8 +27,10 @@ import prettier from "prettier";
  *   - wp:gallery
  */
 
-import { readFile, writeFile } from "fs/promises";
-import { resolve, basename } from "path";
+import { realpathSync } from "node:fs";
+import { readFile, writeFile } from "node:fs/promises";
+import { basename, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
 
 /**
  *
@@ -146,7 +148,7 @@ export function trimInsideListElements(content) {
     .replace(/\s*<!-- wp:list /g, "<!-- wp:list ")
     .replace(/>\s*<!-- wp:list /g, ">\n\n<!-- wp:list ")
     .replace(/>\s*<!-- wp:list-item /g, ">\n\n<!-- wp:list-item ")
-    .replace(/<!-- \/wp:list-item -->\s*</g, "<!-- \/wp:list-item -->\n\n<")
+    .replace(/<!-- \/wp:list-item -->\s*</g, "<!-- /wp:list-item -->\n\n<")
     .replace(/<li>\s*/g, "<li>")
     .replace(/\s*<\/li>/g, "</li>");
 }
@@ -177,12 +179,10 @@ export function formatWithPrettier(content) {
 }
 
 /**
- * @param {String} filepath
+ * @param {string} content
+ * @returns {Promise<string>}
  */
-export async function formatWPBlockPattern(filepath) {
-  const startTime = process.hrtime.bigint();
-  const rawFile = await readFile(filepath, "utf8");
-
+export async function formatWPBlockPatternContent(content) {
   const formatters = [
     formatWithPrettier,
     normalizeCommentTagSpacing,
@@ -192,10 +192,19 @@ export async function formatWPBlockPattern(filepath) {
     normalizeNewlines,
   ];
 
-  const outputHtml = await formatters.reduce(
+  return formatters.reduce(
     async (acc, fn) => fn(await acc),
-    Promise.resolve(rawFile),
+    Promise.resolve(content),
   );
+}
+
+/**
+ * @param {string} filepath
+ */
+export async function formatWPBlockPattern(filepath) {
+  const startTime = process.hrtime.bigint();
+  const rawFile = await readFile(filepath, "utf8");
+  const outputHtml = await formatWPBlockPatternContent(rawFile);
 
   await writeFile(filepath, outputHtml, "utf8");
   const endTime = process.hrtime.bigint();
@@ -204,11 +213,49 @@ export async function formatWPBlockPattern(filepath) {
   console.log(`${basename(filepath)} ${(duration / 1e6).toFixed(2)}ms`);
 }
 
+/**
+ * @returns {Promise<string>}
+ */
+async function readStdin() {
+  const chunks = [];
+  for await (const chunk of process.stdin) {
+    chunks.push(chunk);
+  }
+  return Buffer.concat(chunks).toString("utf8");
+}
+
 export async function main(filepath = process.argv[2]) {
-  if (!filepath) {
-    console.error("Error: A filepath is required.");
-    return;
+  try {
+    if (filepath) {
+      await formatWPBlockPattern(resolve(filepath));
+      return;
+    }
+
+    if (process.stdin.isTTY) {
+      console.error(
+        "Usage: iop-format-wp-block-pattern <filepath>\n       iop-format-wp-block-pattern < input.php",
+      );
+      process.exitCode = 1;
+      return;
+    }
+
+    const formatted = await formatWPBlockPatternContent(await readStdin());
+    process.stdout.write(formatted);
+  } catch (error) {
+    console.error("Error:", error);
+    process.exitCode = 1;
   }
-  await formatWPBlockPattern(resolve(filepath));
 }
-if (process.argv[2]) main();
+
+const isMain = (() => {
+  if (process.argv[1] == null) return false;
+  try {
+    return (
+      fileURLToPath(import.meta.url) === realpathSync(resolve(process.argv[1]))
+    );
+  } catch {
+    return false;
+  }
+})();
+
+if (isMain) main();

package/bin/format-wp-php.js

@@ -0,0 +1,83 @@
+#!/usr/bin/env node
+
+//@ts-check
+
+import { execFileSync } from "node:child_process";
+import { realpathSync } from "node:fs";
+import { resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const blockPatternPath = /(?:^|\/)wp-content\/themes\/[^/]+\/patterns\/.*\.php$/;
+
+/**
+ * @param {string} filepath
+ * @returns {string}
+ */
+export function getFormatter(filepath) {
+  const normalizedPath = filepath.replaceAll("\\", "/");
+  return blockPatternPath.test(normalizedPath)
+    ? "iop-format-wp-block-pattern"
+    : "format-mixed-php-html";
+}
+
+/**
+ * @param {string[]} args
+ */
+export async function main(args = process.argv.slice(2)) {
+  const fileFlagIndex = args.indexOf("--file");
+  const filepath = args[fileFlagIndex + 1];
+
+  if (fileFlagIndex === -1 || !filepath) {
+    console.error(
+      "Usage: iop-format-wp-php --file <filepath> < input.php",
+    );
+    process.exitCode = 1;
+    return;
+  }
+
+  if (process.stdin.isTTY) {
+    console.error(
+      "Usage: iop-format-wp-php --file <filepath> < input.php",
+    );
+    process.exitCode = 1;
+    return;
+  }
+
+  const formatter = getFormatter(filepath);
+
+  try {
+    const formatted = execFileSync(formatter, [], {
+      input: await readStdin(),
+      encoding: "utf8",
+      stdio: ["pipe", "pipe", "inherit"],
+    });
+    process.stdout.write(formatted);
+  } catch (error) {
+    console.error(`Error running ${formatter}:`, error);
+    process.exitCode = 1;
+  }
+}
+
+/**
+ * @returns {Promise<string>}
+ */
+async function readStdin() {
+  const chunks = [];
+  for await (const chunk of process.stdin) {
+    chunks.push(chunk);
+  }
+  return Buffer.concat(chunks).toString("utf8");
+}
+
+const isMain = (() => {
+  if (process.argv[1] == null) return false;
+  try {
+    return (
+      fileURLToPath(import.meta.url) === realpathSync(resolve(process.argv[1]))
+    );
+  } catch {
+    return false;
+  }
+})();
+
+if (isMain) main();

package/bin/vscode-svgo.js

@@ -0,0 +1,32 @@
+#!/usr/bin/env node
+
+// @ts-check
+
+import { readFileSync } from "node:fs";
+import { loadConfig, optimize } from "svgo";
+import fallbackConfig from "../config/svgo.config.mjs";
+
+console.error("starting iop-vscode-svgo");
+
+if (process.stdin.isTTY) {
+  process.stderr.write("Error: No SVG data received on stdin\n");
+  process.exit(1);
+}
+
+const svg = readFileSync(0, "utf8").trim();
+if (!svg) {
+  process.stderr.write("Error: No SVG data received on stdin\n");
+  process.exit(1);
+}
+
+try {
+  const svgoConfig = /** @type {import("svgo").Config} */ (
+    (await loadConfig()) ?? fallbackConfig
+  );
+  const result = optimize(svg, svgoConfig);
+  process.stdout.write(result.data);
+} catch (err) {
+  process.stderr.write(`Error: ${err instanceof Error ? err.message : err}\n`);
+  process.exit(1);
+}
+console.error("Done!");

package/biome.json

@@ -0,0 +1,43 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.5.6/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "ignoreUnknown": false
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space"
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "preset": "recommended",
+      "a11y": {
+        "noSvgWithoutTitle": "off"
+      },
+      "style": {
+        "useNodejsImportProtocol": {
+          "level": "error",
+          "fix": "safe"
+        }
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double"
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ideasonpurpose/build-tools-wordpress",
-  "version": "2.10.6",
+  "version": "2.10.8",
   "description": "Build scripts and dependencies for IOP's WordPress development environments.",
   "homepage": "https://github.com/ideasonpurpose/build-tools-wordpress#readme",
   "bugs": {
@@ -23,14 +23,16 @@
     "iop-build-zip-archive": "./bin/zip.js",
     "iop-html-php-prettier": "./bin/format-php-prettier.js",
     "iop-format-wp-block-pattern": "./bin/format-wp-block-pattern.js",
-    "iop-project-refresh": "./bin/refresh.js"
+    "iop-format-wp-php": "./bin/format-wp-php.js",
+    "iop-project-refresh": "./bin/refresh.js",
+    "iop-vscode-svgo": "./bin/vscode-svgo.js"
   },
   "directories": {
     "lib": "lib"
   },
   "scripts": {
     "test": "vitest",
-    "version": "version-everything && auto-changelog && git add -u"
+    "version": "version-everything && git add -u"
   },
   "prettier": "@ideasonpurpose/prettier-config",
   "dependencies": {
@@ -89,12 +91,10 @@
     "version-everything": "^0.12.2",
     "webpack": "^5.108.4",
     "webpack-bundle-analyzer": "^5.3.1",
+    "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^6.0.0",
     "webpack-manifest-plugin": "^6.0.1"
   },
-  "peerDependencies": {
-    "webpack-cli": "^6.0.1"
-  },
   "engines": {
     "node": ">=22.15.0"
   },