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/// The mark a column's heading carries, and so the tone it is drawn in.
375///
376/// Three states with a mark and one without (wiki `three-tone-convention`):
377/// the column in force, in its direction; a column that offers to be ordered
378/// and is not; and a column that is not a control at all. The idle mark spells
379/// as [`Sort::Ascending`], the direction a first press takes, so pressing a
380/// heading never changes its width.
381#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
382#[non_exhaustive]
383pub enum Caret {
384 /// The table is ordered by this column, this way.
385 Sorted(Sort),
386 /// The column offers to order the table and is not doing it now.
387 Idle,
388 /// No mark: the column neither orders the table nor offers to.
389 None,
390}
391
392impl Caret {
393 /// The caret for a column ordered by `sorted`, with
394 /// [`ColumnRoom::caret`] saying whether a caret sits beside its heading.
395 ///
396 /// A column sorted but not sortable still carries its direction: a list
397 /// ordered by a key the user cannot change is a real thing, and the caret
398 /// is how it says so.
399 #[must_use]
400 pub const fn of(sorted: Option<Sort>, caret: bool) -> Self {
401 match sorted {
402 Some(sort) => Self::Sorted(sort),
403 None if caret => Self::Idle,
404 None => Self::None,
405 }
406 }
407
408 /// The heading as every host writes it: `name` in capitals, then a space
409 /// and the glyph this caret spells, `ascending` or `descending`.
410 #[must_use]
411 pub fn label(self, name: &str, ascending: &str, descending: &str) -> String {
412 let label = name.to_uppercase();
413 let glyph = match self {
414 Self::Sorted(Sort::Descending) => descending,
415 Self::Sorted(Sort::Ascending) | Self::Idle => ascending,
416 Self::None => return label,
417 };
418 format!("{label} {glyph}")
419 }
420}
421
422/// What one column asks of the sizer: the room it needs and what it is worth.
423///
424/// A layout record and nothing else. It holds the heading only because the
425/// heading is what a column must at least fit, and it says whether a sort caret
426/// sits beside it for the same reason; what the column holds, how it is
427/// ordered and what pressing it does are its describer's. Every renderer sizes
428/// a table from these, so the floor and the cutoff are one rule on every host
429/// whatever type the columns were described in.
430#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
431pub struct ColumnRoom<'a> {
432 /// The heading the column must at least fit.
433 pub heading: &'a str,
434 /// How much room it asks for.
435 pub width: Width,
436 /// What it is worth when room runs out.
437 pub priority: Priority,
438 /// What it holds, which carries a floor of its own.
439 pub kind: ColumnKind,
440 /// The narrowest it may be before it drops, in `ch`, when declared.
441 ///
442 /// wiki `frontend-unification`: collapse points derive from declared
443 /// minimums only, so every host narrows at the same declared width rather
444 /// than at its own breakpoints. `ch` because every host has a direct
445 /// answer for it: a terminal cell is one, an immediate-mode painter
446 /// measures one off its face, and a webview draws one as nine sixteenths
447 /// of the base, a figure at a table's text size with room to spare. Not
448 /// the CSS `ch` itself, because a container condition resolves
449 /// font-relative units against a different font than the cell's, and the
450 /// column would hide at one width and be sized at another.
451 ///
452 /// `None` derives it from the kind and the heading, which is what most
453 /// columns want. Read it through [`floor`](Self::floor), never directly:
454 /// that is where the derivation, the rounding and the ceiling live, and a
455 /// host reading this field would narrow somewhere the other two do not.
456 pub min: Option<u16>,
457 /// Whether a sort caret sits beside the heading: the column is sortable,
458 /// or is the one the table is ordered by.
459 pub caret: bool,
460}
461
462impl<'a> ColumnRoom<'a> {
463 /// A text column under `heading` that fills and is essential, the defaults
464 /// a column takes when it says nothing.
465 #[must_use]
466 pub const fn new(heading: &'a str) -> Self {
467 Self {
468 heading,
469 width: Width::Fill,
470 priority: Priority::Essential,
471 kind: ColumnKind::Text,
472 min: None,
473 caret: false,
474 }
475 }
476
477 /// The narrowest this column may be before it drops, in `ch`.
478 ///
479 /// What every host narrows by: a column is kept at a cutoff only while the
480 /// floors of every column kept there fit. The declared [`min`](Self::min),
481 /// or else the widest of the kind's [`floor`](ColumnKind::floor), the
482 /// heading with two for its capitals and two more for a caret, and sixteen
483 /// for a [`Width::Fill`] column. Rounded up to an even count and held under
484 /// [`MIN_CEILING`], so a webview can carry the whole range as a fixed ladder
485 /// of classes and the other two hosts round the same way.
486 #[must_use]
487 pub const fn floor(&self) -> u16 {
488 let raw = match self.min {
489 Some(ch) => ch,
490 None => {
491 let caret = if self.caret { 2 } else { 0 };
492 // Characters, not bytes: `ch` is the width of a glyph, so a
493 // multi-byte heading counted by `len()` over-reserves (`Статус`
494 // reads as 12 ch rather than 6) and a non-Latin table drops
495 // columns sooner than the same table in another locale. Two more
496 // for the heading's capitals and tracking, which run wider than
497 // the figures a `ch` is measured off: `AMOUNT` at six ch is cut.
498 let chars = char_len(self.heading);
499 let heading = if chars > MIN_CEILING as usize {
500 MIN_CEILING
501 } else {
502 chars as u16 + 2 + caret
503 };
504 let kind = self.kind.floor();
505 // A column that takes the slack is the one holding prose, and
506 // floored at its kind it wraps a title onto three lines while
507 // the columns worth less still stand at full width.
508 let fill = if matches!(self.width, Width::Fill) {
509 FILL_FLOOR
510 } else {
511 0
512 };
513 let wider = if heading > kind { heading } else { kind };
514 if fill > wider { fill } else { wider }
515 }
516 };
517 // Clamped before rounding, so a declared `min(u16::MAX)` cannot
518 // overflow on its way to being held under the ceiling.
519 let raw = if raw > MIN_CEILING { MIN_CEILING } else { raw };
520 let even = raw + raw % 2;
521 if even < 2 {
522 2
523 } else if even > MIN_CEILING {
524 MIN_CEILING
525 } else {
526 even
527 }
528 }
529
530 /// Whether this column is kept at `cutoff`.
531 ///
532 /// A renderer narrows by raising the cutoff, and never by counting
533 /// positions.
534 #[must_use]
535 pub const fn kept_at(&self, cutoff: Priority) -> bool {
536 (self.priority as u8) >= (cutoff as u8)
537 }
538
539 /// What the columns kept at `cutoff` ask for.
540 #[must_use]
541 pub fn budget(rooms: &[Self], cutoff: Priority) -> Budget {
542 rooms
543 .iter()
544 .filter(|room| room.kept_at(cutoff))
545 .fold(Budget::default(), |budget, room| Budget {
546 columns: budget.columns + 1,
547 floors: budget.floors + u32::from(room.floor()),
548 })
549 }
550
551 /// The weakest cutoff whose kept columns `fits` accepts.
552 ///
553 /// Raised through [`Priority::RAISING`] until the columns fit, and never
554 /// past the strongest priority any column declares: the essential columns
555 /// are what makes a row identify itself, so a window too narrow for them
556 /// gets them squeezed rather than dropped. A table with no essential column
557 /// therefore never rises to [`Priority::Essential`], where the budget would
558 /// keep no column at all. Nothing here counts positions, so which column
559 /// drops is a property of the column.
560 #[must_use]
561 pub fn cutoff_for(rooms: &[Self], fits: impl Fn(Budget) -> bool) -> Priority {
562 let strongest = rooms
563 .iter()
564 .map(|room| room.priority)
565 .max()
566 .unwrap_or(Priority::Essential);
567 Priority::RAISING
568 .iter()
569 .copied()
570 .take_while(|&cutoff| cutoff <= strongest)
571 .find(|&cutoff| fits(Self::budget(rooms, cutoff)))
572 .unwrap_or(strongest)
573 }
574}
575
576/// What a table cell holds.
577///
578/// [`RowPart`] for tables, and it exists for the same reason: a part that
579/// carries a control is not text, and a renderer with one class for the whole
580/// cell paints it as though it were: a button in a cell inherits the cell's
581/// content colour, which is the drift [`RowPart::intent`] prevents for rows.
582///
583/// Four members, and the count is what quasi's `Cell` was measured to carry: a
584/// value, tokens, actions and a link. Nothing was added past what something
585/// holds.
586///
587/// `#[non_exhaustive]` for [`RowPart`]'s reason: growth here must not be a
588/// lockstep event across three renderers.
589///
590/// # No hover-reveal
591///
592/// This enum never gets one. A cell's actions are shown at rest in every
593/// consumer measured, and a member nothing uses is one three renderers owe an
594/// answer for.
595#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
596#[non_exhaustive]
597pub enum CellPart {
598 /// The cell's own text.
599 Value,
600 /// Small labelled things in the cell: a status badge, a chip.
601 Tokens,
602 /// Controls that act on what the row is about.
603 Actions,
604 /// The cell's value, where the value is itself a link.
605 Link,
606}
607
608impl CellPart {
609 /// The content intent the part takes.
610 ///
611 /// One part is text and three are not, so three answer with the intent
612 /// inheriting already gives. That is [`RowPart::intent`]'s shape with the
613 /// text side narrower: a cell's secondary and muted readings are the
614 /// column's business, not the cell's.
615 #[must_use]
616 pub const fn intent(self) -> &'static str {
617 match self {
618 Self::Value => "content",
619 // A token carries its own tone, and a part-level intent underneath
620 // it would fight the token sitting on it.
621 Self::Tokens => "content",
622 // Actions carry controls rather than text.
623 Self::Actions => "content",
624 // A link in a cell is its row's title, so it reads in the ink the
625 // values beside it do.
626 Self::Link => "content",
627 }
628 }
629}