swatchkit 0.0.8 → 0.0.10

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`). |
@@ -189,15 +191,6 @@ module.exports = {
   css: './assets/css',
   
   // Exclude files (supports glob patterns)
-  exclude: ['*.test.js', 'temp*'],
-  
-  // Override token settings
-  tokens: {
-    input: './design-tokens',    // Where token JSON files live
-    leading: {
-      ratio: 1.25,               // Modular scale ratio
-      base: 1
-    }
-  }
+  exclude: ['*.test.js', 'temp*']
 };
 ```

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");
 
 /**
@@ -196,20 +197,7 @@ function runInit(settings, options) {
   copyDefault('text-weights.json', 'text-weights.json');
 
   // 3. Create Text Leading Token
-  const leadingFile = path.join(tokensDir, "text-leading.json");
-  if (!fs.existsSync(leadingFile)) {
-    const srcPath = path.join(__dirname, 'src/blueprints/text-leading.json');
-    let sampleLeading = JSON.parse(fs.readFileSync(srcPath, 'utf-8'));
-
-    // Get settings from config or defaults
-    const leadingConfig = settings.fileConfig?.tokens?.leading || {};
-    if (leadingConfig.base) sampleLeading.base = leadingConfig.base;
-    if (leadingConfig.ratio) sampleLeading.ratio = leadingConfig.ratio;
-    if (leadingConfig.items) sampleLeading.items = leadingConfig.items;
-
-    fs.writeFileSync(leadingFile, JSON.stringify(sampleLeading, null, 2));
-    console.log(`Created sample tokens file at ${leadingFile}`);
-  }
+  copyDefault('text-leading.json', 'text-leading.json');
 
   // 4. Create Viewports Token
   copyDefault('viewports.json', 'viewports.json');
@@ -479,6 +467,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 +515,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.10",
   "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"
+  }
 }