@wordpress-flow/cli 1.0.9 → 1.0.11

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 {
@@ -2027,26 +2027,43 @@ 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 webpackCliPath = findWebpackCliPath();
+  const args = [
+    webpackCliPath,
+    "--config",
+    webpackConfigPath,
+    "--env",
+    `entry=${entryPoint}`,
+    "--env",
+    `output=${outputDir}`,
+    "--mode",
+    "production"
+  ];
+  const result = spawnSync(process.execPath, args, {
     cwd: path.dirname(webpackConfigPath),
     stdio: "pipe",
     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() {
+function findWebpackCliPath() {
   const possiblePaths = [
-    path.join(process.cwd(), "packages", "block", "node_modules", ".bin", "webpack"),
-    path.join(process.cwd(), "node_modules", ".bin", "webpack")
+    path.join(process.cwd(), "packages", "block", "node_modules", "webpack-cli", "bin", "cli.js"),
+    path.join(process.cwd(), "node_modules", "webpack-cli", "bin", "cli.js")
   ];
-  for (const webpackPath of possiblePaths) {
-    if (fs.existsSync(webpackPath)) {
-      return webpackPath;
+  for (const cliPath of possiblePaths) {
+    if (fs.existsSync(cliPath)) {
+      return cliPath;
     }
   }
-  return "npx webpack";
+  throw new Error("webpack-cli not found. Please install webpack-cli in your project.");
 }
 function verifyBuildOutput(outputDir) {
   const requiredFiles = ["block.json", "index.js", "ssr.js"];

package/dist/index.js

@@ -115884,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.9",
+  version: "1.0.11",
   type: "module",
   description: "TypeScript-based WordPress block creation system",
   main: "dist/index.js",
@@ -116408,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 {
@@ -116429,73 +116429,85 @@ class WebpackRunner {
       throw new Error(error);
     }
     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,
-        encoding: "utf8",
-        stdio: "pipe",
-        env: { ...process.env }
-      });
-      logger.debug("Webpack build completed successfully");
-      logger.debug(`Output: ${output2}`);
-    } catch (error) {
+    const webpackCliPath = this.findWebpackCliPath();
+    logger.debug(`Using webpack-cli at: ${webpackCliPath}`);
+    const args = [
+      webpackCliPath,
+      "--config",
+      webpackConfigPath,
+      "--env",
+      `entry=${entryPoint}`,
+      "--env",
+      `output=${outputDir}`,
+      "--mode",
+      "production"
+    ];
+    logger.debug(`Full command: node ${args.join(" ")}`);
+    const workingDir = path17.dirname(webpackConfigPath);
+    logger.debug(`Running webpack from directory: ${workingDir}`);
+    const result2 = spawnSync(process.execPath, 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(`node ${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() {
+  findWebpackCliPath() {
     const possiblePaths = [
-      path17.join(process.cwd(), "packages", "block", "node_modules", ".bin", "webpack"),
-      path17.join(process.cwd(), "node_modules", ".bin", "webpack"),
-      path17.join(import.meta.dirname, "..", "..", "..", "node_modules", ".bin", "webpack"),
-      path17.join(process.cwd(), "..", "node_modules", ".bin", "webpack")
+      path17.join(process.cwd(), "packages", "block", "node_modules", "webpack-cli", "bin", "cli.js"),
+      path17.join(process.cwd(), "node_modules", "webpack-cli", "bin", "cli.js"),
+      path17.join(import.meta.dirname, "..", "..", "..", "node_modules", "webpack-cli", "bin", "cli.js"),
+      path17.join(process.cwd(), "..", "node_modules", "webpack-cli", "bin", "cli.js")
     ];
-    for (const webpackPath of possiblePaths) {
-      if (fs15.existsSync(webpackPath)) {
-        logger.debug(`Found webpack at: ${webpackPath}`);
-        return webpackPath;
+    for (const cliPath of possiblePaths) {
+      if (fs15.existsSync(cliPath)) {
+        logger.debug(`Found webpack-cli at: ${cliPath}`);
+        return cliPath;
       }
     }
-    logger.debug("Using npx webpack as fallback");
-    return "npx webpack";
+    throw new Error("webpack-cli not found. Please install webpack-cli in your project.");
   }
 }
 

package/package.json

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