buninu 0.1.1

package/apps/jsmdcui/tests/table-render.test.js

@@ -0,0 +1,150 @@
+import { expect, test } from "bun:test";
+import {
+  addTuiTableRowSeparators,
+  convertTuiTableCheckboxes,
+  markHeadingTableRows,
+  markTuiTableStripeStyles,
+  tuiTableStripeRows,
+} from "../src/cui/table-render.mjs";
+
+function renderHeadingTable(markdown, columns) {
+  const plan = markHeadingTableRows(markdown);
+  const rendered = String(Bun.markdown.ansi(
+    plan.markdown,
+    { hyperlinks: true, columns },
+  ));
+  return addTuiTableRowSeparators(rendered, plan);
+}
+
+test("table checkbox prefixes are identified before narrow Bun wrapping", () => {
+  const markdown = `# Table
+
+| A very long heading | B |
+| --- | --- |
+| [x] checked | [ ] pending |
+`;
+  const plan = markHeadingTableRows(markdown);
+  expect(plan.markdown).toContain("☒ checked");
+  expect(plan.markdown).toContain("☐ pending");
+
+  const rendered = String(Bun.markdown.ansi(plan.markdown, { columns: 12 }));
+  const converted = convertTuiTableCheckboxes(
+    addTuiTableRowSeparators(rendered, plan),
+  );
+  expect(Bun.stripANSI(converted)).toContain("☒");
+  expect(Bun.stripANSI(converted)).toContain("☐");
+  expect(converted).toContain("\x1b[32m☒");
+});
+
+test("heading-associated TUI tables receive logical-row separators", () => {
+  const markdown = `# Table
+
+| A | B |
+| --- | --- |
+| one | first |
+| two | second |
+| three | third |
+`;
+  const decorated = renderHeadingTable(markdown, 40);
+  const lines = Bun.stripANSI(decorated).split("\n");
+  const separators = lines.filter(line => /^├─+(?:┼─+)*┤$/u.test(line));
+
+  expect(separators).toHaveLength(3);
+  expect(new Set(separators)).toEqual(new Set([separators[0]]));
+  expect(Bun.stringWidth(separators[0])).toBe(
+    Bun.stringWidth(lines.find(line => line.startsWith("┌"))),
+  );
+});
+
+test("wrapped visual lines do not receive false logical-row separators", () => {
+  const markdown = `# Table
+
+| A | B |
+| --- | --- |
+| this is a long cell that wraps | value |
+| next | row |
+`;
+  const decorated = renderHeadingTable(markdown, 20);
+  const lines = Bun.stripANSI(decorated).split("\n");
+  const topWidth = Bun.stringWidth(lines.find(line => line.startsWith("┌")));
+
+  for (const line of lines.filter(line => /^[├│└]/u.test(line))) {
+    expect(Bun.stringWidth(line)).toBe(topWidth);
+  }
+  expect(lines.filter(line => /^├─+(?:┼─+)*┤$/u.test(line))).toHaveLength(2);
+});
+
+test("wide table cell text does not break rendered-row discovery", () => {
+  const markdown = `# 中文表格
+
+| 名稱 | 狀態 |
+| --- | --- |
+| 中文 | 完成 |
+| emoji | ✅ |
+`;
+  const lines = Bun.stripANSI(renderHeadingTable(markdown, 30)).split("\n");
+
+  expect(lines.filter(line => /^├─+(?:┼─+)*┤$/u.test(line))).toHaveLength(2);
+  expect([...tuiTableStripeRows(lines)]).toHaveLength(2);
+});
+
+test("TUI headers and even body display rows receive the colorscheme marker", () => {
+  const lines = [
+    "┌─────┬─────┐",
+    "│ A   │ B   │",
+    "├─────┼─────┤",
+    "│ one │ 1   │",
+    "├─────┼─────┤",
+    "│ two │ 2   │",
+    "├─────┼─────┤",
+    "│ tri │ 3   │",
+    "└─────┴─────┘",
+  ];
+  expect([...tuiTableStripeRows(lines)]).toEqual([1, 5]);
+
+  const styles = lines.map(() => []);
+  markTuiTableStripeStyles(styles, lines);
+  expect(styles[1][0]?.mdcuiTableStripe).toBe(true);
+  expect(styles[3][0]?.mdcuiTableStripe).toBeUndefined();
+  expect(styles[5][0]?.mdcuiTableStripe).toBe(true);
+  expect(styles[7][0]?.mdcuiTableStripe).toBeUndefined();
+});
+
+test("non-table box frames are left unchanged", () => {
+  const ansi = "\x1b[2m┌─ js\x1b[0m\n\x1b[2m│ code\x1b[0m\n\x1b[2m└─\x1b[0m";
+  expect(addTuiTableRowSeparators(ansi)).toBe(ansi);
+});
+
+test("tables without an associated heading keep Bun's original separators", () => {
+  const markdown = `| A | B |
+| --- | --- |
+| one | 1 |
+| two | 2 |
+`;
+  const rendered = String(Bun.markdown.ansi(markdown, { columns: 30 }));
+  const plan = markHeadingTableRows(markdown);
+  expect(plan.markers).toHaveLength(0);
+  expect(addTuiTableRowSeparators(rendered, plan)).toBe(rendered);
+});
+
+test("TUI table cell prefixes become fixed-width checkbox glyphs", () => {
+  const markdown = `| [ ] Header | Other |
+| --- | --- |
+| [x] checked | text [ ] unchanged |
+| plain | [X] upper |
+`;
+  const rendered = String(Bun.markdown.ansi(markdown, { columns: 50 }));
+  const converted = convertTuiTableCheckboxes(rendered);
+  const before = Bun.stripANSI(rendered).split("\n");
+  const after = Bun.stripANSI(converted).split("\n");
+
+  expect(after.join("\n")).toContain("☐ Header");
+  expect(after.join("\n")).toContain("☒ checked");
+  expect(after.join("\n")).toContain("☒ upper");
+  expect(after.join("\n")).toContain("text [ ] unchanged");
+  expect(converted).toContain("\x1b[32m☒");
+  expect(converted).not.toContain("\x1b[32m☐");
+  expect(after.map(line => Bun.stringWidth(line))).toEqual(
+    before.map(line => Bun.stringWidth(line)),
+  );
+});

