@druid-ui/build 1.0.8 → 1.0.9

package/bin/index.js

@@ -6,7 +6,7 @@ import { build } from "esbuild";
 import fs3 from "node:fs/promises";
 import { fileURLToPath } from "node:url";
 import { createRequire } from "node:module";
-import { basename as basename2 } from "node:path";
+import { dirname, basename as basename2 } from "node:path";
 
 // src/utils.ts
 import path from "node:path";
@@ -117,7 +117,7 @@ async function buildWasm(entryFile2, outfolder2 = "./dist", witExtension) {
 async function buildRaw(entryFile2, outfolder2 = "./dist") {
   const outfilename = getBundleFileName(entryFile2, "-raw");
   const outfile = outfolder2 + "/" + outfilename;
-  const rawPath = require2.resolve("@druid-ui/component/raw");
+  const rawPath = dirname(require2.resolve("@druid-ui/component/raw"));
   await build({
     entryPoints: [entryFile2],
     bundle: true,
@@ -132,16 +132,23 @@ async function buildRaw(entryFile2, outfolder2 = "./dist") {
 }
 
 // src/cmd/index.ts
+import { watch } from "node:fs";
+import { resolve as resolve2 } from "node:path";
 console.log("Druid UI Build Tool");
 var args = process.argv;
 var duBuildRaw = false;
 var worldName = "druid-ui";
+var watchMode = false;
 var witFiles = [];
 args = args.filter((arg) => {
   if (arg === "--raw") {
     duBuildRaw = true;
     return false;
   }
+  if (arg === "--watch" || arg === "-w") {
+    watchMode = true;
+    return false;
+  }
   if (arg.startsWith("--wit=")) {
     witFiles.push(arg.slice(6));
     return false;
@@ -155,18 +162,42 @@ args = args.filter((arg) => {
 var entryFile = args[2];
 if (!entryFile) {
   console.error(
-    "Usage: ./cli <entry-file> [out-folder] [--world-name=<name>] [--wit=<file>] [--raw]"
+    "Usage: ./cli <entry-file> [out-folder] [--world-name=<name>] [--wit=<file>] [--raw] [--watch|-w]"
   );
   process.exit(1);
 }
 var outfolder = args[3] || "./dist";
-console.log(`Building ${entryFile} to ${outfolder}...`);
-if (duBuildRaw) {
-  await buildRaw(entryFile, outfolder);
-} else {
-  await buildWasm(entryFile, outfolder, {
-    worldName,
-    files: witFiles
+async function doBuild() {
+  console.log(`Building ${entryFile} to ${outfolder}...`);
+  try {
+    if (duBuildRaw) {
+      await buildRaw(entryFile, outfolder);
+    } else {
+      await buildWasm(entryFile, outfolder, {
+        worldName,
+        files: witFiles
+      });
+    }
+    console.log("Build complete.");
+  } catch (error) {
+    console.error("Build failed:", error);
+  }
+}
+await doBuild();
+if (watchMode) {
+  console.log("Watching for changes...");
+  const srcDir = resolve2(entryFile, "..");
+  let building = false;
+  watch(srcDir, { recursive: true }, async (_eventType, filename) => {
+    if (filename && (filename.endsWith(".tsx") || filename.endsWith(".ts") || filename.endsWith(".jsx") || filename.endsWith(".js"))) {
+      if (building) return;
+      building = true;
+      console.log(`
+File changed: ${filename}`);
+      await doBuild();
+      building = false;
+    }
+  });
+  await new Promise(() => {
   });
 }
-console.log("Build complete.");

package/dist/index.js

@@ -4,7 +4,7 @@ import { build } from "esbuild";
 import fs3 from "node:fs/promises";
 import { fileURLToPath } from "node:url";
 import { createRequire } from "node:module";
-import { basename as basename2 } from "node:path";
+import { dirname as dirname2, basename as basename2 } from "node:path";
 
 // src/utils.ts
 import path from "node:path";
@@ -137,7 +137,7 @@ async function buildWasm(entryFile, outfolder = "./dist", witExtension) {
 async function buildRaw(entryFile, outfolder = "./dist") {
   const outfilename = getBundleFileName(entryFile, "-raw");
   const outfile = outfolder + "/" + outfilename;
-  const rawPath = require2.resolve("@druid-ui/component/raw");
+  const rawPath = dirname2(require2.resolve("@druid-ui/component/raw"));
   await build({
     entryPoints: [entryFile],
     bundle: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@druid-ui/build",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",

package/src/cmd/index.ts

@@ -1,11 +1,15 @@
 #!/usr/bin/env node
 
 import { buildWasm, buildRaw } from "../";
+import { watch } from "node:fs";
+import { resolve } from "node:path";
+
 console.log("Druid UI Build Tool");
 let args = process.argv;
 
 let duBuildRaw = false;
 let worldName = "druid-ui";
+let watchMode = false;
 const witFiles: string[] = [];
 
 args = args.filter((arg) => {
@@ -13,6 +17,10 @@ args = args.filter((arg) => {
     duBuildRaw = true;
     return false;
   }
+  if (arg === "--watch" || arg === "-w") {
+    watchMode = true;
+    return false;
+  }
   if (arg.startsWith("--wit=")) {
     witFiles.push(arg.slice(6));
     return false;
@@ -28,20 +36,53 @@ const entryFile = args[2];
 
 if (!entryFile) {
   console.error(
-    "Usage: ./cli <entry-file> [out-folder] [--world-name=<name>] [--wit=<file>] [--raw]",
+    "Usage: ./cli <entry-file> [out-folder] [--world-name=<name>] [--wit=<file>] [--raw] [--watch|-w]",
   );
   process.exit(1);
 }
 
 const outfolder = args[3] || "./dist";
-console.log(`Building ${entryFile} to ${outfolder}...`);
-if (duBuildRaw) {
-  await buildRaw(entryFile, outfolder);
-} else {
-  await buildWasm(entryFile, outfolder, {
-    worldName,
-    files: witFiles,
-  });
+
+async function doBuild() {
+  console.log(`Building ${entryFile} to ${outfolder}...`);
+  try {
+    if (duBuildRaw) {
+      await buildRaw(entryFile, outfolder);
+    } else {
+      await buildWasm(entryFile, outfolder, {
+        worldName,
+        files: witFiles,
+      });
+    }
+    console.log("Build complete.");
+  } catch (error) {
+    console.error("Build failed:", error);
+  }
 }
 
-console.log("Build complete.");
+await doBuild();
+
+if (watchMode) {
+  console.log("Watching for changes...");
+  const srcDir = resolve(entryFile, "..");
+  let building = false;
+
+  watch(srcDir, { recursive: true }, async (_eventType, filename) => {
+    if (
+      filename &&
+      (filename.endsWith(".tsx") ||
+        filename.endsWith(".ts") ||
+        filename.endsWith(".jsx") ||
+        filename.endsWith(".js"))
+    ) {
+      if (building) return;
+      building = true;
+      console.log(`\nFile changed: ${filename}`);
+      await doBuild();
+      building = false;
+    }
+  });
+
+  // Keep the process running
+  await new Promise(() => {});
+}

package/src/index.ts

@@ -25,7 +25,7 @@ const getBundleFileName = (entryFile, suffix = "") => {
 export async function buildWasm(
   entryFile,
   outfolder = "./dist",
-  witExtension?: WitExtension
+  witExtension?: WitExtension,
 ) {
   await fs.mkdir(outfolder, { recursive: true });
 
@@ -70,7 +70,7 @@ export async function buildRaw(entryFile, outfolder = "./dist") {
 
   const outfile = outfolder + "/" + outfilename;
 
-  const rawPath = require.resolve("@druid-ui/component/raw");
+  const rawPath = dirname(require.resolve("@druid-ui/component/raw"));
   await build({
     entryPoints: [entryFile],
     bundle: true,