@wordpress-flow/cli 1.0.8 → 1.0.10

package/dist/build/block-build-worker.js

@@ -1835,7 +1835,7 @@ import { parentPort, workerData } from "worker_threads";
 import * as path from "path";
 import * as fs from "fs";
 import * as esbuild from "esbuild";
-import { execSync } from "child_process";
+import { spawnSync } from "child_process";
 async function buildBlock() {
   const { block, outputDir, webpackConfigPath, scriptsPath, tempDir } = workerData;
   try {
@@ -1859,10 +1859,35 @@ async function buildBlock() {
     };
   } catch (error) {
     cleanupTempFiles(tempDir);
+    const errorDetails = [
+      `Error: ${error.message || String(error)}`
+    ];
+    if (error.stack) {
+      errorDetails.push(`Stack: ${error.stack}`);
+    }
+    if (error.code) {
+      errorDetails.push(`Code: ${error.code}`);
+    }
+    if (error.syscall) {
+      errorDetails.push(`Syscall: ${error.syscall}`);
+    }
+    if (error.path) {
+      errorDetails.push(`Path: ${error.path}`);
+    }
+    if (error.spawnargs) {
+      errorDetails.push(`Spawn args: ${JSON.stringify(error.spawnargs)}`);
+    }
+    if (error.stderr) {
+      errorDetails.push(`Stderr: ${error.stderr.toString()}`);
+    }
+    if (error.stdout) {
+      errorDetails.push(`Stdout: ${error.stdout.toString()}`);
+    }
     return {
       success: false,
       blockName: block.name,
-      error: error.message || String(error)
+      error: errorDetails.join(`
+`)
     };
   }
 }
