@wc-toolkit/cem-generator-cli 0.1.13 → 0.2.0

package/dist/cli.js

@@ -7,7 +7,7 @@ import readline from "node:readline/promises";
 import { stdin as input, stdout as output } from "node:process";
 import { spawnSync } from "node:child_process";
 import inquirer from "inquirer";
-import { generateCem, loadConfig, mergeConfig } from "@wc-toolkit/cem-generator";
+import { generateCemWithProgram, loadConfig, mergeConfig, } from "@wc-toolkit/cem-generator";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const PLUGIN_CHOICES = [
@@ -76,6 +76,7 @@ program
     .option("--deprecated-last", "Move deprecated items to end of sorted lists")
     .option("--validate-exported-types <severity>", "Exported-type validation: off | warning | error")
     .option("--validation-invariants <severity>", "Manifest invariant validation: off | warning | error")
+    .option("--watch", "Regenerate when source files change")
     .action(async (options) => {
     try {
         const cwd = process.cwd();
@@ -129,14 +130,21 @@ program
         if (configPath) {
             console.log(`Using config file: ${configPath}`);
         }
-        const manifest = generateCem(mergedOptions);
         const outputPath = path.resolve(options.output ?? mergedOptions.filePath ?? "./custom-elements.json");
-        const outputDir = path.dirname(outputPath);
-        if (!fs.existsSync(outputDir)) {
-            fs.mkdirSync(outputDir, { recursive: true });
-        }
-        fs.writeFileSync(outputPath, JSON.stringify(manifest, null, 2) + "\n", "utf-8");
-        console.log(`Generated manifest at ${outputPath}`);
+        let previousProgram;
+        const generate = () => {
+            const result = generateCemWithProgram(mergedOptions, previousProgram);
+            previousProgram = result.programResult.program;
+            const outputDir = path.dirname(outputPath);
+            if (!fs.existsSync(outputDir)) {
+                fs.mkdirSync(outputDir, { recursive: true });
+            }
+            fs.writeFileSync(outputPath, JSON.stringify(result.manifest, null, 2) + "\n", "utf-8");
+            console.log(`Generated manifest at ${outputPath}`);
+        };
+        generate();
+        if (options.watch)
+            await watchProject(cwd, outputPath, generate);
     }
     catch (error) {
         console.error("Error generating manifest:", error instanceof Error ? error.message : error);
@@ -518,6 +526,79 @@ function parseSelection(answer, choices, label) {
     });
     return names;
 }
+function watchProject(root, outputPath, generate) {
+    const watchedExtensions = new Set([
+        ".css",
+        ".cjs",
+        ".js",
+        ".jsx",
+        ".mjs",
+        ".cts",
+        ".mts",
+        ".ts",
+        ".tsx",
+    ]);
+    let timer;
+    let running = false;
+    let lastGeneratedAt = Date.now();
+    console.log("Watching for source changes. Press Ctrl+C to stop.");
+    return new Promise((resolve, reject) => {
+        const watcher = fs.watch(root, { recursive: true }, (_event, filename) => {
+            if (!filename)
+                return;
+            const relativePath = filename.toString().replaceAll(path.sep, "/");
+            const pathSegments = relativePath.split("/");
+            if (pathSegments.includes("node_modules") ||
+                pathSegments.includes("dist") ||
+                pathSegments.includes(".git") ||
+                pathSegments.includes(".astro")) {
+                return;
+            }
+            const filePath = path.resolve(root, relativePath);
+            if (filePath === outputPath)
+                return;
+            try {
+                if (fs.statSync(filePath).mtimeMs <= lastGeneratedAt)
+                    return;
+            }
+            catch {
+                // A removed file still needs to trigger regeneration.
+            }
+            if (!watchedExtensions.has(path.extname(relativePath))) {
+                return;
+            }
+            if (timer)
+                clearTimeout(timer);
+            timer = setTimeout(() => {
+                timer = undefined;
+                if (running)
+                    return;
+                running = true;
+                try {
+                    generate();
+                    lastGeneratedAt = Date.now();
+                }
+                catch (error) {
+                    console.error("Error generating manifest:", error instanceof Error ? error.message : error);
+                }
+                finally {
+                    running = false;
+                }
+            }, 120);
+        });
+        const stop = () => {
+            if (timer)
+                clearTimeout(timer);
+            watcher.close();
+            process.off("SIGINT", stop);
+            process.off("SIGTERM", stop);
+            resolve();
+        };
+        watcher.on("error", reject);
+        process.once("SIGINT", stop);
+        process.once("SIGTERM", stop);
+    });
+}
 function createConfigSource(plugins, integrations = [], include, exclude = DEFAULT_SOURCE_EXCLUDE) {
     const choices = [...plugins, ...integrations];
     const imports = choices.map((plugin) => `import { ${plugin.factory} } from "${plugin.packageName}";`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wc-toolkit/cem-generator-cli",
-  "version": "0.1.13",
+  "version": "0.2.0",
   "description": "CLI for generating Custom Elements Manifests.",
   "keywords": [
     "cli",
@@ -35,7 +35,7 @@
     "commander": "^12.1.0",
     "custom-elements-manifest": "^2.1.0",
     "inquirer": "^14.2.2",
-    "@wc-toolkit/cem-generator": "0.1.12",
+    "@wc-toolkit/cem-generator": "0.2.0",
     "@wc-toolkit/cem-generator-utils": "0.1.4"
   },
   "devDependencies": {