@wordpress-flow/cli 1.2.11 → 1.2.12

package/dist/index.js

@@ -114591,6 +114591,7 @@ var $watch = watch;
 // src/dev/dev-mode-orchestrator.ts
 import * as path17 from "path";
 import * as fs15 from "fs";
+import * as esbuild from "esbuild";
 import { fileURLToPath as fileURLToPath4 } from "url";
 
 // src/build/block-scanner.ts
@@ -116185,7 +116186,7 @@ class DockerEnvManager {
 // package.json
 var package_default = {
   name: "@wordpress-flow/cli",
-  version: "1.2.11",
+  version: "1.2.12",
   type: "module",
   description: "TypeScript-based WordPress block creation system",
   main: "dist/index.js",
@@ -116547,14 +116548,11 @@ class DevModeOrchestrator {
       return;
     const config = this.configManager.getConfig();
     const postTypes = config.sync.postTypes || ["post", "page"];
-    console.log(`[DEBUG] Initial push - Post types: ${JSON.stringify(postTypes)}`);
     const contentFiles = [];
     for (const postType of postTypes) {
       const typeDir = path17.join(this.contentDir, postType);
-      console.log(`[DEBUG] Checking directory: ${typeDir}, exists: ${fs15.existsSync(typeDir)}`);
       if (fs15.existsSync(typeDir)) {
         const files = this.findMDXFiles(typeDir);
-        console.log(`[DEBUG] Found ${files.length} files in ${postType}`);
         contentFiles.push(...files);
       }
     }
@@ -116687,6 +116685,9 @@ class DevModeOrchestrator {
   }
   startWatchers() {
     this.startBlockWatcher();
+    if (this.scriptsPath) {
+      this.startScriptWatcher();
+    }
     if (this.templatesDir && this.options.buildTemplates) {
       this.startTemplateWatcher();
     }
@@ -116730,6 +116731,20 @@ class DevModeOrchestrator {
       logger.debug("Block watcher ready");
     });
   }
+  startScriptWatcher() {
+    if (!this.scriptsPath || !fs15.existsSync(this.scriptsPath))
+      return;
+    logger.debug(`Watching scripts: ${this.scriptsPath}`);
+    const watcher = $watch("**/*.{ts,js}", {
+      cwd: this.scriptsPath,
+      ...this.getWatcherOptions()
+    });
+    this.watchers.push(watcher);
+    watcher.on("add", (filePath2) => this.handleScriptFileEvent("add", filePath2)).on("change", (filePath2) => this.handleScriptFileEvent("change", filePath2)).on("unlink", (filePath2) => this.handleScriptFileEvent("unlink", filePath2)).on("error", (error) => logger.error("Script watcher error:", error));
+    watcher.on("ready", () => {
+      logger.debug("Script watcher ready");
+    });
+  }
   startTemplateWatcher() {
     if (!this.templatesDir || !fs15.existsSync(this.templatesDir))
       return;
@@ -116758,8 +116773,6 @@ class DevModeOrchestrator {
     const config = this.configManager.getConfig();
     const postTypes = config.sync.postTypes || ["post", "page"];
     const watchPatterns = postTypes.map((type) => `${type}/**/*.mdx`);
-    console.log(`[DEBUG] Post types from config: ${JSON.stringify(postTypes)}`);
-    console.log(`[DEBUG] Watch patterns: ${JSON.stringify(watchPatterns)}`);
     logger.debug(`Watching content: ${this.contentDir} (${postTypes.join(", ")})`);
     const watcher = $watch(watchPatterns, {
       cwd: this.contentDir,
@@ -116792,6 +116805,44 @@ class DevModeOrchestrator {
       this.rescanBlocks();
     }, this.rescanDebounceMs);
   }
+  handleScriptFileEvent(eventType, filePath2) {
+    const fullPath = path17.resolve(this.scriptsPath, filePath2);
+    const scriptName = path17.basename(filePath2, path17.extname(filePath2));
+    if (eventType === "unlink") {
+      const outputPath = path17.join(this.scriptsOutputDir, `${scriptName}.js`);
+      if (fs15.existsSync(outputPath)) {
+        fs15.unlinkSync(outputPath);
+        console.log(`\uD83D\uDDD1️  ${scriptName}.js deleted`);
+      }
+    } else {
+      this.buildScript(fullPath, scriptName);
+    }
+  }
+  async buildScript(scriptPath, scriptName) {
+    const startTime = Date.now();
+    process.stdout.write(`\uD83D\uDCDC ${scriptName} → `);
+    try {
+      const outputPath = path17.join(this.scriptsOutputDir, `${scriptName}.js`);
+      await esbuild.build({
+        entryPoints: [scriptPath],
+        outfile: outputPath,
+        bundle: true,
+        minify: false,
+        platform: "browser",
+        target: "es2015",
+        format: "iife",
+        external: ["react", "react-dom", "@wordpress/*", "jquery"],
+        define: { "process.env.NODE_ENV": '"development"' },
+        logLevel: "warning",
+        allowOverwrite: true,
+        sourcemap: true
+      });
+      const duration = `${((Date.now() - startTime) / 1000).toFixed(1)}s`;
+      console.log(`✅ (${duration})`);
+    } catch (error) {
+      console.log(`❌ ${error.message}`);
+    }
+  }
   handleTemplateFileEvent(eventType, filePath2) {
     const fullPath = path17.resolve(this.templatesDir, filePath2);
     this.changeQueue.queueTemplateChange(fullPath, eventType);
@@ -117210,14 +117261,14 @@ class WebpackRunner {
 // src/build/script-builder.ts
 import * as fs17 from "fs";
 import * as path19 from "path";
-import * as esbuild from "esbuild";
+import * as esbuild2 from "esbuild";
 class ScriptBuilder {
   async buildScript(scriptPath, outputDir, scriptName) {
     try {
       logger.debug(`Building script: ${scriptName}`);
       fs17.mkdirSync(outputDir, { recursive: true });
       const outputPath = path19.join(outputDir, scriptName.replace(/\.ts$/, ".js"));
-      await esbuild.build({
+      await esbuild2.build({
         entryPoints: [scriptPath],
         outfile: outputPath,
         bundle: true,
@@ -117264,7 +117315,7 @@ class ScriptBuilder {
 }
 
 // src/build/block-builder.ts
-import * as esbuild2 from "esbuild";
+import * as esbuild3 from "esbuild";
 class BlockBuilder {
   webpackRunner;
   scriptBuilder;
@@ -117341,7 +117392,7 @@ if (document.readyState === 'loading') {
     try {
       logger.debug(`Generating SSR version for ${block.name} using esbuild`);
       const ssrPath = path20.join(outputDir, "ssr.js");
-      await esbuild2.build({
+      await esbuild3.build({
         entryPoints: [block.filePath],
         outfile: ssrPath,
         platform: "node",
@@ -117437,7 +117488,7 @@ if (document.readyState === 'loading') {
       if (typeof global.React === "undefined") {
         global.React = require_react();
       }
-      await esbuild2.build({
+      await esbuild3.build({
         entryPoints: [filePath2],
         outfile: tempFile,
         platform: "node",

package/package.json

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