@@ -2003,13 +2028,29 @@ function parseBlockJsonFromSource(block) {
 }
 async function runWebpackBuild(entryPoint, outputDir, webpackConfigPath) {
   const webpackBinary = findWebpackBinary();
-  const envString = `--env entry="${entryPoint}" --env output="${outputDir}"`;
-  const command = `${webpackBinary} --config "${webpackConfigPath}" ${envString} --mode production`;
-  execSync(command, {
+  const args = [
+    "--config",
+    webpackConfigPath,
+    "--env",
+    `entry=${entryPoint}`,
+    "--env",
+    `output=${outputDir}`,
+    "--mode",
+    "production"
+  ];
+  const result = spawnSync(webpackBinary, args, {
     cwd: path.dirname(webpackConfigPath),
     stdio: "pipe",
-    shell: process.platform === "win32" ? "cmd.exe" : "/bin/sh"
+    env: { ...process.env }
   });
+  if (result.error) {
+    throw result.error;
+  }
+  if (result.status !== 0) {
+    const stderr = result.stderr?.toString() || "";
+    const stdout = result.stdout?.toString() || "";
+    throw new Error(`Webpack build failed (exit code ${result.status}): ${stderr || stdout}`);
+  }
 }
 function findWebpackBinary() {
   const possiblePaths = [

package/dist/index.js

@@ -114915,7 +114915,10 @@ class AbortableWorkerPool {
         scriptsPath: this.scriptsPath,
         tempDir
       };
-      const worker = new Worker(this.workerPath, { workerData });
+      const worker = new Worker(this.workerPath, {
+        workerData,
+        env: process.env
+      });
       const startTime = Date.now();
       const activeWorker = {
         worker,
@@ -115881,7 +115884,7 @@ add_action('enqueue_block_assets', 'wordpress_flow_enqueue_block_scripts');
 // package.json
 var package_default = {
   name: "@wordpress-flow/cli",
-  version: "1.0.8",
+  version: "1.0.10",
   type: "module",
   description: "TypeScript-based WordPress block creation system",
   main: "dist/index.js",
@@ -116405,7 +116408,7 @@ import * as path19 from "path";
 // src/build/webpack-runner.ts
 import * as path17 from "path";
 import * as fs15 from "fs";
-import { execSync } from "child_process";
+import { spawnSync } from "child_process";
 var import_chalk3 = __toESM(require_source(), 1);
 
 class WebpackRunner {
@@ -116428,54 +116431,67 @@ class WebpackRunner {
     fs15.mkdirSync(outputDir, { recursive: true });
     const webpackBinary = this.findWebpackBinary();
     logger.debug(`Using webpack binary: ${webpackBinary}`);
-    const envVars = {
-      entry: entryPoint,
-      output: outputDir
-    };
-    const envString = Object.entries(envVars).map(([key, value]) => `--env ${key}="${value}"`).join(" ");
-    const command = `${webpackBinary} --config "${webpackConfigPath}" ${envString} --mode production`;
-    logger.debug(`Full command: ${command}`);
-    try {
-      const workingDir = path17.dirname(webpackConfigPath);
-      logger.debug(`Running webpack from directory: ${workingDir}`);
-      const output2 = execSync(command, {
-        cwd: workingDir,
-        stdio: "pipe",
-        shell: process.platform === "win32" ? "cmd.exe" : "/bin/sh"
-      }).toString();
-      logger.debug("Webpack build completed successfully");
-      logger.debug(`Output: ${output2}`);
-    } catch (error) {
+    const args = [
+      "--config",
+      webpackConfigPath,
+      "--env",
+      `entry=${entryPoint}`,
+      "--env",
+      `output=${outputDir}`,
+      "--mode",
+      "production"
+    ];
+    logger.debug(`Full command: ${webpackBinary} ${args.join(" ")}`);
+    const workingDir = path17.dirname(webpackConfigPath);
+    logger.debug(`Running webpack from directory: ${workingDir}`);
+    const result2 = spawnSync(webpackBinary, args, {
+      cwd: workingDir,
+      stdio: "pipe",
+      env: { ...process.env }
+    });
+    if (result2.error) {
+      console.error("");
+      console.error(import_chalk3.default.red("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"));
+      console.error(import_chalk3.default.red.bold("  WEBPACK BUILD FAILED"));
+      console.error(import_chalk3.default.red("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"));
+      console.error("");
+      console.error(import_chalk3.default.yellow("Error:"));
+      console.error(import_chalk3.default.gray(result2.error.message));
+      console.error("");
+      console.error(import_chalk3.default.red("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"));
+      console.error("");
+      throw result2.error;
+    }
+    if (result2.status !== 0) {
+      const stderr = result2.stderr?.toString() || "";
+      const stdout = result2.stdout?.toString() || "";
       console.error("");
       console.error(import_chalk3.default.red("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"));
       console.error(import_chalk3.default.red.bold("  WEBPACK BUILD FAILED"));
       console.error(import_chalk3.default.red("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"));
       console.error("");
       console.error(import_chalk3.default.yellow("Command that failed:"));
-      console.error(import_chalk3.default.gray(command));
+      console.error(import_chalk3.default.gray(`${webpackBinary} ${args.join(" ")}`));
       console.error("");
       console.error(import_chalk3.default.yellow("Working directory:"));
-      console.error(import_chalk3.default.gray(path17.dirname(webpackConfigPath)));
+      console.error(import_chalk3.default.gray(workingDir));
       console.error("");
-      if (error.stdout && error.stdout.trim()) {
+      if (stdout.trim()) {
         console.error(import_chalk3.default.yellow("Standard output:"));
-        console.error(error.stdout);
+        console.error(stdout);
         console.error("");
       }
-      if (error.stderr && error.stderr.trim()) {
+      if (stderr.trim()) {
         console.error(import_chalk3.default.yellow("Error output:"));
-        console.error(error.stderr);
-        console.error("");
-      }
-      if (!error.stdout && !error.stderr) {
-        console.error(import_chalk3.default.yellow("Error message:"));
-        console.error(error.message);
+        console.error(stderr);
         console.error("");
       }
       console.error(import_chalk3.default.red("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"));
       console.error("");
-      throw new Error(`Webpack build failed`);
+      throw new Error(`Webpack build failed (exit code ${result2.status})`);
     }
+    logger.debug("Webpack build completed successfully");
+    logger.debug(`Output: ${result2.stdout?.toString() || ""}`);
   }
   findWebpackBinary() {
     const possiblePaths = [
@@ -116909,10 +116925,26 @@ class WorkerPool {
               resolve7(results);
             }
           }).catch((error) => {
+            const errorDetails = [
+              `Error: ${error.message || String(error)}`
+            ];
+            if (error.stack) {
+              errorDetails.push(`Stack: ${error.stack}`);
+            }
+            if (error.code) {
+              errorDetails.push(`Code: ${error.code}`);
+            }
+            if (error.syscall) {
+              errorDetails.push(`Syscall: ${error.syscall}`);
+            }
+            if (error.path) {
+              errorDetails.push(`Path: ${error.path}`);
+            }
             const result2 = {
               success: false,
               blockName: block.name,
-              error: error.message || String(error)
+              error: errorDetails.join(`
+`)
             };
             results.push(result2);
             completed++;
@@ -116943,7 +116975,10 @@ class WorkerPool {
         scriptsPath: this.scriptsPath,
         tempDir
       };
-      const worker = new Worker2(this.workerPath, { workerData });
+      const worker = new Worker2(this.workerPath, {
+        workerData,
+        env: process.env
+      });
       const timeout = setTimeout(() => {
         worker.terminate();
         reject(new Error(`Worker timeout for block: ${block.name}`));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wordpress-flow/cli",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "type": "module",
   "description": "TypeScript-based WordPress block creation system",
   "main": "dist/index.js",