@wordpress-flow/cli 1.0.23 → 1.0.25

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

@@ -2002,6 +2002,9 @@ function parseBlockJsonFromSource(block) {
   };
 }
 async function runWebpackBuild(entryPoint, outputDir, webpackConfigPath) {
+  if (!fs.existsSync(webpackConfigPath)) {
+    throw new Error(`Webpack config not found: ${webpackConfigPath}. Please check your wpblock.config.json settings.`);
+  }
   delete __require.cache[__require.resolve(webpackConfigPath)];
   const configModule = __require(webpackConfigPath);
   const configFactory = configModule.default || configModule;
@@ -2019,15 +2022,27 @@ async function runWebpackBuild(entryPoint, outputDir, webpackConfigPath) {
   return new Promise((resolve2, reject) => {
     webpack(config, (err, stats) => {
       if (err) {
-        reject(err);
+        reject(new Error(`Webpack error: ${err.message}
+Stack: ${err.stack}`));
         return;
       }
       if (stats?.hasErrors()) {
         const info = stats.toJson();
-        reject(new Error(info.errors?.map((e) => e.message).join(`
-`) || "Webpack build failed"));
+        const errorMessages = info.errors?.map((e) => {
+          if (typeof e === "string")
+            return e;
+          return e.message || JSON.stringify(e);
+        }).join(`
+`) || "Unknown webpack error";
+        reject(new Error(`Webpack build errors:
+${errorMessages}`));
         return;
       }
+      if (stats?.hasWarnings()) {
+        const info = stats.toJson();
+        console.warn(`Webpack warnings for ${outputDir}:`, info.warnings?.map((w) => w.message || w).join(`
+`));
+      }
       resolve2();
     });
   });

package/dist/index.js

@@ -115173,7 +115173,8 @@ class BuildCommand {
       const config2 = this.configManager.getConfig();
       const blocksDir = this.configManager.resolvePath(options.blocksDir || config2.build?.blocksDir || "./theme/blocks");
       const outputDir = this.configManager.resolvePath(options.outputDir || config2.build?.outputDir || "./theme/dist");
-      const webpackConfig = this.configManager.resolvePath(options.webpackConfig || config2.build?.webpackConfig || "../packages/block/webpack.config.cjs");
+      const defaultWebpackConfig = path14.join(path14.dirname(import.meta.dirname), "webpack.config.cjs");
+      const webpackConfig = options.webpackConfig ? this.configManager.resolvePath(options.webpackConfig) : config2.build?.webpackConfig ? this.configManager.resolvePath(config2.build.webpackConfig) : defaultWebpackConfig;
       const scriptsPath = config2.build?.scriptsPath ? this.configManager.resolvePath(config2.build.scriptsPath) : undefined;
       logger.info(`Scanning blocks in: ${blocksDir}`);
       logger.info(`Output directory: ${outputDir}`);
@@ -115547,7 +115548,8 @@ class DevCommand {
       return;
     }
     const outputDir = this.configManager.resolvePath(config2.build?.outputDir || "./theme/dist");
-    const webpackConfig = this.configManager.resolvePath(config2.build?.webpackConfig || "../packages/block/webpack.config.cjs");
+    const defaultWebpackConfig = path15.join(path15.dirname(import.meta.dirname), "webpack.config.cjs");
+    const webpackConfig = config2.build?.webpackConfig ? this.configManager.resolvePath(config2.build.webpackConfig) : defaultWebpackConfig;
     for (let i2 = 0;i2 < blocksToBuild.length; i2++) {
       const block = blocksToBuild[i2];
       logger.step(i2 + 1, blocksToBuild.length, `Building block: ${block.name}`);
@@ -115777,7 +115779,7 @@ class BuildTemplatesCommand {
 // package.json
 var package_default = {
   name: "@wordpress-flow/cli",
-  version: "1.0.23",
+  version: "1.0.25",
   type: "module",
   description: "TypeScript-based WordPress block creation system",
   main: "dist/index.js",

package/package.json

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

package/webpack.config.cjs

@@ -0,0 +1,58 @@
+const defaultConfig = require("@wordpress/scripts/config/webpack.config");
+const path = require("path");
+const webpack = require("webpack");
+
+module.exports = (env, argv) => {
+  const { entry, output } = env || {};
+
+  return {
+    ...defaultConfig,
+    entry: entry || "./src/index.js",
+    output: {
+      path: output || path.resolve(process.cwd(), "dist"),
+      filename: "index.js",
+      clean: false, // Don't clean the output directory
+    },
+    resolve: {
+      ...defaultConfig.resolve,
+      extensions: [".ts", ".tsx", ".js", ".jsx", ".json"],
+    },
+    module: {
+      ...defaultConfig.module,
+      rules: [
+        ...defaultConfig.module.rules,
+        {
+          test: /\.(ts|tsx)$/,
+          include: [
+            // Include TypeScript files from @wordpress-flow packages
+            /node_modules\/@wordpress-flow/,
+            // Include local TypeScript files
+            path.resolve(process.cwd()),
+          ],
+          use: [
+            {
+              loader: require.resolve("babel-loader"),
+              options: {
+                presets: [
+                  require.resolve("@babel/preset-typescript"),
+                  require.resolve("@babel/preset-react"),
+                ],
+              },
+            },
+          ],
+        },
+      ],
+    },
+    // Ensure WordPress externals are properly handled
+    externals: {
+      ...defaultConfig.externals,
+    },
+    plugins: [
+      ...defaultConfig.plugins,
+      // Define global variables for browser builds
+      new webpack.DefinePlugin({
+        SSR: false, // SSR is false for browser builds
+      }),
+    ],
+  };
+};