dembrandt 0.2.0 → 0.3.0

package/README.md

@@ -26,6 +26,7 @@ Dembrandt analyzes live websites and extracts their complete design system:
 - **Typography** — Font families, sizes, weights, line heights, font sources (Google Fonts, Adobe Fonts, custom)
 - **Spacing** — Margin and padding scales with grid system detection (4px/8px/custom)
 - **Border Radius** — Corner radius patterns with usage frequency
+- **Borders** — Border widths, styles (solid, dashed, dotted), and colors with confidence scoring
 - **Shadows** — Box shadow values for elevation systems
 - **Buttons** — Component styles with variants and states
 - **Inputs** — Form field styles (input, textarea, select)
@@ -174,6 +175,14 @@ dembrandt stripe.com --mobile
 
 Simulates a mobile device viewport for responsive design token extraction.
 
+**`--slow`** - Use 3x longer timeouts for slow-loading sites
+
+```bash
+dembrandt linkedin.com --slow
+```
+
+Helpful for sites with heavy JavaScript, complex SPAs, or aggressive bot detection that need extra time to fully load.
+
 ## Output
 
 ### Automatic JSON Saves
@@ -272,6 +281,9 @@ dembrandt mysite.com --json-only | jq '{
   fontFamily: .typography.sources,
   spacing: .spacing.commonValues
 }' > design-tokens.json
+
+# Or use the built-in Tailwind CSS exporter (see lib/exporters.js)
+# Converts extracted tokens to Tailwind config format
 ```
 
 ## Use Cases
@@ -361,11 +373,12 @@ Use `--debug` to see:
 
 ```
 dembrandt/
-├── index.js              # CLI entry point, command handling
+├── index.js                      # CLI entry point, command handling
 ├── lib/
-│   ├── extractors.js     # Core extraction logic with stealth mode
-│   └── display.js        # Terminal output formatting
-├── output/               # Auto-saved JSON extractions (gitignored)
+│   ├── extractors.js             # Core extraction logic with stealth mode
+│   ├── display.js                # Terminal output formatting
+│   └── exporters.js              # Export to Tailwind CSS config (NEW)
+├── output/                       # Auto-saved JSON extractions (gitignored)
 │   ├── stripe.com/
 │   │   ├── 2025-11-22T14-30-45.json
 │   │   └── 2025-11-22T15-12-33.json
@@ -400,6 +413,7 @@ MIT
 - [x] Dark mode extraction (via `--dark-mode` flag)
 - [x] Mobile viewport support (via `--mobile` flag)
 - [x] Clickable terminal links for modern terminals
+- [?] Figma integration branch: `figma-integration`
 - [ ] Animation/transition detection
 - [ ] Interactive state capture (hover, focus, active)
 - [ ] Multi-page analysis

package/index.js

@@ -26,6 +26,7 @@ program
   .option("--verbose-colors", "Show medium and low confidence colors")
   .option("--dark-mode", "Extract colors from dark mode")
   .option("--mobile", "Extract from mobile viewport")
+  .option("--slow", "3x longer timeouts for slow-loading sites")
   .action(async (input, opts) => {
     let url = input;
     if (!url.match(/^https?:\/\//)) url = "https://" + url;
@@ -64,6 +65,7 @@ program
             navigationTimeout: 90000,
             darkMode: opts.darkMode,
             mobile: opts.mobile,
+            slow: opts.slow,
           });
           break;
         } catch (err) {
@@ -89,7 +91,7 @@ program
         }
       }
 
-      spinner.succeed("Done!");
+      console.log();
 
       // Save JSON output automatically (unless --json-only)
       if (!opts.jsonOnly) {
@@ -109,14 +111,14 @@ program
 
           console.log(
             chalk.dim(
-              `\n💾 JSON saved to: ${chalk.cyan(
+              `💾 JSON saved to: ${chalk.hex('#8BE9FD')(
                 `output/${domain}/${filename}`
               )}`
             )
           );
         } catch (err) {
           console.log(
-            chalk.yellow(`⚠ Could not save JSON file: ${err.message}`)
+            chalk.hex('#FFB86C')(`⚠ Could not save JSON file: ${err.message}`)
           );
         }
       }
@@ -125,6 +127,7 @@ program
       if (opts.jsonOnly) {
         console.log(JSON.stringify(result, null, 2));
       } else {
+        console.log();
         displayResults(result, { verboseColors: opts.verboseColors });
       }
     } catch (err) {
@@ -140,7 +143,7 @@ program
 
       if (!opts.debug) {
         console.log(
-          chalk.yellow(
+          chalk.hex('#FFB86C')(
             "\nTip: Try with --debug flag for tough sites and detailed error logs"
           )
         );