Releases: Pompidup/cligrid
Releases · Pompidup/cligrid
v2.0.0
cligrid v2.0.0
Major release with new components, input paradigms, theming, and animation.
New Components
- Table — data table with column alignment, headers, and vertical scroll
- Spinner — animated loading indicator (dots, line, arc, bouncingBar)
- Tabs — tab navigation with Left/Right keyboard control
- Modal — dialog with title, body, navigable buttons, focus trap
- Checkbox — toggle input with Space/Enter control
Animation System
- Built-in
app.animate()with easing functions (linear, easeIn, easeOut, easeInOut, bounce, elastic) app.tick()for frame-based callbacks- Batch rendering with dirty-component accumulation
Mouse Support
- Click, scroll, hover detection (
mouseenter/mouseleave) - SGR protocol parsing, hit-testing via component positions
hoveredin RenderContext for hover-aware rendering
Theme System
- Design tokens:
primary,secondary,danger,success,warning,surface,text,border,muted,accent - Built-in dark/light presets, runtime switching with
app.setTheme()
Layout Enhancements
gapfor flex spacingminWidth,maxWidth,minHeight,maxHeightconstraintsjustifyContentandalignItemsfor flex distribution
Styling Enhancements
- Italic, strikethrough, inverse text styles
- Unicode width-aware rendering (emoji, CJK, zero-width joiners)
focusStylefor automatic visual focus indicators- Color utilities:
gradient(),lighten(),darken(),mix() - Horizontal scrolling with keyboard control and visual indicator
Full changelog: https://github.com/Pompidup/cligrid/blob/main/CHANGELOG.md
v1.1.0
What's New
- Styled segments — new
segmentsfield onRenderLineallows multiple styles within a single line viaStyledSegment[]. Each segment has its ownfg,bg,bold,dim,underline. The line-levelstyleacts as a base for all segments. - Text alignment — new
alignfield onRenderLinesupports"left"(default),"center", and"right"alignment within the component's content area. Works with both plain text and segments. - Segment-aware overflow —
hidden,ellipsis,wrap, andwrap-wordoverflow modes now correctly handle segments, truncating and wrapping across segment boundaries while preserving individual styles. - New demo —
pnpm demo:segmentsshowcases color palettes, log-level badges, text alignment, combined segments + alignment, and segment overflow with ellipsis.
Full Changelog: https://github.com/Pompidup/cligrid/blob/main/CHANGELOG.md