package/apps/jsmdcui/tests/table-row-edit.test.js

@@ -0,0 +1,138 @@
+import { expect, test } from "bun:test";
+import {
+  backspaceMdcuiTableRow,
+  colorAnsiPlainRange,
+  deleteMdcuiTableRow,
+  isMdcuiTableRow,
+  overwriteMdcuiTableRow,
+  replaceAnsiPlainRange,
+  replaceAnsiPlainRangePreservingControls,
+} from "../src/cui/table-row-edit.mjs";
+
+test("the minimal rendered table-row check requires both vertical edges", () => {
+  expect(isMdcuiTableRow("│ cell │")).toBe(true);
+  expect(isMdcuiTableRow("  │ cell │  ")).toBe(true);
+  expect(isMdcuiTableRow("│cell│")).toBe(false);
+  expect(isMdcuiTableRow("│ cell│")).toBe(false);
+  expect(isMdcuiTableRow("│cell │")).toBe(false);
+  expect(isMdcuiTableRow("│ blockquote")).toBe(false);
+  expect(isMdcuiTableRow("plain │ text")).toBe(false);
+
+  const rendered = Bun.stripANSI(String(Bun.markdown.ansi(
+    "| one | two |\n| --- | --- |\n| A | B |\n",
+    { columns: 40 },
+  ))).split("\n");
+  expect(isMdcuiTableRow(rendered.find(line => line.includes("A")))).toBe(true);
+});
+
+test("table-row backspace clears one grapheme without changing display width", () => {
+  const line = "│ A中 │";
+  const edit = backspaceMdcuiTableRow(line, line.indexOf("中") + 1);
+
+  expect(edit.line).toBe("│ A   │");
+  expect(edit.cursor).toBe(line.indexOf("中"));
+  expect(Bun.stringWidth(edit.line)).toBe(Bun.stringWidth(line));
+  expect(backspaceMdcuiTableRow(line, 1)).toBeNull();
+});
+
+test("table-row backspace stops at separator padding", () => {
+  const line = "│ A │ B │";
+  const leftPadding = 1;
+  const middleLeftPadding = line.indexOf("│", 1) - 1;
+  const middleRightPadding = line.indexOf("│", 1) + 1;
+  const rightPadding = line.lastIndexOf("│") - 1;
+
+  for (const padding of [
+    leftPadding,
+    middleLeftPadding,
+    middleRightPadding,
+    rightPadding,
+  ]) {
+    expect(backspaceMdcuiTableRow(line, padding + 1)).toBeNull();
+  }
+});
+
+test("table-row overwrite and delete preserve separators and visual width", () => {
+  const line = "│ 中B │";
+  const space = overwriteMdcuiTableRow(line, line.indexOf("中"), " ");
+  expect(space.line).toBe("│   B │");
+  expect(space.cursor).toBe(line.indexOf("中") + 1);
+  expect(Bun.stringWidth(space.line)).toBe(Bun.stringWidth(line));
+
+  const wide = overwriteMdcuiTableRow("│ AB │", 2, "中");
+  expect(wide.line).toBe("│ 中 │");
+  expect(Bun.stringWidth(wide.line)).toBe(Bun.stringWidth("│ AB │"));
+  expect(overwriteMdcuiTableRow(line, 0, "x")).toBeNull();
+  expect(deleteMdcuiTableRow(line, line.indexOf("中")).line).toBe("│   B │");
+});
+
+test("IME-width characters consume adjacent cell columns without crossing padding", () => {
+  const line = "│      │";
+  const first = overwriteMdcuiTableRow(line, 2, "中");
+  expect(first.line).toBe("│ 中   │");
+  expect(first.cursor).toBe(3);
+  expect(Bun.stringWidth(first.line)).toBe(Bun.stringWidth(line));
+
+  const second = overwriteMdcuiTableRow(first.line, first.cursor, "文");
+  expect(second.line).toBe("│ 中文 │");
+  expect(Bun.stringWidth(second.line)).toBe(Bun.stringWidth(line));
+
+  expect(overwriteMdcuiTableRow("│ A │", 2, "中")).toBeNull();
+});
+
+test("table-row overwrite preserves padding beside every separator", () => {
+  const line = "│ A │ B │";
+  const paddingColumns = [
+    1,
+    line.indexOf("│", 1) - 1,
+    line.indexOf("│", 1) + 1,
+    line.lastIndexOf("│") - 1,
+  ];
+
+  for (const cursor of paddingColumns) {
+    expect(overwriteMdcuiTableRow(line, cursor, "x")).toBeNull();
+    const space = overwriteMdcuiTableRow(line, cursor, " ");
+    expect(space.line).toBe(line);
+    expect(Bun.stringWidth(space.line)).toBe(Bun.stringWidth(line));
+  }
+});
+
+test("ANSI range replacement keeps one surrounding OSC 8 link", () => {
+  const line = "\x1b]8;;javascript:test()\x1b\\\x1b[34m☐ haha\x1b[0m\x1b]8;;\x1b\\";
+  const replaced = replaceAnsiPlainRange(line, 0, 1, " ");
+
+  expect(Bun.stripANSI(replaced)).toBe("  haha");
+  expect(replaced.match(/\x1b]8;;javascript:test\(\)\x1b\\/g)).toHaveLength(1);
+  expect(replaced.match(/\x1b]8;;\x1b\\/g)).toHaveLength(1);
+});
+
+test("text-only ANSI replacement retains controls inside the changed range", () => {
+  const ansi =
+    "\x1b[31mA\x1b[32mB"
+    + "\x1b]8;;javascript:test()\x1b\\C\x1b]8;;\x1b\\"
+    + "\x1b[0m";
+  const replaced = replaceAnsiPlainRangePreservingControls(
+    ansi,
+    0,
+    3,
+    "XYZ",
+  );
+
+  expect(Bun.stripANSI(replaced)).toBe("XYZ");
+  expect(replaced).toBe(
+    "\x1b[31mXYZ\x1b[32m"
+    + "\x1b]8;;javascript:test()\x1b\\\x1b]8;;\x1b\\"
+    + "\x1b[0m",
+  );
+});
+
+test("ANSI range color restores the style active before the glyph", () => {
+  const ansi =
+    "\x1b[1mA\x1b[34mB\x1b]8;;javascript:test()\x1b\\C"
+    + "\x1b]8;;\x1b\\D\x1b[0m";
+  const colored = colorAnsiPlainRange(ansi, 2, 3, "☒");
+
+  expect(Bun.stripANSI(colored)).toBe("AB☒D");
+  expect(colored).toContain("\x1b[32m☒\x1b[0m\x1b[1m\x1b[34m");
+  expect(colored).toContain("javascript:test()");
+});

