reslop 0.1.0 → 0.1.2

package/lib/render.js

@@ -2,18 +2,19 @@
 
 const ansi = require('./ansi.js');
 const { displayLines } = require('./diff.js');
-const { tokenize, overlayTokens } = require('./highlight.js');
+const highlight = require('./highlight.js');
 const { detectLang } = require('./detect.js');
-const { ACTIONS, actionHot, actionLetter, buttonWord } = require('./keys.js');
+const keys = require('./keys.js');
 const { overlayRows } = require('./select.js');
 const { itemPath } = require('./files.js');
-const { isDoneMark } = require('./review.js');
 const wrap = require('./wrap.js');
-const { wrapPlain, wrapDoc, wrapMultiline, cursorInWrap, wrapMove } = wrap;
 
-const { THEME, CODE_FG, codeFg, paint, visibleWidth, truncateVisible, fg } =
-  ansi;
-const { RESET, ESC, EL, seq } = ansi;
+const { tokenize, overlayTokens } = highlight;
+const { ACTIONS, ACTION_IDS, actionLetter, buttonWord } = keys;
+const { FILES_DISABLED } = keys;
+const { wrapPlain, wrapMultiline, cursorInWrap } = wrap;
+const { THEME, CODE_FG, codeFg, paint, visibleWidth } = ansi;
+const { truncateVisible, fg, RESET, ESC, EL, seq } = ansi;
 
 const STYLES = {
   del: {
@@ -30,6 +31,27 @@ const STYLES = {
     chBg: THEME.addCharBg,
     mark: '+',
   },
+  warn: {
+    baseFg: THEME.delLineFg,
+    baseBg: THEME.delLineBg,
+    chFg: THEME.delCharFg,
+    chBg: THEME.delCharBg,
+    mark: ' ',
+  },
+  note: {
+    baseFg: THEME.chromeFg,
+    baseBg: THEME.noteBg,
+    chFg: THEME.chromeFg,
+    chBg: THEME.noteBg,
+    mark: ' ',
+  },
+  noteSep: {
+    baseFg: THEME.mutedFg,
+    baseBg: THEME.chromeBg,
+    chFg: THEME.mutedFg,
+    chBg: THEME.chromeBg,
+    mark: ' ',
+  },
   ctx: {
     baseFg: THEME.ctxFg,
     baseBg: THEME.ctxBg,
@@ -54,20 +76,35 @@ const STAGED_STYLES = {
     chBg: THEME.stagedAddCharBg,
     mark: '+',
   },
+  warn: {
+    baseFg: THEME.stagedDelLineFg,
+    baseBg: THEME.stagedDelLineBg,
+    chFg: THEME.stagedDelCharFg,
+    chBg: THEME.stagedDelCharBg,
+    mark: ' ',
+  },
+  note: STYLES.note,
+  noteSep: STYLES.noteSep,
   ctx: STYLES.ctx,
 };
 
-const HEADER_ROLE_FG = Object.assign(Object.create(null), {
+const HEADER_ROLE_FG = {
   repo: THEME.headerRepoFg,
   dir: THEME.headerDirFg,
   slash: THEME.headerSlashFg,
   file: THEME.headerFileFg,
   meta: THEME.headerMetaFg,
-});
+};
+
+const FILE_STATUS_FG = {
+  unstaged: THEME.delLineFg,
+  staged: THEME.addLineFg,
+  untracked: THEME.mutedFg,
+  partial: THEME.warnFg,
+};
 
 const INFO_STATUS = [
   'copied',
-  'skipped',
   'staged',
   'unstaged',
   'not staged',
@@ -76,7 +113,6 @@ const INFO_STATUS = [
   'read only',
   'last block',
   'first block',
-  'all skipped',
   'first file',
   'last file',
   'nothing to review',
@@ -96,12 +132,16 @@ const QUIT_PROMPT = ` ${QUIT_FINISH_LABEL}  ${QUIT_CONTINUE_LABEL}`;
 const GUTTER_W = 2;
 const BUTTON_GAP = '  ';
 const LOGO = '👁️';
-const FILE_CURSOR = '▷';
-const FILE_CURRENT = '▶';
+const FILE_MARK = '▶';
+const FILE_LIST_PAD = 1;
+const CHECK_DONE = 'xX';
 const TODO_CAPTION = 'TODO:';
 const INPUT_MAX = 4;
 const NOTE_MAX = 4;
 const NOTE_PAD = 1;
+const SOFT_WRAP = ['warn', 'note'];
+const DEL_CHAR_BG = ansi.bg(THEME.delCharBg);
+const ADD_CHAR_BG = ansi.bg(THEME.addCharBg);
 
 const lineStyles = (origin) => (origin === 'staged' ? STAGED_STYLES : STYLES);
 
@@ -128,7 +168,32 @@ const paintSpans = (pieces, lineStyle, budget, color) => {
   return { text: out, used };
 };
 
+const paintAuditNote = (line, width, color) => {
+  const style = STYLES.note;
+  const gutterW = Math.min(GUTTER_W, Math.max(0, width));
+  const label = `${style.mark} `.slice(0, gutterW);
+  const gutter = paint(label, style.baseFg, style.baseBg, color);
+  const budget = Math.max(0, width - gutterW);
+  const text = truncateVisible(line.text ?? '', budget);
+  const used = visibleWidth(text);
+  let out = gutter;
+  if (text) out += paint(text, style.baseFg, style.baseBg, color);
+  if (used < budget) {
+    out += fill(budget - used, style.baseFg, style.baseBg, color);
+  }
+  return out;
+};
+
+const paintAuditRule = (width, color) => {
+  const style = STYLES.noteSep;
+  const n = Math.max(0, width);
+  const bar = '─'.repeat(n);
+  return paint(bar, style.baseFg, style.baseBg, color);
+};
+
 const paintDiffLine = (line, width, color, origin, lang) => {
+  if (line.type === 'noteSep') return paintAuditRule(width, color);
+  if (line.type === 'note') return paintAuditNote(line, width, color);
   const styles = lineStyles(origin);
   const style = styles[line.type] ?? styles.ctx;
   const diffSpans = line.spans ?? [{ text: line.text, changed: false }];
@@ -174,19 +239,14 @@ const paintSplitBlank = (width, color) => {
   );
 };
 
-const FILL_KIND = {
-  files: (width, color) => {
+const paintBodyFill = (width, color, kind) => {
+  if (kind === 'files') {
     const inner = Math.max(1, width - 1);
     const main = fill(inner, THEME.ctxFg, THEME.ctxBg, color);
     const edge = fill(1, THEME.ctxFg, THEME.ctxBg, color);
     return main + edge;
-  },
-  split: (width, color) => paintSplitBlank(width, color),
-};
-
-const paintBodyFill = (width, color, kind) => {
-  const paint = FILL_KIND[kind];
-  if (paint) return paint(width, color);
+  }
+  if (kind === 'split') return paintSplitBlank(width, color);
   return fill(width, THEME.ctxFg, THEME.ctxBg, color);
 };
 
@@ -206,22 +266,18 @@ const splitCheck = (text) => {
   if (!match) return null;
   const start = match.index;
   const token = match[0];
-  return {
-    before: text.slice(0, start),
-    mark: match[1],
-    token,
-    after: text.slice(start + token.length),
-  };
+  const before = text.slice(0, start);
+  const mark = match[1];
+  const after = text.slice(start + token.length);
+  return { before, mark, token, after };
 };
 
 const paintCheckBar = (text, width, fgRgb, bgRgb, color) => {
   const clipped = truncateVisible(text, width);
+  const parts = color ? splitCheck(clipped) : null;
+  if (!parts) return paintBar(text, width, fgRgb, bgRgb, color);
   const pad = Math.max(0, width - visibleWidth(clipped));
-  const filled = clipped + ' '.repeat(pad);
-  if (!color) return filled;
-  const parts = splitCheck(clipped);
-  if (!parts) return `${seq(fgRgb, bgRgb)}${EL}${filled}${RESET}`;
-  const done = isDoneMark(parts.mark);
+  const done = CHECK_DONE.includes(parts.mark);
   const chipFg = done ? THEME.checkDoneFg : THEME.checkFg;
   const chipBg = done ? THEME.checkDoneBg : THEME.checkBg;
   const after = `${parts.after}${' '.repeat(pad)}`;
@@ -232,9 +288,15 @@ const paintCheckBar = (text, width, fgRgb, bgRgb, color) => {
   return out;
 };
 
-const originLabel = (origin, revShort) => {
-  if (origin === 'commit') return revShort || 'commit';
-  if (origin === 'todo') return 'todo';
+const ORIGIN_LABEL = {
+  commit: (view) => view.revShort || 'commit',
+  pr: (view) => view.sourceLabel || 'pr',
+  todo: () => 'todo',
+};
+
+const originLabel = (origin, view) => {
+  const named = ORIGIN_LABEL[origin];
+  if (named) return named(view);
   return origin ?? 'unknown';
 };
 
@@ -271,7 +333,7 @@ const headerTarget = (view) => {
   if (!view.item) return { path: '', origin: '', n: 0, total: view.total ?? 0 };
   return {
     path: itemPath(view.item),
-    origin: originLabel(view.item.origin, view.revShort),
+    origin: originLabel(view.item.origin, view),
     n: view.index + 1,
     total: view.total,
   };
@@ -285,17 +347,20 @@ const headerPrefix = (view) => {
   return ` ${LOGO}  reslop: `;
 };
 
+const headerSuffix = ({ origin, n, total }) =>
+  origin ? ` ${origin} ${n}/${total}` : ` ${n}/${total}`;
+
 const headerText = (view) => {
   const prefix = headerPrefix(view);
-  const { path, origin, n, total } = headerTarget(view);
-  const suffix = origin ? ` ${origin} ${n}/${total}` : ` ${n}/${total}`;
-  return `${prefix}${path}${suffix}`;
+  const target = headerTarget(view);
+  return `${prefix}${target.path}${headerSuffix(target)}`;
 };
 
 const headerPieces = (view, width) => {
   const repo = view.repoName || '';
-  const { path, origin, n, total } = headerTarget(view);
-  const suffix = origin ? ` ${origin} ${n}/${total}` : ` ${n}/${total}`;
+  const target = headerTarget(view);
+  const path = target.path;
+  const suffix = headerSuffix(target);
   const right = ' ';
   const chrome = ` ${LOGO}  reslop: `;
   const prefixW = visibleWidth(headerPrefix(view));
@@ -326,7 +391,7 @@ const headerPieces = (view, width) => {
 const paintHeader = (view, width, color) => {
   const pieces = headerPieces(view, width);
   if (!color) {
-    return pieces.map((p) => p.text).join('');
+    return pieces.map((piece) => piece.text).join('');
   }
   const bgRgb = THEME.headerBg;
   let out = `${seq(THEME.headerChromeFg, bgRgb)}${EL}`;
@@ -345,7 +410,8 @@ const bodyLines = (item, layout) => {
     return [{ type: 'ctx', text, spans: [{ text, changed: false }] }];
   }
   if (!item.hunk) return [];
-  return displayLines(item.hunk, item.blockId, layout);
+  const radius = item.dep ? Number.MAX_SAFE_INTEGER : undefined;
+  return displayLines(item.hunk, item.blockId, layout, radius);
 };
 
 const sourceEmpty = (line) => !line || !(line.text ?? '').trim();
@@ -363,26 +429,6 @@ const dropLeadingEmpty = (lines, split) => {
   return i ? lines.slice(i) : lines;
 };
 
-const helpLines = () => {
-  const lines = [' keys and buttons', ''];
-  for (const action of ACTIONS) {
-    const keys = actionHot(action);
-    let label = action.label;
-    if (action.id === 'layout') {
-      label = 'Mode (unified / mixed / side)';
-    }
-    lines.push(` ${keys.padEnd(16)} ${label}`);
-  }
-  lines.push(' enter            open file / save note');
-  lines.push(' esc              files, then quit');
-  lines.push(' del, backspace   remove todo');
-  lines.push(' j, k, wheel      scroll / move');
-  lines.push(' drag              copy');
-  lines.push(' ctrl-z, ctrl-y   undo / redo');
-  lines.push(' ?, h              help');
-  return lines;
-};
-
 const BUTTON_MARK = {
   bgRgb: THEME.buttonBg,
   fgRgb: THEME.buttonFg,
@@ -414,27 +460,29 @@ const paintMarkedWord = (label, letter, color, mark) => {
   return out;
 };
 
-const layoutButtons = (width, compact = false) => {
+const layoutButtons = (width, compact = false, disabled = []) => {
   const build = (short) => {
     const hits = [];
     const parts = [];
     let x = 0;
-    for (const action of ACTIONS) {
+    for (const id of ACTION_IDS) {
+      const action = { id, ...ACTIONS[id] };
       const letter = actionLetter(action);
       const word = buttonWord(action);
       const label = short ? letter : word;
       const piece = `${BUTTON_GAP}${label}`;
       const w = visibleWidth(piece);
       if (x + w > width && parts.length) break;
-      hits.push({ id: action.id, x0: x, x1: x + w });
-      parts.push({ action, piece, letter, label });
+      const isDisabled = disabled.includes(id);
+      if (!isDisabled) hits.push({ id, x0: x, x1: x + w });
+      parts.push({ action, piece, letter, label, disabled: isDisabled });
       x += w;
     }
     return { hits, parts, width: x };
   };
   if (compact) return build(true);
   const words = build(false);
-  if (words.parts.length === ACTIONS.length) return words;
+  if (words.parts.length === ACTION_IDS.length) return words;
   return build(true);
 };
 
@@ -443,7 +491,11 @@ const paintButtons = (layout, width, color) => {
   let used = 0;
   for (const part of layout.parts) {
     out += paint(BUTTON_GAP, THEME.buttonFg, THEME.buttonBg, color);
-    out += paintMarkedWord(part.label, part.letter, color, BUTTON_MARK);
+    if (part.disabled) {
+      out += paint(part.label, THEME.buttonFg, THEME.buttonBg, color);
+    } else {
+      out += paintMarkedWord(part.label, part.letter, color, BUTTON_MARK);
+    }
     used += visibleWidth(part.piece);
   }
   if (used < width) {
@@ -452,21 +504,38 @@ const paintButtons = (layout, width, color) => {
   return out;
 };
 
-const countsLine = (counts, revShort) => {
-  const skipped = counts.skipped ?? 0;
+const COUNTS_KIND = {
+  pr: ({ counts, notes, sourceLabel }) => {
+    const n = counts.pr ?? 0;
+    const label = sourceLabel || 'pr';
+    return ` pr ${label}  ${n}  ${notes}`;
+  },
+  commit: ({ counts, notes, revShort }) => {
+    const n = counts.commit ?? 0;
+    return ` commit ${revShort}  ${n}  ${notes}`;
+  },
+  worktree: ({ counts, notes }) => {
+    const staged = counts.staged ?? 0;
+    const unstaged = counts.unstaged ?? 0;
+    const untracked = counts.untracked ?? 0;
+    const gitCounts = `unstaged ${unstaged}  untracked ${untracked}`;
+    const git = `staged ${staged}  ${gitCounts}`;
+    return ` ${git}  ${notes}`;
+  },
+};
+
+const countsKind = (sourceKind, revShort) => {
+  if (sourceKind === 'pr') return 'pr';
+  if (revShort) return 'commit';
+  return 'worktree';
+};
+
+const countsLine = (counts, revShort, sourceKind, sourceLabel) => {
   const feedback = counts.feedback ?? 0;
   const todo = counts.todo ?? 0;
   const notes = `feedback ${feedback}  todo ${todo}`;
-  const extra = skipped ? `  skipped ${skipped}` : '';
-  if (revShort) {
-    const n = counts.commit ?? 0;
-    return ` commit ${revShort}  ${n}  ${notes}${extra}`;
-  }
-  const staged = counts.staged ?? 0;
-  const unstaged = counts.unstaged ?? 0;
-  const untracked = counts.untracked ?? 0;
-  const git = `staged ${staged}  unstaged ${unstaged}  untracked ${untracked}`;
-  return ` ${git}  ${notes}${extra}`;
+  const kind = countsKind(sourceKind, revShort);
+  return COUNTS_KIND[kind]({ counts, notes, sourceLabel, revShort });
 };
 
 const paintQuitPrompt = (width, color) => {
@@ -484,8 +553,9 @@ const paintQuitPrompt = (width, color) => {
 };
 
 const paintStatusLine = (view, status, width, color) => {
-  if (view.mode === 'confirmQuit') return paintQuitPrompt(width, color);
-  const left = countsLine(view.counts ?? {}, view.revShort);
+  const { mode, counts, revShort, sourceKind, sourceLabel } = view;
+  if (mode === 'confirmQuit') return paintQuitPrompt(width, color);
+  const left = countsLine(counts ?? {}, revShort, sourceKind, sourceLabel);
   let right = '';
   let msgFg = THEME.chromeFg;
   if (status) {
@@ -524,11 +594,16 @@ const padStartVisible = (text, width) => {
   return `${' '.repeat(n)}${text}`;
 };
 
-const paintFileRow = (entry, width, color, selected, here, cols) => {
+const fileRowFg = (status, selected) => {
+  const statusFg = FILE_STATUS_FG[status];
+  if (statusFg) return statusFg;
+  if (selected) return THEME.chromeFg;
+  return THEME.mutedFg;
+};
+
+const paintFileRow = (entry, width, color, selected, cols) => {
   const inner = Math.max(1, width - 1);
-  let mark = ' ';
-  if (here) mark = FILE_CURRENT;
-  else if (selected) mark = FILE_CURSOR;
+  const mark = selected ? FILE_MARK : ' ';
   const prefix = ` ${mark} `;
   const status = entry.status ?? '';
   const count = `${entry.remaining ?? 0}`;
@@ -541,7 +616,7 @@ const paintFileRow = (entry, width, color, selected, here, cols) => {
   const clipped = truncateVisible(entry.path, pathW);
   const pad = Math.max(0, pathW - visibleWidth(clipped));
   const line = `${prefix}${clipped}${' '.repeat(pad)}${suffix}`;
-  const fgRgb = selected ? THEME.chromeFg : THEME.mutedFg;
+  const fgRgb = fileRowFg(status, selected);
   const bgRgb = selected ? THEME.buttonBg : THEME.ctxBg;
   const row = paintBar(line, inner, fgRgb, bgRgb, color);
   return row + fill(1, fgRgb, bgRgb, color);
@@ -643,8 +718,7 @@ const paintIdleNote = (view, width, color) => {
   const text = view.noteText;
   if (!text) return empty;
   const inner = noteInnerWidth(width);
-  const prefix = view.noteKind ? `${view.noteKind}: ` : '';
-  const wrapped = wrapMultiline(`${prefix}${text}`, inner);
+  const wrapped = wrapMultiline(`feedback: ${text}`, inner);
   const rows = [];
   for (const line of wrapped.slice(0, NOTE_MAX)) {
     const painted = paintNoteLine(
@@ -662,7 +736,7 @@ const paintIdleNote = (view, width, color) => {
 
 const paintNotePanel = (view, width, color, cap) => {
   const empty = { rows: [], cursor: null, templateHits: [] };
-  if (view.help || (view.pane ?? 'diff') === 'files') return empty;
+  if ((view.pane ?? 'diff') === 'files') return empty;
   const compose = view.compose;
   if (compose && compose.kind === 'feedback') {
     return paintComposeNote(view, width, color, cap);
@@ -670,32 +744,27 @@ const paintNotePanel = (view, width, color, cap) => {
   return paintIdleNote(view, width, color);
 };
 
-const paintBodyHelp = (width, color) => {
-  const body = [];
-  for (const line of helpLines()) {
-    for (const row of wrapPlain(line, width)) {
-      body.push(paintBar(row, width, THEME.chromeFg, THEME.ctxBg, color));
-    }
-  }
-  return body;
-};
-
 const paintBodyFiles = (view, width, color, bodyH, headerLines) => {
   const files = view.files ?? [];
   const cols = fileColumns(files);
   const cursor = view.fileCursor ?? 0;
-  const start = cursor >= bodyH ? cursor - bodyH + 1 : 0;
+  const pad = bodyH >= FILE_LIST_PAD * 2 + 1 ? FILE_LIST_PAD : 0;
+  const listH = bodyH - pad * 2;
+  const start = cursor >= listH ? cursor - listH + 1 : 0;
+  const blank = paintBodyFill(width, color, 'files');
   const body = [];
   const fileHits = [];
-  for (let i = 0; i < bodyH; i++) {
+  if (pad) body.push(blank);
+  for (let i = 0; i < listH; i++) {
     const idx = start + i;
     const entry = files[idx];
     if (!entry) break;
     const selected = idx === cursor;
-    const here = view.reviewPath === entry.path;
-    body.push(paintFileRow(entry, width, color, selected, here, cols));
-    fileHits.push({ y: headerLines + i + 1, cursor: idx });
+    body.push(paintFileRow(entry, width, color, selected, cols));
+    const y = headerLines + pad + i + 1;
+    fileHits.push({ y, cursor: idx });
   }
+  if (pad) body.push(blank);
   return { body, fileHits };
 };
 
@@ -722,10 +791,39 @@ const paintBodyTodo = (view, width, color) => {
   return { body, todoOwners, cursor };
 };
 
+const wrapSoftLine = (line, width) => {
+  const gutterW = Math.min(GUTTER_W, Math.max(0, width));
+  const budget = Math.max(1, width - gutterW);
+  const rows = wrapPlain(line.text ?? '', budget);
+  return rows.map((text) => {
+    const spans = [{ text, changed: false }];
+    return { ...line, text, spans };
+  });
+};
+
+const expandSoftRows = (lines, width, split) => {
+  const wrapWidth = split ? splitWidths(width).leftW : width;
+  const out = [];
+  for (const row of lines) {
+    const line = split ? row.left || row.right : row;
+    if (!line || !SOFT_WRAP.includes(line.type)) {
+      out.push(row);
+      continue;
+    }
+    const parts = wrapSoftLine(line, wrapWidth);
+    for (const part of parts) {
+      if (split) out.push({ left: part, right: part });
+      else out.push(part);
+    }
+  }
+  return out;
+};
+
 const paintBodyDiff = (item, layout, width, color) => {
   const lang = detectLang(itemPath(item));
   const splitBody = layout === 'side' && !item.file.isBinary;
-  const lines = dropLeadingEmpty(bodyLines(item, layout), splitBody);
+  const raw = dropLeadingEmpty(bodyLines(item, layout), splitBody);
+  const lines = expandSoftRows(raw, width, splitBody);
   const body = [];
   if (splitBody) {
     for (const row of lines) {
@@ -740,7 +838,6 @@ const paintBodyDiff = (item, layout, width, color) => {
 };
 
 const bodyKind = (view) => {
-  if (view.help) return 'help';
   if ((view.pane ?? 'diff') === 'files') return 'files';
   if (!view.item) return 'empty';
   if (view.item.origin === 'todo') return 'todo';
@@ -748,11 +845,6 @@ const bodyKind = (view) => {
 };
 
 const BODY_PAINT = {
-  help: (view, width, color) => ({
-    body: paintBodyHelp(width, color),
-    fileHits: [],
-    todoOwners: [],
-  }),
   files: (view, width, color, bodyH, headerLines) => ({
     ...paintBodyFiles(view, width, color, bodyH, headerLines),
     todoOwners: [],
@@ -806,10 +898,10 @@ const windowBody = (view, width, color, bodyH, headerLines, paintedBody) => {
   const todoOwners = paintedBody.todoOwners;
   const splitBody = paintedBody.splitBody === true;
   const pane = view.pane ?? 'diff';
-  const listPane = pane === 'files' && !view.help;
+  const listPane = pane === 'files';
   const fillKind = bodyFillKind(listPane, splitBody);
   let shift = 0;
-  if (!listPane && !view.help && body.length > 0) {
+  if (!listPane && body.length > 0) {
     body.unshift(paintBodyFill(width, color, fillKind));
     if (todoOwners.length) todoOwners.unshift(null);
     shift = 1;
@@ -884,7 +976,9 @@ const renderFrame = (view, options = {}) => {
   const height = Math.max(6, options.height ?? 24);
   const color = options.color ?? true;
   const rows = [paintHeader(view, width, color)];
-  const layout = layoutButtons(width);
+  const pane = view.pane ?? 'diff';
+  const disabled = pane === 'files' ? FILES_DISABLED : [];
+  const layout = layoutButtons(width, false, disabled);
   const notes = frameNotes(view, width, height, color);
   const headerLines = rows.length;
   const bodyH = notes.bodyH;
@@ -928,37 +1022,18 @@ const presentRows = (rows, options = {}) => {
   return parts.join('');
 };
 
-const DEL_CHAR_BG = ansi.bg(THEME.delCharBg);
-const ADD_CHAR_BG = ansi.bg(THEME.addCharBg);
-const DEL_LINE_FG = ansi.fg(THEME.delLineFg);
-const ADD_LINE_FG = ansi.fg(THEME.addLineFg);
-
 module.exports = {
-  LOGO,
-  FILE_CURSOR,
-  FILE_CURRENT,
   QUIT_FINISH,
   QUIT_CONTINUE,
   QUIT_PROMPT,
-  STYLES,
-  STAGED_STYLES,
-  renderFrame,
-  presentCursor,
-  presentRows,
-  layoutButtons,
+  DEL_CHAR_BG,
+  ADD_CHAR_BG,
   paintDiffLine,
-  paintSplitRow,
-  bodyLines,
   headerText,
-  wrapPlain,
-  wrapDoc,
-  wrapMultiline,
-  cursorInWrap,
-  wrapMove,
-  noteInnerWidth,
+  layoutButtons,
   todoInnerWidth,
-  DEL_CHAR_BG,
-  ADD_CHAR_BG,
-  DEL_LINE_FG,
-  ADD_LINE_FG,
+  noteInnerWidth,
+  renderFrame,
+  presentCursor,
+  presentRows,
 };