@nowline/layout 0.8.6 → 0.10.0

package/src/nodes/item-node.ts

@@ -1,19 +1,48 @@
-// ItemNode — first Renderable entity in the m2.5c port. Owns the
-// geometry of a single item bar: its visual box (insets + height) and
-// its caption x (inside vs. spilled past the bar).
+// ItemNode — the Renderable for a single item bar: its visual box
+// (insets + height) and its caption x (inside vs. spilled past the bar).
 //
-// Constructed from already-resolved inputs (start/end x, status,
-// remaining, meta text) so this node stays small and pure. The
-// dependency-resolution logic in layout.ts (after/before chains,
-// cursor.x, footnote indexing) remains where it is for now; m2.5c's
-// remaining work is to migrate the rest into sibling node files.
+// Built from the item's measure (`measureItem`, `item-measure.ts`), which
+// has already resolved the width, the caption fit and the bar's growth,
+// so this node stays small and pure. The start resolution (`after:`
+// chains, pins, the wave floor) and the `before:` caps stay in
+// `sequenceItem`.
 //
-// `measure(ctx)` returns the bar's intrinsic size. `place(origin,
-// ctx)` returns a `PositionedItem`-shaped fragment with the box, row,
-// and `textX`. The shape is byte-stable with the legacy sequenceItem
-// arithmetic when fed the same inputs.
+// `measure(ctx)` returns the bar's intrinsic size: the logical width and
+// the band height plus the growth a wrapped title or a chip column adds.
+// `place(origin, ctx)` returns a `PositionedItem`-shaped fragment with the
+// box at that grown height, `textX`, and the title lines to paint.
+//
+// Caption fit decision (`fitItemCaption`), in order:
+//   1. Title fits one line AND the meta line fits: in-bar, one line.
+//   2. Otherwise, if the meta line fits and a greedy whitespace
+//      word-wrap of the title gives at most
+//      `ITEM_CAPTION_TITLE_MAX_LINES` lines (>= 2), each within the
+//      inner width: in-bar, wrapped.
+//   3. Otherwise: spill to the right of the bar as a single line.
+//
+// The caption's left edge (`itemCaptionInsetX`) clears the link tile and
+// the `after:` inline-date glyph in the bar's upper-left. The inset
+// applies to EVERY caption line, so the left edge stays straight.
+//
+// The FIRST title line has a narrower budget than the rest: it shares
+// the bar's upper-right with the status dot, footnote digits and the
+// `before:` glyph, so it stops short of that cluster
+// (`itemTitleFirstLineRightReservePx`). Line 2+ and the meta line sit
+// below the cluster and keep the full inner width.
+//
+// Explicit breaks (lolay/nowline#60): a newline in the title is a hard
+// line break and the author's lines are authoritative. No auto-wrap
+// runs on them and the two-line cap does not apply. The caption stays
+// in-bar when line 1 fits the first-line width, every other line fits
+// the inner width and the meta line fits; otherwise it spills right as
+// a multi-line block with its breaks preserved.
 
