guise-ui 1.5.3

A component library for gpui, Zed's GPU-accelerated UI framework: a themed palette, sizing tokens, 130+ composable components, a reactive state layer, and an in-app Safari-style inspector.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108

//! `Sparkline` — a tiny inline trend line with an optional area fill.
//!
//! ```ignore
//! use guise::chart::Sparkline;
//!
//! Sparkline::new([3.0, 5.0, 2.0, 8.0, 6.0]).fill()
//! ```

use gpui::prelude::*;
use gpui::{canvas, px, App, Hsla, IntoElement, Window};

use crate::style::ColorValue;
use crate::theme::theme;

use super::{paint_polyline, resolve_color};
use crate::devtools::Probed;

/// A minimal, axis-free polyline over a value series. Values are min/max
/// normalized to the chart height; fewer than two values paint nothing.
#[derive(IntoElement)]
pub struct Sparkline {
  values: Vec<f32>,
  color: Option<ColorValue>,
  stroke: f32,
  fill: bool,
  width: Option<f32>,
  full_width: bool,
  height: f32,
}

impl Sparkline {
  pub fn new(values: impl IntoIterator<Item = f32>) -> Self {
    Sparkline {
      values: values.into_iter().collect(),
      color: None,
      stroke: 2.0,
      fill: false,
      width: None,
      full_width: false,
      height: 32.0,
    }
  }

  /// Line color. Defaults to the theme primary.
  pub fn color(mut self, color: impl Into<ColorValue>) -> Self {
    self.color = Some(color.into());
    self
  }

  /// Stroke width in px (default 2).
  pub fn stroke(mut self, width: f32) -> Self {
    self.stroke = width.max(0.5);
    self
  }

  /// Fill the area between the line and the baseline (line color at 0.15 alpha).
  pub fn fill(mut self) -> Self {
    self.fill = true;
    self
  }

  /// Fixed width in px (default 120).
  pub fn width(mut self, width: f32) -> Self {
    self.width = Some(width);
    self
  }

  /// Stretch to the parent's width instead of a fixed one.
  pub fn full_width(mut self) -> Self {
    self.full_width = true;
    self
  }

  /// Height in px (default 32).
  pub fn height(mut self, height: f32) -> Self {
    self.height = height;
    self
  }
}

impl RenderOnce for Sparkline {
  fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
    let t = theme(cx);
    let line = self
      .color
      .map(|c| resolve_color(t, c))
      .unwrap_or_else(|| t.primary().hsla());
    let area = self.fill.then_some(Hsla { a: 0.15, ..line });
    let stroke = self.stroke;
    let values = self.values;

    let plot = canvas(
      |_, _, _| (),
      move |bounds, _, window, _cx| {
        paint_polyline(window, bounds, &values, stroke, line, area);
      },
    )
    .h(px(self.height));

    let element = if self.full_width {
      plot.w_full()
    } else {
      plot.w(px(self.width.unwrap_or(120.0)))
    };

    element.probe("Sparkline")
  }
}