package/apps/jsmdcui/tests/task-checkbox.test.js

@@ -0,0 +1,33 @@
+import { expect, test } from "bun:test";
+import {
+  toggleTaskCheckboxBeforeColumn,
+  updateAnsiTaskCheckbox,
+} from "../src/cui/task-checkbox.mjs";
+
+test("task checkbox toggle reports its position and new checked state", () => {
+  expect(toggleTaskCheckboxBeforeColumn("  ☐ todo", 4)).toEqual({
+    line: "  ☒ todo",
+    toggled: true,
+    checkboxAt: 2,
+    checked: true,
+  });
+  expect(toggleTaskCheckboxBeforeColumn("  ☒ todo", 4)).toEqual({
+    line: "  ☐ todo",
+    toggled: true,
+    checkboxAt: 2,
+    checked: false,
+  });
+});
+
+test("task checkbox toggle updates Bun Markdown ANSI color with the glyph", () => {
+  const unchecked = "  \x1b[2m☐ \x1b[0mtodo";
+  const checked = "  \x1b[32m☒ \x1b[0mtodo";
+  expect(updateAnsiTaskCheckbox(unchecked, 2, true)).toBe(checked);
+  expect(updateAnsiTaskCheckbox(checked, 2, false)).toBe(unchecked);
+});
+
+test("ANSI checkbox lookup ignores OSC 8 hyperlink metadata", () => {
+  const prefix = "\x1b]8;;https://example.test\x1b\\link\x1b]8;;\x1b\\ ";
+  expect(updateAnsiTaskCheckbox(`${prefix}\x1b[2m☐ \x1b[0mtodo`, 5, true))
+    .toBe(`${prefix}\x1b[32m☒ \x1b[0mtodo`);
+});