@wordpress-flow/cli 1.0.22 → 1.0.24

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

@@ -2002,7 +2002,11 @@ function parseBlockJsonFromSource(block) {
   };
 }
 async function runWebpackBuild(entryPoint, outputDir, webpackConfigPath) {
-  const configModule = await import(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;
   const env = { entry: entryPoint, output: outputDir };
   const baseConfig = typeof configFactory === "function" ? configFactory(env) : configFactory;

package/dist/index.js

@@ -114264,7 +114264,6 @@ import * as path9 from "path";
 import * as fs8 from "fs";
 import webpack from "webpack";
 var import_chalk3 = __toESM(require_source(), 1);
-
 class WebpackRunner {
   async runBuild(entryPoint, outputDir, webpackConfigPath) {
     logger.debug(`Running webpack build for: ${entryPoint}`);
@@ -114284,7 +114283,8 @@ class WebpackRunner {
     }
     fs8.mkdirSync(outputDir, { recursive: true });
     try {
-      const configModule = await import(webpackConfigPath);
+      delete __require.cache[__require.resolve(webpackConfigPath)];
+      const configModule = __require(webpackConfigPath);
       const configFactory = configModule.default || configModule;
       const env2 = { entry: entryPoint, output: outputDir };
       const baseConfig = typeof configFactory === "function" ? configFactory(env2) : configFactory;
@@ -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.22",
+  version: "1.0.24",
   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.22",
+  "version": "1.0.24",
   "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
+      }),
+    ],
+  };
+};