-import { ITEM_LINK_ICON_INSET_PX, ITEM_LINK_ICON_TILE_SIZE_PX } from '../item-bar-geometry.js';
+import {
+    ITEM_CAPTION_TITLE_MAX_LINES,
+    ITEM_DECORATION_SPILL_GAP_PX,
+    itemCaptionInsetX,
+    itemTitleFirstLineRightReservePx,
+} from '../item-bar-geometry.js';
 import type {
     IntrinsicSize,
     MeasureContext,
@@ -21,35 +50,34 @@ import type {
     Point,
     Renderable,
 } from '../renderable.js';
-import { ITEM_INSET_PX, MIN_ITEM_WIDTH } from '../themes/shared.js';
-import type { BoundingBox } from '../types.js';
+import { estimateTextWidth, wrapText } from '../text-measure.js';
+import { ITEM_SEAM_PX, MIN_ITEM_WIDTH } from '../themes/shared.js';
+import type { BoundingBox, PositionedItem } from '../types.js';
 
 /**
- * Inner padding applied on each side of the title text — the bar's
- * inner-padded text area is `box.width - 2 * TEXT_INSET_PX` wide.
- * Text spills past the bar when either the title or the meta line
+ * Inner padding applied on the RIGHT of the title text (the left inset
+ * comes from `itemCaptionInsetX`, which adds the link-icon column and
+ * the `after:` glyph column when present) — the bar's inner-padded text area is
+ * `box.width - itemCaptionInsetX(..) - TEXT_INSET_PX` wide. Text wraps
+ * or spills past the bar when either the title or the meta line
  * exceeds that area.
  */
 const TEXT_INSET_PX = 12;
 
 /**
  * Gap (px) between the bar's right edge and overflow text. Smaller
- * than `TEXT_INSET_PX` so the text reads as belonging to this bar —
- * adjacent bars are at least `2 * ITEM_INSET_PX = 12` away, so the
- * text still has a clear visual home.
+ * than `TEXT_INSET_PX` so the text reads as belonging to this bar.
  */
 const TEXT_OUTSIDE_GAP_PX = 4;
 
 const TITLE_FONT_SIZE_PX = 13;
 const META_FONT_SIZE_PX = 11;
 
-export interface ItemNodeInput {
-    id: string;
+/** What the caption fit needs to know about a bar. */
+export interface ItemCaptionInput {
     title: string;
-    /** Logical left x of the column the bar lives in. */
-    logicalLeftX: number;
-    /** Logical right x of the column the bar lives in. */
-    logicalRightX: number;
+    /** Width of the visible bar box (the logical width less the insets). */
+    visualWidth: number;
     /** Caption text shown under the title (e.g. "1w - 50% remaining"). */
     metaText?: string;
     /**
@@ -70,6 +98,46 @@ export interface ItemNodeInput {
      * collide with the icon.
      */
     hasLinkIcon?: boolean;
+    /**
+     * True when the item carries an inline `after:DATE`, which paints a
+     * calendar glyph in the bar's upper-left (right of the link tile
+     * when there is one). Caption text indents past the glyph so the
+     * title doesn't run under it. The glyph spills out of a bar narrower
+     * than `MIN_BAR_WIDTH_FOR_INLINE_DATE_PX`; the fit checks the bar
+     * width and reserves nothing in that case.
+     */
+    hasAfterGlyph?: boolean;
+    /**
+     * Space (px) the title's FIRST line leaves free at the bar's right
+     * edge, so it clears the status dot, footnote digits and `before:`
+     * glyph in the upper-right. Layout computes it with
+     * `itemTitleFirstLineRightReservePx` once it knows the item's
+     * footnotes and `before:` date. Defaults to the status-dot-only
+     * reserve for the bar width, because the dot is always present.
+     */
+    titleFirstLineRightReservePx?: number;
+}
+
+/** The caption's left indent inside the bar and its fit decision. */
+export interface ItemCaptionMeasure {
+    /** Indent (px) from the bar's left edge to an in-bar caption. */
+    leftInset: number;
+    fit: ItemCaptionFit;
+}
+
+/**
+ * The part of an item's measure (`ItemMeasure`, `item-measure.ts`) that
+ * `ItemNode` needs to report its size and place its box.
+ */
+export interface ItemNodeGeometry {
+    id: string;
+    /** Logical width: the item's span in time. */
+    naturalWidth: number;
+    /** Width of the visible bar box. */
+    visualWidth: number;
+    caption: ItemCaptionMeasure;
+    /** Growth over the band height (a wrapped title, a chip column); 0 for none. */
+    barExtra: number;
 }
 
 export interface PlacedItemGeometry {
@@ -84,88 +152,298 @@ export interface PlacedItemGeometry {
     textX: number;
     /** True when text spills past the bar's right edge. */
     textSpills: boolean;
+    /**
+     * The title as it should be painted, one entry per line. Always has
+     * at least one entry. Exactly two entries (never more than
+     * `ITEM_CAPTION_TITLE_MAX_LINES`) when the title auto-wrapped inside
+     * the bar; the author's own lines when the title has explicit breaks
+     * (any count, in-bar or spilled); otherwise `[title]`, including
+     * when a break-free title spills to the right.
+     */
+    titleLines: string[];
+}
+
+/**
+ * Estimated width (px) of an item's whole meta line: `metaText` plus the
+ * trailing capacity suffix (`trailingWidth`, 0 when there is none). Zero
+ * when the item has no meta line. `measureItemCaption` feeds it to
+ * `fitItemCaption`.
+ */
+export function estimateItemMetaWidth(metaText: string | undefined, trailingWidth: number): number {
+    const metaTextWidth = metaText ? estimateTextWidth(metaText, META_FONT_SIZE_PX) : 0;
+    return metaTextWidth + trailingWidth;
+}
+
+/**
+ * The seam a bar gives up on each side, from inside its dates: `ITEM_SEAM_PX`,
+ * shrunk for a bar too short to keep both seams and the `MIN_ITEM_WIDTH`
+ * floor, so the floor stays centred in its dates.
+ */
+export function itemBarInsetPx(logicalWidth: number): number {
+    return Math.max(0, Math.min(ITEM_SEAM_PX, (logicalWidth - MIN_ITEM_WIDTH) / 2));
+}
+
+/**
+ * The visible bar width for a logical width: the span less a seam on each
+ * side, never under `MIN_ITEM_WIDTH` (specs/true-width-layout.md §3.1).
+ */
+export function itemVisualWidth(logicalWidth: number): number {
+    return Math.max(MIN_ITEM_WIDTH, logicalWidth - 2 * itemBarInsetPx(logicalWidth));
+}
+
+export interface ItemCaptionFit {
+    /** True when the caption must render to the right of the bar. */
+    textSpills: boolean;
+    /** Title lines to paint; see `PlacedItemGeometry.titleLines`. */
+    titleLines: string[];
+}
+
+/**
+ * The lines of a title that contains an explicit line break, or
+ * `undefined` for a title with none (the common case, left untouched).
+ *
+ * `\r\n` and a lone `\r` count as `\n`, each line is trimmed, and
+ * leading and trailing empty lines are dropped. Interior empty lines
+ * stay as blank lines. A title that is only breaks and whitespace gives
+ * `[]`; one that has a single line left after trimming (`"Plan\n"`)
+ * gives one line, and callers then treat it as an ordinary single-line
+ * title: a break at either end cannot separate anything.
+ *
+ * Langium's string converter has already turned the source escape `\n`
+ * into a real newline and `\\n` into the two characters `\` `n`, so
+ * only the former reaches here as a break.
+ */
+export function titleBreakLines(title: string): string[] | undefined {
+    if (!/[\r\n]/.test(title)) return undefined;
+    const lines = title
+        .replace(/\r\n?/g, '\n')
+        .split('\n')
+        .map((line) => line.trim());
+    let start = 0;
+    let end = lines.length;
+    while (start < end && lines[start] === '') start += 1;
+    while (end > start && lines[end - 1] === '') end -= 1;
+    return lines.slice(start, end);
+}
+
+/**
+ * Decide how an item's caption sits relative to its bar: one line
+ * in-bar, word-wrapped in-bar, or spilled to the right. This is the
+ * single source of truth for the decision; `measureItemCaption` calls it,
+ * and the row track and `sequenceItem` share that one measure, so the
+ * reserved row and the placed bar agree.
+ *
+ * `metaWidth` is the full estimated width of the meta line (text plus
+ * any trailing capacity suffix), or 0 when the item has no meta line.
+ * A meta line is never wrapped, so one that is wider than `innerWidth`
+ * forces a spill even when the title alone would wrap.
+ *
+ * `firstLineWidth` (default `innerWidth`) is the budget for the title's
+ * first line alone, narrower than `innerWidth` by the top-right
+ * decoration cluster. It governs both the single-line fit check and
+ * line 1 of a wrapped title; later lines and the meta line use
+ * `innerWidth`.
+ *
+ * `firstLineHardWidth` (default `firstLineWidth`) is the widest line 1 may
+ * be: it also uses the top-right decoration's `ITEM_DECORATION_SPILL_GAP_PX`
+ * clearance, up to that cluster's own left edge. It is a fallback, tried
+ * only for a wrap or explicit break that would otherwise spill, so a caption
+ * that fits with the gap never moves; it lets a first word that misses
+ * `firstLineWidth` by a hair wrap instead of spilling.
+ *
+ * Words never break mid-word: a single word wider than its line's
+ * budget, or a title that needs more than `ITEM_CAPTION_TITLE_MAX_LINES`
+ * lines, spills.
+ *
+ * A title with an explicit line break (see `titleBreakLines`) skips all
+ * of the above: its lines are authoritative and are returned as
+ * `titleLines` whether the caption stays in-bar or spills.
+ */
+export function fitItemCaption(
+    rawTitle: string,
+    innerWidth: number,
+    metaWidth: number,
+    firstLineWidth: number = innerWidth,
+    firstLineHardWidth: number = firstLineWidth,
+): ItemCaptionFit {
+    let title = rawTitle;
+    const broken = titleBreakLines(rawTitle);
+    if (broken) {
+        if (broken.length >= 2) {
+            // Explicit breaks: the author's lines are authoritative, so no
+            // auto-wrap and no line cap. In-bar only when line 1 fits the
+            // first-line width, every other line fits the inner width and
+            // the meta line fits; otherwise the whole block spills right.
+            const fits =
+                metaWidth <= innerWidth &&
+                broken.every(
+                    (line, n) =>
+                        estimateTextWidth(line, TITLE_FONT_SIZE_PX) <=
+                        (n === 0 ? firstLineHardWidth : innerWidth),
+                );
+            return { textSpills: !fits, titleLines: broken };
+        }
+        // Zero or one line left after trimming: an ordinary title, now
+        // free of its stray break.
+        title = broken[0] ?? '';
+    }
+    const titleOverflows =
+        title.length > 0 && estimateTextWidth(title, TITLE_FONT_SIZE_PX) > firstLineWidth;
+    const metaOverflows = metaWidth > innerWidth;
+    if (!titleOverflows && !metaOverflows) {
+        return { textSpills: false, titleLines: [title] };
+    }
+    if (titleOverflows && !metaOverflows) {
+        // Line 1 first keeps the dot's clearance; only when that spills does
+        // it try the hard limit.
+        for (const line1Width of [firstLineWidth, firstLineHardWidth]) {
+            const lines = wrapText(title, innerWidth, TITLE_FONT_SIZE_PX, line1Width);
+            // `lines.length >= 2` keeps single-line behavior byte-identical: a
+            // title that only "overflows" because of repeated whitespace in
+            // the raw string (the estimate counts every space) normalizes to
+            // one line, and that case still spills exactly as it always has.
+            if (
+                lines.length >= 2 &&
+                lines.length <= ITEM_CAPTION_TITLE_MAX_LINES &&
+                lines.every(
+                    (line, n) =>
+                        estimateTextWidth(line, TITLE_FONT_SIZE_PX) <=
+                        (n === 0 ? line1Width : innerWidth),
+                )
+            ) {
+                return { textSpills: false, titleLines: lines };
+            }
+        }
+    }
+    return { textSpills: true, titleLines: [title] };
 }
 
 /**
- * Approx. rendered width of `text` at `fontSizePx`. Matches the legacy
- * `sequenceItem` heuristic (intentionally pessimistic at ~0.58 em/char so
- * borderline-fitting captions trigger spill rather than clip).
+ * The title lines an item finally paints. `fit` is the caption-fit
+ * decision; `forcedSpill` is true when something outside it pushes the
+ * caption out of the bar anyway (a narrow-bar link icon, `iconSpills`).
+ * `measureItem` calls it; the line count sets the bar's growth.
+ *
+ *   - Explicit breaks keep the author's lines, in-bar or spilled.
+ *   - An auto-wrap (two lines) survives only while the caption stays
+ *     in-bar; a spilled break-free title is one line.
+ *   - Otherwise a single line: the title, minus any stray break at
+ *     either end.
  */
-function estimateTextWidth(text: string, fontSizePx: number): number {
-    return text.length * fontSizePx * 0.58;
+export function resolveCaptionTitleLines(
+    title: string,
+    fit: ItemCaptionFit,
+    forcedSpill: boolean,
+): string[] {
+    const broken = titleBreakLines(title);
+    if (broken && broken.length >= 2) return broken;
+    if (!fit.textSpills && !forcedSpill && fit.titleLines.length >= 2) return fit.titleLines;
+    return [broken ? (broken[0] ?? '') : title];
 }
 
+/**
+ * Fit an item's caption to its bar: the left indent past the link tile
+ * and the `after:` glyph, the inner and first-line widths, and the
+ * `fitItemCaption` decision on them.
+ */
+export function measureItemCaption(input: ItemCaptionInput): ItemCaptionMeasure {
+    const { visualWidth } = input;
+    // The link icon and the `after:` glyph (when present) live in the
+    // bar's upper-left and share the title's vertical band. The
+    // caption indents past them so the title doesn't render on top.
+    const leftInset = itemCaptionInsetX(
+        !!input.hasLinkIcon,
+        input.hasAfterGlyph ? { barWidth: visualWidth } : undefined,
+    );
+    const innerWidth = Math.max(0, visualWidth - leftInset - TEXT_INSET_PX);
+    // Trailing decoration (capacity suffix) renders to the right of
+    // metaText. When metaText is empty the suffix sits at the
+    // caption's leading edge, so its width is the entire meta-line
+    // budget; when both exist the suffix needs a small separator gap
+    // (rendered via `<tspan dx>` later) included in trailingWidth.
+    const metaWidth = estimateItemMetaWidth(input.metaText, input.metaTrailingWidth ?? 0);
+    const firstLineReserve =
+        input.titleFirstLineRightReservePx ??
+        itemTitleFirstLineRightReservePx({
+            barWidth: visualWidth,
+            footnoteLabels: [],
+            hasBeforeGlyph: false,
+        });
+    const firstLineWidth = Math.max(0, visualWidth - leftInset - firstLineReserve);
+    // The same line without the cluster's clearance gap: its left edge is the limit.
+    const firstLineHardWidth = Math.max(
+        firstLineWidth,
+        visualWidth -
+            leftInset -
+            Math.max(TEXT_INSET_PX, firstLineReserve - ITEM_DECORATION_SPILL_GAP_PX),
+    );
+    return {
+        leftInset,
+        fit: fitItemCaption(input.title, innerWidth, metaWidth, firstLineWidth, firstLineHardWidth),
+    };
+}
+
+/**
+ * Optional observer of every `ItemNode` that `sequenceItem` places, with
+ * the context it was placed in and the item it became. Tests set it to
+ * check a node's measure against the item's final box; layout never does.
+ */
+export type ItemNodeTrace = (node: ItemNode, ctx: PlaceContext, item: PositionedItem) => void;
+
+let itemNodeTrace: ItemNodeTrace | undefined;
+
+/** Install (or, with `undefined`, remove) the `ItemNodeTrace`. */
+export function setItemNodeTrace(trace: ItemNodeTrace | undefined): void {
+    itemNodeTrace = trace;
+}
+
+/** Report a placed node to the `ItemNodeTrace`, when one is installed. */
+export function traceItemNode(node: ItemNode, ctx: PlaceContext, item: PositionedItem): void {
+    itemNodeTrace?.(node, ctx, item);
+}
+
+/**
+ * One item bar, built from its measure. `measure` reports the logical
+ * width and the grown height (`bandwidth + barExtra`), and `place`
+ * returns the box at that height, so no caller patches it afterwards.
+ */
 export class ItemNode implements Renderable<PlacedItemGeometry> {
-    constructor(public readonly input: ItemNodeInput) {}
+    constructor(public readonly geometry: ItemNodeGeometry) {}
 
     get id(): string {
-        return this.input.id;
+        return this.geometry.id;
     }
 
     measure(ctx: MeasureContext): IntrinsicSize {
-        const naturalWidth = Math.max(
-            MIN_ITEM_WIDTH,
-            this.input.logicalRightX - this.input.logicalLeftX,
-        );
         return {
-            width: naturalWidth,
-            height: ctx.bands.bandwidth(),
+            width: this.geometry.naturalWidth,
+            height: ctx.bands.bandwidth() + this.geometry.barExtra,
         };
     }
 
     place(origin: Point, ctx: PlaceContext): PlacedItemGeometry {
-        const intrinsic = this.measure(ctx);
-        const visualWidth = Math.max(MIN_ITEM_WIDTH, intrinsic.width - 2 * ITEM_INSET_PX);
-        const boxX = origin.x + ITEM_INSET_PX;
+        const { naturalWidth, visualWidth, caption, barExtra } = this.geometry;
+        const bandwidth = ctx.bands.bandwidth();
+        const boxX = origin.x + itemBarInsetPx(naturalWidth);
         const box: BoundingBox = {
             x: boxX,
             y: origin.y,
             width: visualWidth,
-            height: intrinsic.height,
+            // The bar grows downward to enclose a wrapped title or a chip
+            // column; an ungrown bar is exactly the band height.
+            height: barExtra > 0 ? bandwidth + barExtra : bandwidth,
         };
-
-        // The link icon (when present) lives in the bar's upper-left
-        // and shares the title's vertical band. The caption indents
-        // past the icon so the title doesn't render on top of it.
-        const linkColumn = this.input.hasLinkIcon
-            ? ITEM_LINK_ICON_INSET_PX +
-              ITEM_LINK_ICON_TILE_SIZE_PX +
-              LINK_ICON_TO_CAPTION_GAP_PX -
-              TEXT_INSET_PX
-            : 0;
-        const captionLeftInset = TEXT_INSET_PX + Math.max(0, linkColumn);
-        const innerWidth = Math.max(0, visualWidth - captionLeftInset - TEXT_INSET_PX);
-        const titleStr = this.input.title;
-        const titleWidth = titleStr ? estimateTextWidth(titleStr, TITLE_FONT_SIZE_PX) : 0;
-        const metaTextWidth = this.input.metaText
-            ? estimateTextWidth(this.input.metaText, META_FONT_SIZE_PX)
-            : 0;
-        const trailingWidth = this.input.metaTrailingWidth ?? 0;
-        // Trailing decoration (capacity suffix) renders to the right of
-        // metaText. When metaText is empty the suffix sits at the
-        // caption's leading edge, so its width is the entire meta-line
-        // budget; when both exist the suffix needs a small separator gap
-        // (rendered via `<tspan dx>` later) included in trailingWidth.
-        const metaWidth = metaTextWidth + trailingWidth;
-        const hasMetaContent = this.input.metaText !== undefined || trailingWidth > 0;
-        const textSpills =
-            (titleStr.length > 0 && titleWidth > innerWidth) ||
-            (hasMetaContent && metaWidth > innerWidth);
+        const { textSpills, titleLines } = caption.fit;
         const textX = textSpills
             ? boxX + visualWidth + TEXT_OUTSIDE_GAP_PX
-            : boxX + captionLeftInset;
+            : boxX + caption.leftInset;
 
         return {
-            id: this.input.id,
+            id: this.geometry.id,
             box,
             textX,
             textSpills,
+            titleLines,
         };
     }
 }
-
-/**
- * Horizontal gap (px) between the link-icon tile's right edge and the
- * start of the caption text when both render inside the bar.
- */
-const LINK_ICON_TO_CAPTION_GAP_PX = 4;