Skip to content

v2.4.3 — engine fix: shared CSS systems restored on every token

Latest
Latest

Choose a tag to compare

View all tags
@Kayforkind Kayforkind released this 27 Aug 02:03
· 1 commit to main since this release
v2.4.3
1f85b59

What's new in v2.4.3 — the engine fix that restored every page's design system

Fix — token dispatch ran before shared CSS systems were built

  • Root cause: every generated page embedded undefined where its shared CSS should be. The token switch sat above the var bandCss / var artCss assignments, so every page shipped without its mesh aurora fields, giant data-wash numbers, dot grids, constellations, iso-stacks, glyph tiles, donut charts, mini bars, stats bands, bento grids, and band marquees/footers — while still passing the craft audit (which checks body markup, not CSS).
  • Fix: the dispatch switch now runs after every shared CSS system is assigned. No token output contains a literal undefined (locked by a new regression test).

More fixes on the same path

  • Data-wash numbers no longer glue together — 336,000 + 40,000 previously rendered as one clipped blob (336,00040,00). The wash is now space-evenly with gap, a 32vw per-span cap, and text-overflow:ellipsis at narrow widths. Numbers stay separate and legible on desktop and phone.
  • The webpage token's isometric stamp now floats — artCss (prism float, drop shadow, glyph tiles) was never included in the webpage token's stylesheet; the hero stamp now carries it like every other token.
  • Palette check hardened — the dashboard token now uses palette vars instead of hard-coded slate hexes, and the palette constraint counts colors case-insensitively (so #FF3366 vs #ff3366 is one color, not two). 1500/1500 stress-test cells pass.

Regenerated artifacts

All seven end-user examples were regenerated through the fixed engine — auto.html, alternates, before-after.webp, gallery.webp, and the showcase desktop/phone shots — and docs/engine.js + extension/engine.js are rebuilt so the live playground shares the fix. This release ships the regenerated before/after WebP pair for every example as release assets.

Validation

  • 59/59 unit tests · 1500-cell stress test (100 sources × 15 tokens) 0 errors, 0 undefined, fidelity avg 99.6% · audit 0 failures · gold review PASS · all workflow YAMLs parse

Full changelog: CHANGELOG.md

🛒 GitHub Actions Marketplace

This release publishes the reimagine-it Design Health action to the GitHub Actions marketplace.

Quick start

- uses: Kayforkind/reimagine-it@v2.4.3
  with:
    path: "**/*.html"

What it checks

Category Checks
Typography Hierarchy levels, text measure, missing display fonts
Palette Off-palette accents, unstyled ::selection, >5 non-neutral colors
Motion Missing prefers-reduced-motion, missing :focus-visible, non-compositor animation
Content Blank plates, placeholder labels, fabricated content
Structure No hero SVG, missing landmarks, broken images
Performance Missing content-visibility, CLS risk, DOM depth

18 deterministic rules. No LLM. No API key.

📊 Measured quality (auto-generated)

Direction Fidelity (title kept) Usability (quality /100) Content art (glyphs/donut/bars/prism)
webpage 18/18 100/100 9.0
landing 18/18 100/100 10.0
dashboard 18/18 100/100 10.8
infographic 18/18 100/100 9.0
cinematic 18/18 100/100 13.0
artistic 18/18 100/100 11.0
photography 18/18 100/100 20.0
svg 18/18 100/100 10.0
3js 18/18 100/100 2.0
simulation 18/18 100/100 13.0
glass 18/18 100/100 10.0
editorial 18/18 100/100 8.0
motion 18/18 100/100 14.0
gradient 18/18 100/100 10.0
showcase 18/18 100/100 14.0
Output diversity: 27.5% mean pairwise difference between directions on the same source — no two tokens produce the same page.
Coverage: 60 generated pages (15 tokens × 4 sources), all audited structurally. Regenerate with node scripts/benchmark-tokens.js.
Assets 10
Loading