Skip to main content

makeover_layout/
column.rs

1// Names this module's prose links to, resolved for rustdoc.
2#[allow(unused_imports)]
3use crate::{FieldKind, Fill, Region, RowPart};
4
5/// How much room a placement asks for.
6///
7/// A column says it, and so does a form field. An intent, so the actual floor
8/// stays with `makeover-geometry`. goingson's task table spells these as
9/// `minmax(200px, 1fr)`, `140px` and content-sized; only the first three words
10/// of that survive deferral.
11/// `#[non_exhaustive]`, for the reason [`Fill`] and [`FieldKind`] are: a
12/// renderer matches on this and a vocabulary that grows must not break every
13/// renderer when it does.
14#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
15#[non_exhaustive]
16pub enum Width {
17    /// Takes what it needs and no more.
18    Content,
19    /// A fixed share, the same at every width.
20    ///
21    /// For a table column, the column's floor. For a field, its kind's own
22    /// measure, one length per [`FieldKind`](crate::FieldKind) that every
23    /// renderer draws alike; a kind with no measure of its own, and any other
24    /// member of a run, draws at its content.
25    Fixed,
26    /// Absorbs whatever is left over.
27    ///
28    /// **Several fills divide what is left equally.** Stated because it would
29    /// otherwise be undefined and each renderer would invent something, and
30    /// stated this way because equal division is the only sharing rule that
31    /// answers to "Any width, one answer" without a tiebreak: allocating in
32    /// declaration order makes the result depend on the order the description
33    /// was written in, which is a fact about the source file and not about the
34    /// screen. It documents what both renderers already do (CSS grid gives
35    /// `1fr 1fr`, ratatui gives each a `Constraint::Fill(1)`) rather than
36    /// changing anything.
37    ///
38    /// So a row of fills is a legal thing to describe, and there is no rule
39    /// against it.
40    Fill,
41}
42
43/// What a member is worth when there is not room for all of them.
44///
45/// Written for table columns and no longer only theirs. Three shapes ask the
46/// same question and this answers all three: a table too narrow for its
47/// columns, a row too narrow for its parts (see [`RowPart::priority`]), and a
48/// group of regions sharing one run of room, goingson's tab strip and the
49/// [`Region::Band`] beside it, which is the case wiki `layout-room-and-fallback`
50/// was ruled on. It is what any member of a group is worth, not a table
51/// concept, and [`Fallback::Shed`] is what reads it.
52///
53/// The doc below is the column argument, which is where the type was measured;
54/// the sentence that gave it away is [`Priority::Essential`]'s, which was
55/// already written about a row.
56///
57/// Ordered: [`Priority::Optional`] drops first, [`Priority::Essential`] never
58/// drops. This replaces addressing columns by position, which is what both
59/// webview apps do today and is a live bug rather than only verbosity. goingson
60/// hides mobile columns with `nth-child(n+5)` against a seven-column table, so
61/// inserting a column silently hides the wrong one.
62/// `#[non_exhaustive]`, same reasoning as [`Width`]. Note the ordering is the
63/// whole point of the type, so a new tier has to be declared in its place in
64/// the sequence rather than appended.
65#[derive(Debug, Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash)]
66#[non_exhaustive]
67pub enum Priority {
68    /// Dropped first.
69    Optional,
70    /// Dropped once the optional members are gone.
71    Secondary,
72    /// Never dropped. Without it the group does not identify itself.
73    Essential,
74}
75
76impl Priority {
77    /// Every cutoff, weakest first: the order a narrowing renderer raises
78    /// through.
79    ///
80    /// The one list of tiers. A renderer walks this rather than writing its
81    /// own, so a tier added here is one every renderer narrows to.
82    pub const RAISING: &'static [Self] = &[Self::Optional, Self::Secondary, Self::Essential];
83}
84
85/// What the columns kept at a cutoff ask for.
86///
87/// Counted in `ch` and in columns, and never in a host's unit: each renderer
88/// turns it into its own with [`Budget::width`], which is the one gap model
89/// every native renderer budgets by.
90#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, Default)]
91#[non_exhaustive]
92pub struct Budget {
93    /// How many columns are kept.
94    pub columns: u32,
95    /// Their [`floor`](ColumnRoom::floor)s, summed, in `ch`.
96    pub floors: u32,
97}
98
99impl Budget {
100    /// The width these columns need, at `ch` per `ch` and `gap` between
101    /// adjacent columns and at each edge.
102    ///
103    /// `floors * ch + gap * (columns + 1)`. A terminal passes one cell per `ch`
104    /// and its column spacing; an immediate-mode painter passes the width of a
105    /// figure and its cell padding on both sides. One formula, so a table
106    /// drops a column at the same declared width in both.
107    #[must_use]
108    pub fn width(self, ch: f32, gap: f32) -> f32 {
109        self.floors as f32 * ch + gap * (self.columns + 1) as f32
110    }
111}
112
113/// The lengths a description deferred, in a renderer's own unit.
114///
115/// [`Width`] says `Content`, `Fixed` or `Fill` and carries no magnitude,
116/// because a magnitude is an answer for one renderer. Each renderer holds this
117/// over its own unit (cells, points, CSS lengths) and looks a column up by
118/// name, because an app's columns are not all one size.
119#[derive(Debug, Clone, Copy, PartialEq, Default)]
120#[non_exhaustive]
121pub struct Sizing<'a, L> {
122    /// `(column name, length)`: the track for a [`Width::Fixed`] column and the
123    /// floor for a [`Width::Fill`] one.
124    pub lengths: &'a [(&'a str, L)],
125    /// Used for a column with no entry above.
126    pub fallback: L,
127}
128
129impl<'a, L: Copy> Sizing<'a, L> {
130    /// These lengths, and `fallback` for a column not among them.
131    #[must_use]
132    pub const fn new(lengths: &'a [(&'a str, L)], fallback: L) -> Self {
133        Self { lengths, fallback }
134    }
135
136    /// The length for a named column.
137    #[must_use]
138    pub fn length_for(&self, name: &str) -> L {
139        self.lengths
140            .iter()
141            .find(|(column, _)| *column == name)
142            .map_or(self.fallback, |(_, length)| *length)
143    }
144}
145
146/// What a group does when it runs out of room.
147///
148/// Authored, and required: the field carrying this has no `Default` and a group
149/// cannot be described without saying what it does when it runs out of room.
150/// More intentionality from layout designers is acceptable so long as the constraints are solvable, because the goal is
151/// enabling good layouts rather than rescuing bad ones. A default here would be
152/// the crate guessing, and the guess would be silently wrong on the screens
153/// that matter.
154///
155/// Relief resolves inside-out. A group asks its children to fall back before
156/// falling back itself, or an outer group collapses while an inner one still
157/// had slack.
158///
159/// # No `Swap`
160///
161/// An authored alternate group for the tight case is deliberately out of the
162/// first cut. It doubles the description for that group and the two halves can
163/// drift, which is the failure this vocabulary exists to end. Add it when a
164/// site proves it needs one.
165///
166/// `#[non_exhaustive]`, [`Width`]'s reasoning. Unlike [`Priority`] there is no
167/// order to preserve, so a member can be appended.
168#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
169#[non_exhaustive]
170pub enum Fallback {
171    /// One row becomes two. Every member stays, in the order described.
172    Wrap,
173    /// A row becomes a column. Every member stays, full width.
174    Stack,
175    /// Members drop by [`Priority`], down to [`Priority::Essential`].
176    ///
177    /// What a narrow table already does with its columns, applied to a group.
178    /// What drops is gone from the screen, so this is right when the dropped
179    /// members are facts the reader can do without and wrong when they are the
180    /// only way to act.
181    Shed,
182    /// The members [`Shed`](Self::Shed) would drop move into one overflow
183    /// control instead.
184    ///
185    /// The answer when a group holds actions. A control is not a fact: dropping
186    /// it does not cost the reader a detail, it costs them the only way to act,
187    /// which is [`RowPart::priority`]'s argument one level up.
188    Menu,
189}
190
191/// The widest a column's [`floor`](ColumnRoom::floor) may be, in `ch`.
192///
193/// A bound so a webview can name every floor as a class from a fixed ladder:
194/// a container condition cannot read a custom property, so the length a
195/// column hides its contents under has to be written into the stylesheet.
196/// Wider than any column the tree declares, and a column wanting more is a
197/// [`Width::Fill`] with this as its floor.
198pub const MIN_CEILING: u16 = 64;
199
200/// The floor an undeclared [`Width::Fill`] column takes, in `ch`.
201const FILL_FLOOR: u16 = 16;
202
203/// The number of characters in a heading, for a `ch`-based floor.
204///
205/// `str::chars().count()` is not const and [`ColumnRoom::floor`] is, so this counts
206/// UTF-8 code points by hand. `len()` counts bytes, which over-reserves a
207/// multi-byte heading: a Cyrillic `Статус` reads as 12 `ch` rather than 6.
208const fn char_len(s: &str) -> usize {
209    let bytes = s.as_bytes();
210    let mut chars = 0;
211    let mut i = 0;
212    while i < bytes.len() {
213        chars += 1;
214        let byte = bytes[i];
215        i += if byte < 0x80 {
216            1
217        } else if byte < 0xE0 {
218            2
219        } else if byte < 0xF0 {
220            3
221        } else {
222            4
223        };
224    }
225    chars
226}
227
228/// What a column holds.
229///
230/// wiki `table-model`: the kind is what carries a column's look, and four of
231/// the reference table's six rules were per kind rather than per table. A
232/// description states what the column is; each renderer decides what that
233/// looks like in its host, from the facts below rather than from the name.
234///
235/// `#[non_exhaustive]`, [`Width`]'s reasoning.
236#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, Default)]
237#[non_exhaustive]
238pub enum ColumnKind {
239    /// Prose. Wraps. What a column is when it says nothing else.
240    #[default]
241    Text,
242    /// A name a machine made: a fingerprint, a hash, a slug. Monospace, and
243    /// breaks mid-string rather than widening the table.
244    Identifier,
245    /// A point in time. Never wraps, so a date cannot print over its
246    /// neighbour, and its figures line up down the column.
247    Date,
248    /// A quantity. Figures line up and the column aligns to its end, so
249    /// magnitudes compare by length.
250    Number,
251    /// Source text, one row per line. Monospace and never wrapped. A table
252    /// holding one is read as code, so its rows are not striped or spaced as
253    /// records.
254    Code,
255    /// A state the row is in, drawn as a chip rather than as coloured text.
256    Status,
257    /// The row's controls. Aligns to its end and shrinks to what it holds.
258    Actions,
259}
260
261impl ColumnKind {
262    /// The narrowest a column of this kind reads at, in `ch`, when it declares
263    /// nothing narrower.
264    ///
265    /// A date is ten characters in the form every host writes, and a number
266    /// cut short is a different number, so the kinds that cannot truncate
267    /// floor at what they hold. Prose and identifiers wrap or break, so theirs
268    /// is only enough to be recognisable.
269    #[must_use]
270    pub const fn floor(self) -> u16 {
271        match self {
272            Self::Text | Self::Code | Self::Status | Self::Actions => 8,
273            Self::Identifier => 12,
274            Self::Date => 10,
275            Self::Number => 6,
276        }
277    }
278
279    /// Whether the column aligns to its end rather than its start.
280    #[must_use]
281    pub const fn aligns_end(self) -> bool {
282        matches!(self, Self::Number | Self::Actions)
283    }
284
285    /// Whether the column's text may wrap onto a second line.
286    ///
287    /// An identifier wraps by breaking mid-string, which is still a wrap: the
288    /// alternative is a fingerprint forcing the table wider than its pane.
289    #[must_use]
290    pub const fn wraps(self) -> bool {
291        matches!(self, Self::Text | Self::Identifier)
292    }
293
294    /// Whether the column is set in the monospace face.
295    #[must_use]
296    pub const fn monospace(self) -> bool {
297        matches!(self, Self::Identifier | Self::Code)
298    }
299
300    /// Whether figures in the column take equal widths.
301    #[must_use]
302    pub const fn tabular(self) -> bool {
303        matches!(self, Self::Date | Self::Number)
304    }
305}
306
307/// Which way a column is ordered.
308///
309/// Two, because there is no third. "Unsorted" is a column with no direction
310/// at all, and folding it in here would be the same absence said twice.
311#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
312#[non_exhaustive]
313pub enum Sort {
314    /// Smallest, earliest or first alphabetically at the top.
315    Ascending,
316    /// The other way.
317    Descending,
318}
319
320impl Sort {
321    /// The other direction, for a header that flips when pressed.
322    #[must_use]
323    pub const fn reversed(self) -> Self {
324        match self {
325            Self::Ascending => Self::Descending,
326            Self::Descending => Self::Ascending,
327        }
328    }
329
330    /// What a webview writes into `aria-sort`.
331    ///
332    /// Named here rather than in the webview renderer because a terminal and an
333    /// immediate-mode painter both want the same two words for a caret's label,
334    /// and three renderers picking their own is the drift this crate ends.
335    #[must_use]
336    pub const fn as_str(self) -> &'static str {
337        match self {
338            Self::Ascending => "ascending",
339            Self::Descending => "descending",
340        }
341    }
342
343    /// The caret a renderer draws for this direction.
344    ///
345    /// Here for [`as_str`](Self::as_str)'s reason, said about a glyph rather
346    /// than a word: three renderers picking their own is the drift this crate
347    /// ends. They had picked their own (two on the solid triangles and
348    /// `makeover-webview` on the arrows U+2191/U+2193) and agreeing by
349    /// coincidence in three files is not agreement.
350    ///
351    /// The reason generalizes past this pair and is the house rule now,
352    /// prefer the bolder, simpler glyph over the thinner or more complicated
353    /// one. A third spelling is not open for re-argument.
354    ///
355    /// **Bare, with no spacing.** Where the gap goes is each renderer's
356    /// business: `makeover-tui` and `makeover-immediate` carry a leading space
357    /// inside their `TableStyle` string and a webview emits its own in
358    /// `content`, so folding a space in here would make one of the two wrong.
359    ///
360    /// Neither face the web apps self-host carries these (IBM Plex Mono has one
361    /// glyph in the whole geometric-shapes block and Lato has none) so a
362    /// browser falls back per glyph until the in-house face ships with them
363    /// drawn in (wiki `typography-standard`). Cosmetic
364    /// drift in one renderer, not a reason to spell it three ways.
365    #[must_use]
366    pub const fn glyph(self) -> &'static str {
367        match self {
368            Self::Ascending => "\u{25B2}",
369            Self::Descending => "\u{25BC}",
370        }
371    }
372}
373
374/// What one column asks of the sizer: the room it needs and what it is worth.
375///
376/// A layout record and nothing else. It holds the heading only because the
377/// heading is what a column must at least fit, and it says whether a sort caret
378/// sits beside it for the same reason; what the column holds, how it is
379/// ordered and what pressing it does are its describer's. Every renderer sizes
380/// a table from these, so the floor and the cutoff are one rule on every host
381/// whatever type the columns were described in.
382#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
383pub struct ColumnRoom<'a> {
384    /// The heading the column must at least fit.
385    pub heading: &'a str,
386    /// How much room it asks for.
387    pub width: Width,
388    /// What it is worth when room runs out.
389    pub priority: Priority,
390    /// What it holds, which carries a floor of its own.
391    pub kind: ColumnKind,
392    /// The narrowest it may be before it drops, in `ch`, when declared.
393    ///
394    /// wiki `frontend-unification`: collapse points derive from declared
395    /// minimums only, so every host narrows at the same declared width rather
396    /// than at its own breakpoints. `ch` because every host has a direct
397    /// answer for it: a terminal cell is one, an immediate-mode painter
398    /// measures one off its face, and a webview draws one as nine sixteenths
399    /// of the base, a figure at a table's text size with room to spare. Not
400    /// the CSS `ch` itself, because a container condition resolves
401    /// font-relative units against a different font than the cell's, and the
402    /// column would hide at one width and be sized at another.
403    ///
404    /// `None` derives it from the kind and the heading, which is what most
405    /// columns want. Read it through [`floor`](Self::floor), never directly:
406    /// that is where the derivation, the rounding and the ceiling live, and a
407    /// host reading this field would narrow somewhere the other two do not.
408    pub min: Option<u16>,
409    /// Whether a sort caret sits beside the heading: the column is sortable,
410    /// or is the one the table is ordered by.
411    pub caret: bool,
412}
413
414impl<'a> ColumnRoom<'a> {
415    /// A text column under `heading` that fills and is essential, the defaults
416    /// a column takes when it says nothing.
417    #[must_use]
418    pub const fn new(heading: &'a str) -> Self {
419        Self {
420            heading,
421            width: Width::Fill,
422            priority: Priority::Essential,
423            kind: ColumnKind::Text,
424            min: None,
425            caret: false,
426        }
427    }
428
429    /// The narrowest this column may be before it drops, in `ch`.
430    ///
431    /// What every host narrows by: a column is kept at a cutoff only while the
432    /// floors of every column kept there fit. The declared [`min`](Self::min),
433    /// or else the widest of the kind's [`floor`](ColumnKind::floor), the
434    /// heading with two for its capitals and two more for a caret, and sixteen
435    /// for a [`Width::Fill`] column. Rounded up to an even count and held under
436    /// [`MIN_CEILING`], so a webview can carry the whole range as a fixed ladder
437    /// of classes and the other two hosts round the same way.
438    #[must_use]
439    pub const fn floor(&self) -> u16 {
440        let raw = match self.min {
441            Some(ch) => ch,
442            None => {
443                let caret = if self.caret { 2 } else { 0 };
444                // Characters, not bytes: `ch` is the width of a glyph, so a
445                // multi-byte heading counted by `len()` over-reserves (`Статус`
446                // reads as 12 ch rather than 6) and a non-Latin table drops
447                // columns sooner than the same table in another locale. Two more
448                // for the heading's capitals and tracking, which run wider than
449                // the figures a `ch` is measured off: `AMOUNT` at six ch is cut.
450                let chars = char_len(self.heading);
451                let heading = if chars > MIN_CEILING as usize {
452                    MIN_CEILING
453                } else {
454                    chars as u16 + 2 + caret
455                };
456                let kind = self.kind.floor();
457                // A column that takes the slack is the one holding prose, and
458                // floored at its kind it wraps a title onto three lines while
459                // the columns worth less still stand at full width.
460                let fill = if matches!(self.width, Width::Fill) {
461                    FILL_FLOOR
462                } else {
463                    0
464                };
465                let wider = if heading > kind { heading } else { kind };
466                if fill > wider { fill } else { wider }
467            }
468        };
469        // Clamped before rounding, so a declared `min(u16::MAX)` cannot
470        // overflow on its way to being held under the ceiling.
471        let raw = if raw > MIN_CEILING { MIN_CEILING } else { raw };
472        let even = raw + raw % 2;
473        if even < 2 {
474            2
475        } else if even > MIN_CEILING {
476            MIN_CEILING
477        } else {
478            even
479        }
480    }
481
482    /// Whether this column is kept at `cutoff`.
483    ///
484    /// A renderer narrows by raising the cutoff, and never by counting
485    /// positions.
486    #[must_use]
487    pub const fn kept_at(&self, cutoff: Priority) -> bool {
488        (self.priority as u8) >= (cutoff as u8)
489    }
490
491    /// What the columns kept at `cutoff` ask for.
492    #[must_use]
493    pub fn budget(rooms: &[Self], cutoff: Priority) -> Budget {
494        rooms
495            .iter()
496            .filter(|room| room.kept_at(cutoff))
497            .fold(Budget::default(), |budget, room| Budget {
498                columns: budget.columns + 1,
499                floors: budget.floors + u32::from(room.floor()),
500            })
501    }
502
503    /// The weakest cutoff whose kept columns `fits` accepts.
504    ///
505    /// Raised through [`Priority::RAISING`] until the columns fit, and never
506    /// past the strongest priority any column declares: the essential columns
507    /// are what makes a row identify itself, so a window too narrow for them
508    /// gets them squeezed rather than dropped. A table with no essential column
509    /// therefore never rises to [`Priority::Essential`], where the budget would
510    /// keep no column at all. Nothing here counts positions, so which column
511    /// drops is a property of the column.
512    #[must_use]
513    pub fn cutoff_for(rooms: &[Self], fits: impl Fn(Budget) -> bool) -> Priority {
514        let strongest = rooms
515            .iter()
516            .map(|room| room.priority)
517            .max()
518            .unwrap_or(Priority::Essential);
519        Priority::RAISING
520            .iter()
521            .copied()
522            .take_while(|&cutoff| cutoff <= strongest)
523            .find(|&cutoff| fits(Self::budget(rooms, cutoff)))
524            .unwrap_or(strongest)
525    }
526}
527
528/// What a table cell holds.
529///
530/// [`RowPart`] for tables, and it exists for the same reason: a part that
531/// carries a control is not text, and a renderer with one class for the whole
532/// cell paints it as though it were: a button in a cell inherits the cell's
533/// content colour, which is the drift [`RowPart::intent`] prevents for rows.
534///
535/// Four members, and the count is what quasi's `Cell` was measured to carry: a
536/// value, tokens, actions and a link. Nothing was added past what something
537/// holds.
538///
539/// `#[non_exhaustive]` for [`RowPart`]'s reason: growth here must not be a
540/// lockstep event across three renderers.
541///
542/// # No hover-reveal
543///
544/// This enum never gets one. A cell's actions are shown at rest in every
545/// consumer measured, and a member nothing uses is one three renderers owe an
546/// answer for.
547#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
548#[non_exhaustive]
549pub enum CellPart {
550    /// The cell's own text.
551    Value,
552    /// Small labelled things in the cell: a status badge, a chip.
553    Tokens,
554    /// Controls that act on what the row is about.
555    Actions,
556    /// The cell's value, where the value is itself a link.
557    Link,
558}
559
560impl CellPart {
561    /// The content intent the part takes.
562    ///
563    /// One part is text and three are not, so three answer with the intent
564    /// inheriting already gives. That is [`RowPart::intent`]'s shape with the
565    /// text side narrower: a cell's secondary and muted readings are the
566    /// column's business, not the cell's.
567    #[must_use]
568    pub const fn intent(self) -> &'static str {
569        match self {
570            Self::Value => "content",
571            // A token carries its own tone, and a part-level intent underneath
572            // it would fight the token sitting on it.
573            Self::Tokens => "content",
574            // Actions carry controls rather than text.
575            Self::Actions => "content",
576            // A link in a cell is its row's title, so it reads in the ink the
577            // values beside it do.
578            Self::Link => "content",
579        }
580    }
581}