swatchkit 0.0.8 → 0.0.9

package/README.md

@@ -89,7 +89,8 @@ SwatchKit can auto-calculate fluid typography and spacing scales.
     { "name": "base", "value": "1rem" },        // Static: 1rem always
     { "name": "md", "min": 16, "max": 20 },     // Fluid: 16px -> 20px
     { "name": "lg", "max": 24 },                // Auto: 19.2px -> 24px (24 / 1.25)
-    { "name": "xl", "min": 32 }                 // Auto: 32px -> 40px (32 * 1.25)
+    { "name": "xl", "min": 32 },                // Auto: 32px -> 40px (32 * 1.25)
+    { "name": "jumbo", "max": 64, "fluidRatio": 1.5 } // Auto: 42.6px -> 64px (64 / 1.5)
   ]
 }
 ```
@@ -101,6 +102,7 @@ SwatchKit can auto-calculate fluid typography and spacing scales.
   --s-md: clamp(1rem, ... , 1.25rem);
   --s-lg: clamp(1.2rem, ... , 1.5rem);
   --s-xl: clamp(2rem, ... , 2.5rem);
+  --s-jumbo: clamp(2.66rem, ... , 4rem);
 }
 ```
 
@@ -168,7 +170,7 @@ swatchkit [command] [options]
 ### Flags
 | Flag | Short | Description |
 | :--- | :--- | :--- |
-| `--watch` | `-w` | Watch mode (coming soon). |
+| `--watch` | `-w` | Watch files and rebuild on change. |
 | `--config` | `-c` | Path to config file. |
 | `--input` | `-i` | Pattern directory (Default: `swatches/`). |
 | `--outDir` | `-o` | Output directory (Default: `public/swatchkit`). |

package/build.js

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 const fs = require("fs");
 const path = require("path");
+const chokidar = require("chokidar");
 const { processTokens } = require("./src/tokens");
 
 /**
@@ -479,6 +480,43 @@ function build(settings) {
   console.log(`Build complete! Generated ${settings.outputFile}`);
 }
 
+// --- 6. Watch Logic ---
+function watch(settings) {
+  const watchPaths = [
+    settings.patternsDir,
+    settings.tokensDir,
+    settings.projectLayout,
+    settings.stylesCssFile
+  ].filter(p => fs.existsSync(p)); // Only watch files that exist
+
+  console.log("[SwatchKit] Watch mode enabled.");
+  console.log("Watching for changes in:");
+  watchPaths.forEach(p => console.log(`  - ${p}`));
+
+  let buildTimeout;
+  const rebuild = () => {
+    if (buildTimeout) clearTimeout(buildTimeout);
+    buildTimeout = setTimeout(() => {
+      try {
+        console.log("[SwatchKit] Change detected. Rebuilding...");
+        build(settings);
+      } catch (e) {
+        console.error("[SwatchKit] Build failed:", e.message);
+      }
+    }, 100); // 100ms debounce
+  };
+
+  const watcher = chokidar.watch(watchPaths, {
+    ignored: /(^|[\/\\])\../, // ignore dotfiles
+    persistent: true,
+    ignoreInitial: true
+  });
+
+  watcher.on('all', (event, path) => {
+    rebuild();
+  });
+}
+
 // --- Main Execution ---
 try {
   const cliOptions = parseArgs(process.argv);
@@ -490,7 +528,7 @@ try {
   } else {
     build(settings);
     if (cliOptions.watch) {
-      console.log("[SwatchKit] Watch mode is not yet fully implemented.");
+      watch(settings);
     }
   }
 } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "swatchkit",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "A lightweight tool for creating HTML pattern libraries.",
   "main": "build.js",
   "bin": {
@@ -23,5 +23,8 @@
   "bugs": {
     "url": "https://github.com/cwebley/swatchkit/issues"
   },
-  "homepage": "https://github.com/cwebley/swatchkit#readme"
+  "homepage": "https://github.com/cwebley/swatchkit#readme",
+  "dependencies": {
+    "chokidar": "^5.0.0"
+  }
 }