Skip to content

Releases: bobrowsse-tech/design-token-extractor

v0.6.0

Choose a tag to compare

@bobrowsse-tech bobrowsse-tech released this 09 Sep 13:56
0b1eabe

Marketplace / Open VSX

Extension 0.6.0 makes Apply visible in open editors, adds an Activity Bar Design Tokens view, and treats multi-layer shadows and transitions as whole tokens.

npm

  • @design-token-extractor/core@0.6.0
  • @design-token-extractor/cli@0.6.0

Highlights

  • Apply syncs open editors after writing files; unsaved targets must be saved first (or Apply cancels)
  • Undo From History can open native vscode.diff (Backup ↔ Current)
  • Activity Bar Design Tokens view and pending-review status bar item
  • clustering.minOccurrences (default 1) — below-threshold values stay on Review
  • composites.mode: whole-value (default) or component
  • Composite lexer with normalize-before-hash; multi-layer shadows/transitions stay one token
  • Bounded literal matching (2px is not a slice of 12px); layout percentages are not spacing; mixed-role values keep primitive names

v0.5.0

Choose a tag to compare

@bobrowsse-tech bobrowsse-tech released this 08 Sep 05:42
5cd400f

Marketplace / Open VSX

Extension 0.5.0 adds native Design Tokens settings and Review Clusters, plus broader extract/rewrite: Vue / HTML / JS-TS, Tailwind arbitrary values, CSS-in-JS, LESS via postcss-less, assisted apply, and CLI preview / apply --yes.

npm

  • @design-token-extractor/core@0.5.0
  • @design-token-extractor/cli@0.5.0

Highlights

  • Native Settings → Design Tokens (include, exclude, outputDir, naming.*, clustering.*, theme.darkMarkers, codeLens.enabled); rc > workspace > user > defaults, with JSON Schema for .designtokenrc.json
  • Review Clusters to merge or keep near-matches; Map Semantic Alias; decisions persist on tokens.lock.json
  • Scan Vue / HTML / JS-TS, Tailwind arbitrary values, CSS-in-JS tagged templates, and LESS; extract lengths/times from unknown properties
  • Multi-root workspaces, incremental scan cache, configurable theme markers
  • Semantic names and naming cases (kebab / camel / pascal / snake); Rename Token rewrites var(--old) / $old in source
  • Assisted apply for unique shorthand / calc() / media values; Preview category filter; workspace CodeLens counts
  • Undo From History; CLI preview and apply --yes
  • Contrast pairs ancestor / inherited / document backgrounds and composites semi-transparent colors

v0.4.0

Choose a tag to compare

@bobrowsse-tech bobrowsse-tech released this 07 Sep 16:00
e4b0742

Marketplace / Open VSX

Extension 0.4.0 makes CodeLens replace undo-safe (per-declaration edits plus Undo Last Migration), flags probable typos without merging them, and names colors from Tailwind / CSS named-color matches when they are perceptually close.

npm

  • @design-token-extractor/core@0.4.0
  • @design-token-extractor/cli@0.4.0

Highlights

  • CodeLens replace edits each declaration in place so Ctrl/Cmd+Z undoes just those replacements; Apply writes on disk and points undo at Undo Last Migration
  • Snapshot before replace/apply, restore after close/reopen, and warn before rewrite when git rollback is not available
  • Hex case variants (#3B82F6 / #3b82f6, #FFF / #ffffff) replace together
  • Probable typos (rare near-duplicates next to a common or standard breakpoint / font-size / line-height) are reported, not merged; same-selector media-query overrides are skipped
  • Verified color names plus Rename Token; skip --custom-property definitions; treat quote/whitespace-only font stacks as one cluster

v0.3.0

Choose a tag to compare

@bobrowsse-tech bobrowsse-tech released this 07 Sep 11:59

Marketplace / Open VSX

Extension 0.3.0 parses modern CSS colors (oklch() and the rest of Color Module 4), writes DTCG 2025.10 color objects and composite shadow / border / transition / typography tokens, and adds opacity, border-width, and flex-basis.

npm

  • @design-token-extractor/core@0.3.0
  • @design-token-extractor/cli@0.3.0

Highlights

  • oklch() / oklab() / lab() / lch() / hwb() / modern rgb()/hsl() / color(srgb|display-p3) now name, cluster, and contrast-check (culori is the test reference only)
  • DTCG color $value is an object (colorSpace, components, alpha); dimensions and durations are {value, unit}
  • Single-layer box-shadow, border, and transition are one token; typography composites are per declaration block
  • Preview-before-apply and never-auto-merge are unchanged

v0.2.2

Choose a tag to compare

@bobrowsse-tech bobrowsse-tech released this 07 Sep 09:46

Marketplace / Open VSX

Extension 0.2.2 adds the full how-to on the listing: install, scan, generate, preview, apply, undo, CodeLens, config, and safety rules.

npm packages stay at 0.2.0 (already published).

v0.2.1

Choose a tag to compare

@bobrowsse-tech bobrowsse-tech released this 07 Sep 08:39

First GitHub Release of Design Token Extractor & Migrator.

Publishes bobrowsse-tech.design-token-extractor-migrator 0.2.1 to the Visual Studio Marketplace and Open VSX, then attaches the VSIX to this release.

Marketplace

https://marketplace.visualstudio.com/items?itemName=bobrowsse-tech.design-token-extractor-migrator