@webdesignhot/design-md 0.4.0 → 0.5.0

package/package.json

@@ -1,14 +1,23 @@
 {
   "name": "@webdesignhot/design-md",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Drop any DESIGN.md into your repo in one command. Browse, install, lint, diff, and export design systems extracted from real production sites.",
-  "keywords": ["design.md", "design-system", "design-tokens", "ai-agents", "cli", "tailwind", "figma", "dtcg"],
+  "keywords": [
+    "design.md",
+    "design-system",
+    "design-tokens",
+    "ai-agents",
+    "cli",
+    "tailwind",
+    "figma",
+    "dtcg"
+  ],
   "author": "webdesignhot",
   "license": "MIT",
   "homepage": "https://www.webdesignhot.com/design.md/",
   "repository": {
     "type": "git",
-    "url": "https://github.com/WebDesignHot/design-md"
+    "url": "git+https://github.com/WebDesignHot/design-md.git"
   },
   "bin": {
     "design-md": "bin/design-md.mjs"
@@ -23,6 +32,9 @@
   "engines": {
     "node": ">=18"
   },
+  "scripts": {
+    "prepublishOnly": "node -e \"const p=require('./package.json');const e=require('child_process').execSync;let r='0.0.0';try{r=e('npm view '+p.name+' version 2>/dev/null').toString().trim()||'0.0.0'}catch(_){};if(p.version===r){console.error('\\n\\x1b[31m✗ '+p.name+'@'+p.version+' already on npm. Bump version before publishing.\\x1b[0m\\n');process.exit(1)}console.log('→ '+p.name+': '+r+' → '+p.version)\""
+  },
   "dependencies": {
     "@clack/prompts": "^0.7.0",
     "kleur": "^4.1.5",

package/src/commands/diff.mjs

@@ -14,6 +14,19 @@ function parseFlags(args) {
   return { flags, positional }
 }
 
+function flatten(obj, prefix = '') {
+  const out = {}
+  if (!obj || typeof obj !== 'object') return out
+  for (const [k, v] of Object.entries(obj)) {
+    const key = prefix ? `${prefix}.${k}` : k
+    if (v == null) continue
+    if (Array.isArray(v)) out[key] = `[${v.join(', ')}]`
+    else if (typeof v === 'object') Object.assign(out, flatten(v, key))
+    else out[key] = String(v)
+  }
+  return out
+}
+
 function diffMaps(left, right) {
   const result = { added: {}, removed: {}, modified: {} }
   const keys = new Set([...Object.keys(left), ...Object.keys(right)])
@@ -39,10 +52,13 @@ export const diff = {
     const A = await readDesignMd(resolve(process.cwd(), a))
     const B = await readDesignMd(resolve(process.cwd(), b))
     const colors = diffMaps(flattenColors(A.data), flattenColors(B.data))
-    const radii = diffMaps(A.data.radius ?? {}, B.data.radius ?? {})
+    const radii = diffMaps(flatten(A.data.radius ?? {}), flatten(B.data.radius ?? {}))
+    const typography = diffMaps(flatten(A.data.typography ?? {}), flatten(B.data.typography ?? {}))
+    const spacing = diffMaps(flatten(A.data.spacing ?? {}), flatten(B.data.spacing ?? {}))
+    const components = diffMaps(flatten(A.data.components ?? {}), flatten(B.data.components ?? {}))
 
     if (flags.format === 'json') {
-      console.log(JSON.stringify({ colors, radii }, null, 2))
+      console.log(JSON.stringify({ colors, radii, typography, spacing, components }, null, 2))
       return
     }
 
@@ -61,5 +77,8 @@ export const diff = {
 
     printSection('Colors', colors)
     printSection('Radii', radii)
+    printSection('Typography', typography)
+    printSection('Spacing', spacing)
+    printSection('Components', components)
   },
 }