@jant/core 0.6.14 → 0.6.15

package/src/client/tiptap/table-size-picker.ts

@@ -0,0 +1,254 @@
+/** Accessible table-dimension picker opened by the compose slash command. */
+
+import type { Editor, Range } from "@tiptap/core";
+import {
+  getFixedFloatingContainerRect,
+  getFloatingPosition,
+} from "./floating-position.js";
+import type { TableControlLabels } from "./table-control-labels.js";
+
+const MAX_ROWS = 8;
+const MAX_COLUMNS = 8;
+const DEFAULT_ROWS = 3;
+const DEFAULT_COLUMNS = 3;
+
+interface ActivePicker {
+  close: (restoreFocus?: boolean) => void;
+}
+
+let activePicker: ActivePicker | null = null;
+
+function formatSizeLabel(
+  template: string,
+  rows: number,
+  columns: number,
+): string {
+  return template
+    .replaceAll("%rows%", String(rows))
+    .replaceAll("%cols%", String(columns));
+}
+
+/**
+ * Opens a bounded 8×8 table-size picker at the current slash-command range.
+ *
+ * @param editor - Editor receiving the selected table
+ * @param range - Slash query range to remove before opening the picker
+ * @param labels - Localized table UI labels
+ * @returns Nothing
+ */
+export function openTableSizePicker(
+  editor: Editor,
+  range: Range,
+  labels: TableControlLabels,
+): void {
+  activePicker?.close(false);
+
+  editor.chain().focus().deleteRange(range).run();
+  const insertPosition = editor.state.selection.from;
+  const dialog = editor.view.dom.closest("dialog");
+  const container = dialog ?? document.body;
+
+  const picker = document.createElement("div");
+  picker.className = "tiptap-table-size-picker";
+  picker.dataset.editorFloatingUi = "true";
+  picker.style.position = "fixed";
+  picker.setAttribute("role", "dialog");
+  picker.setAttribute("aria-label", labels.sizePickerLabel);
+
+  const header = document.createElement("div");
+  header.className = "tiptap-table-size-picker-header";
+  const title = document.createElement("span");
+  title.textContent = labels.sizePickerLabel;
+  const dimensions = document.createElement("output");
+  dimensions.className = "tiptap-table-size-picker-dimensions";
+  dimensions.setAttribute("aria-live", "polite");
+  header.appendChild(title);
+  header.appendChild(dimensions);
+  picker.appendChild(header);
+
+  const grid = document.createElement("div");
+  grid.className = "tiptap-table-size-grid";
+  grid.setAttribute("role", "grid");
+  grid.setAttribute("aria-label", labels.sizePickerLabel);
+  picker.appendChild(grid);
+
+  let selectedRows = DEFAULT_ROWS;
+  let selectedColumns = DEFAULT_COLUMNS;
+  let closed = false;
+  const cells: HTMLButtonElement[][] = [];
+
+  function labelFor(rows: number, columns: number): string {
+    return formatSizeLabel(labels.insertTableSize, rows, columns);
+  }
+
+  function updateSelection(rows: number, columns: number): void {
+    selectedRows = Math.min(Math.max(rows, 1), MAX_ROWS);
+    selectedColumns = Math.min(Math.max(columns, 1), MAX_COLUMNS);
+    dimensions.textContent = `${selectedRows} × ${selectedColumns}`;
+    picker.setAttribute(
+      "aria-label",
+      `${labels.sizePickerLabel}: ${labelFor(selectedRows, selectedColumns)}`,
+    );
+
+    for (let row = 1; row <= MAX_ROWS; row += 1) {
+      for (let column = 1; column <= MAX_COLUMNS; column += 1) {
+        const cell = cells[row - 1]?.[column - 1];
+        if (!cell) continue;
+        const isCurrent = row === selectedRows && column === selectedColumns;
+        cell.classList.toggle(
+          "is-selected",
+          row <= selectedRows && column <= selectedColumns,
+        );
+        cell.classList.toggle("is-current", isCurrent);
+        cell.tabIndex = isCurrent ? 0 : -1;
+        cell.setAttribute("aria-selected", String(isCurrent));
+      }
+    }
+  }
+
+  function focusSelection(): void {
+    cells[selectedRows - 1]?.[selectedColumns - 1]?.focus();
+  }
+
+  function insertTable(): void {
+    if (closed) return;
+    close(false);
+    editor
+      .chain()
+      .focus()
+      .setTextSelection(insertPosition)
+      .insertTable({
+        rows: selectedRows,
+        cols: selectedColumns,
+        withHeaderRow: true,
+      })
+      .run();
+  }
+
+  function onKeydown(event: KeyboardEvent): void {
+    let nextRows = selectedRows;
+    let nextColumns = selectedColumns;
+    if (event.key === "ArrowUp") nextRows -= 1;
+    else if (event.key === "ArrowDown") nextRows += 1;
+    else if (event.key === "ArrowLeft") nextColumns -= 1;
+    else if (event.key === "ArrowRight") nextColumns += 1;
+    else if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      event.stopPropagation();
+      insertTable();
+      return;
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      close(true);
+      return;
+    } else {
+      return;
+    }
+
+    event.preventDefault();
+    event.stopPropagation();
+    updateSelection(nextRows, nextColumns);
+    focusSelection();
+  }
+
+  for (let row = 1; row <= MAX_ROWS; row += 1) {
+    const rowElement = document.createElement("div");
+    rowElement.className = "tiptap-table-size-grid-row";
+    rowElement.setAttribute("role", "row");
+    const rowCells: HTMLButtonElement[] = [];
+    for (let column = 1; column <= MAX_COLUMNS; column += 1) {
+      const cell = document.createElement("button");
+      cell.type = "button";
+      cell.className = "tiptap-table-size-cell";
+      cell.dataset.row = String(row);
+      cell.dataset.column = String(column);
+      cell.setAttribute("role", "gridcell");
+      cell.setAttribute("aria-label", labelFor(row, column));
+      cell.addEventListener("pointerenter", () => {
+        updateSelection(row, column);
+      });
+      cell.addEventListener("focus", () => {
+        updateSelection(row, column);
+      });
+      cell.addEventListener("keydown", onKeydown);
+      cell.addEventListener("click", insertTable);
+      rowElement.appendChild(cell);
+      rowCells.push(cell);
+    }
+    cells.push(rowCells);
+    grid.appendChild(rowElement);
+  }
+
+  function positionPicker(): void {
+    if (closed) return;
+    const coords = editor.view.coordsAtPos(insertPosition);
+    const rect = picker.getBoundingClientRect();
+    const layout = getFloatingPosition({
+      anchorRect: {
+        left: coords.left,
+        right: coords.right,
+        top: coords.top,
+        bottom: coords.bottom,
+      },
+      containerRect: getFixedFloatingContainerRect(dialog),
+      floatingWidth: rect.width,
+      floatingHeight: rect.height,
+      preferredPlacement: "bottom",
+      fallbackPlacement: "top",
+      align: "start",
+    });
+    picker.style.left = `${layout.left}px`;
+    picker.style.top = `${layout.top}px`;
+    picker.dataset.placement = layout.placement;
+  }
+
+  function onOutsidePointer(event: MouseEvent): void {
+    const target = event.target;
+    if (target instanceof Node && !picker.contains(target)) {
+      close(false);
+    }
+  }
+
+  function onOutsideFocus(event: globalThis.FocusEvent): void {
+    const target = event.target;
+    if (
+      target instanceof Node &&
+      !picker.contains(target) &&
+      !editor.view.dom.contains(target)
+    ) {
+      close(false);
+    }
+  }
+
+  function onEditorDestroy(): void {
+    close(false);
+  }
+
+  function close(restoreFocus = false): void {
+    if (closed) return;
+    closed = true;
+    document.removeEventListener("mousedown", onOutsidePointer, true);
+    document.removeEventListener("focusin", onOutsideFocus, true);
+    window.removeEventListener("resize", positionPicker);
+    window.removeEventListener("scroll", positionPicker, true);
+    editor.off("destroy", onEditorDestroy);
+    picker.remove();
+    if (activePicker?.close === close) activePicker = null;
+    if (restoreFocus && !editor.isDestroyed) editor.view.focus();
+  }
+
+  activePicker = { close };
+  container.appendChild(picker);
+  updateSelection(DEFAULT_ROWS, DEFAULT_COLUMNS);
+  positionPicker();
+  window.addEventListener("resize", positionPicker);
+  window.addEventListener("scroll", positionPicker, true);
+  editor.on("destroy", onEditorDestroy);
+  setTimeout(() => {
+    if (closed) return;
+    document.addEventListener("mousedown", onOutsidePointer, true);
+    document.addEventListener("focusin", onOutsideFocus, true);
+    focusSelection();
+  }, 0);
+}

package/src/client/toast.ts

@@ -96,6 +96,8 @@ const COPY_ICON =
   '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>';
 const CHECK_ICON =
   '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path d="M20 6 9 17l-5-5"/></svg>';
+const TOAST_DURATION_MS = 3000;
+const ACTION_TOAST_DURATION_MS = 8000;
 
 /** Build toast inner content using safe DOM APIs (icon is trusted, text uses textContent). */
 function setToastContent(
@@ -158,14 +160,14 @@ export function showToast(message: string, type: ToastType = "success"): void {
   setTimeout(() => {
     toast.classList.add("toast-out");
     toast.addEventListener("animationend", () => toast.remove());
-  }, 3000);
+  }, TOAST_DURATION_MS);
 }
 
 /**
  * Show a toast with an action link.
  *
  * @param message - Text to display
- * @param action - Action link with label and href
+ * @param action - Action link rendered beside the message
  * @param type - Visual style: "success" (default) or "error"
  *
  * @example
@@ -191,7 +193,7 @@ export function showToastWithAction(
   setTimeout(() => {
     toast.classList.add("toast-out");
     toast.addEventListener("animationend", () => toast.remove());
-  }, 3000);
+  }, ACTION_TOAST_DURATION_MS);
 }
 
 /**
@@ -285,7 +287,7 @@ export function replaceWithAutoClose(
   setTimeout(() => {
     toast.classList.add("toast-out");
     toast.addEventListener("animationend", () => toast.remove());
-  }, 3000);
+  }, TOAST_DURATION_MS);
 }
 
 /**
@@ -293,7 +295,7 @@ export function replaceWithAutoClose(
  *
  * @param id - The toast identifier
  * @param message - New message text
- * @param action - Action link with label and href
+ * @param action - Action link rendered beside the message
  * @param type - Visual style: "success" (default) or "error"
  *
  * @example
@@ -318,7 +320,7 @@ export function replaceWithAutoCloseAction(
   setTimeout(() => {
     toast.classList.add("toast-out");
     toast.addEventListener("animationend", () => toast.remove());
-  }, 3000);
+  }, ACTION_TOAST_DURATION_MS);
 }
 
 /**

package/src/client-auth.ts

@@ -18,6 +18,7 @@ import "./client/slash-discovery-bridge.js";
 import "./client/compose-shortcuts.js";
 import "./client/components/jant-settings-general.js";
 import "./client/components/jant-settings-avatar.js";
+import "./client/components/jant-config-editor.js";
 import "./client/settings-bridge.js";
 import "./client/components/jant-repo-picker.js";
 import "./client/components/jant-collection-form.js";

package/src/client.ts

@@ -19,6 +19,7 @@ import "./client/note-expand.js";
 import "./client/archive-nav.js";
 import "./client/site-header-nav.js";
 import "./client/collection-sort-menu.js";
+import "./client/footnote-rail.js";
 
 declare const __JANT_VERSION__: string;
 

package/src/db/__tests__/d1-query.test.ts

@@ -8,7 +8,7 @@ vi.mock("../../../bin/lib/wrangler-cli.js", () => ({
   runLocalWrangler: runLocalWranglerMock,
 }));
 
-const { parseWranglerError, queryD1 } =
+const { executeD1, parseWranglerError, queryD1 } =
   await import("../../../bin/lib/d1-query.js");
 
 function createWranglerError(stderr) {
@@ -81,4 +81,46 @@ describe("d1-query Wrangler error parsing", () => {
     ).toThrow("Wrangler error: Authentication error.");
     expect(runLocalWranglerMock).toHaveBeenCalledTimes(1);
   });
+
+  it("allows tracked migrations to disable transient retries", () => {
+    runLocalWranglerMock.mockImplementationOnce(() => {
+      throw createWranglerError("fetch failed");
+    });
+
+    expect(() =>
+      executeD1("CREATE TABLE replacement (id TEXT)", "d1-remote", {
+        quiet: true,
+        retryAttempts: 1,
+        retryDelayMs: 0,
+      }),
+    ).toThrow("fetch failed");
+    expect(runLocalWranglerMock).toHaveBeenCalledTimes(1);
+  });
+
+  it("keeps Wrangler target flags out of child-process options", () => {
+    runLocalWranglerMock.mockReturnValue(
+      JSON.stringify([{ results: [{ count: 1 }], success: true }]),
+    );
+
+    queryD1("SELECT 1", "d1-remote", {
+      configPath: "/tmp/wrangler.toml",
+      database: "CONTENT_DB",
+      env: "preview",
+      persistTo: "/tmp/d1",
+      retryAttempts: 1,
+    });
+
+    expect(runLocalWranglerMock).toHaveBeenCalledWith(
+      expect.arrayContaining([
+        "CONTENT_DB",
+        "--config",
+        "/tmp/wrangler.toml",
+        "--env",
+        "preview",
+        "--persist-to",
+        "/tmp/d1",
+      ]),
+      {},
+    );
+  });
 });

package/src/db/__tests__/migration-runner.test.ts

@@ -10,6 +10,7 @@ afterEach(() => {
   for (const dir of tempDirs.splice(0, tempDirs.length)) {
     rmSync(dir, { recursive: true, force: true });
   }
+  vi.restoreAllMocks();
 });
 
 describe("migration runner", () => {
@@ -53,6 +54,68 @@ describe("migration runner", () => {
     expect(execute).toHaveBeenCalledOnce();
   });
 
+  it("reconciles an interrupted response when the migration marker committed", () => {
+    const tempDir = mkdtempSync(join(tmpdir(), "jant-migration-runner-"));
+    tempDirs.push(tempDir);
+
+    const sqlPath = join(tempDir, "0001_test.sql");
+    writeFileSync(sqlPath, "CREATE TABLE post (id INTEGER PRIMARY KEY);");
+
+    const execute = vi.fn();
+    const executeTrackedFile = vi.fn(() => {
+      throw new Error("fetch failed");
+    });
+    const query = vi
+      .fn()
+      .mockReturnValueOnce([])
+      .mockReturnValueOnce([{ name: "0001_test.sql" }]);
+    const logSpy = vi.spyOn(console, "log").mockImplementation(() => {});
+
+    expect(
+      applyTrackedSqlFiles(
+        { execute, executeTrackedFile, query },
+        {
+          files: [{ name: "0001_test.sql", path: sqlPath }],
+          headline: "Schema migrations",
+          tableName: "d1_migrations",
+        },
+      ),
+    ).toBe(1);
+    expect(executeTrackedFile).toHaveBeenCalledOnce();
+    expect(query).toHaveBeenCalledTimes(2);
+    expect(logSpy).toHaveBeenCalledWith(
+      "[1/1] 0001_test.sql ✅ (confirmed after interrupted response)",
+    );
+  });
+
+  it("surfaces an interrupted migration when no marker was committed", () => {
+    const tempDir = mkdtempSync(join(tmpdir(), "jant-migration-runner-"));
+    tempDirs.push(tempDir);
+
+    const sqlPath = join(tempDir, "0001_test.sql");
+    writeFileSync(sqlPath, "CREATE TABLE post (id INTEGER PRIMARY KEY);");
+
+    const execute = vi.fn();
+    const executeTrackedFile = vi.fn(() => {
+      throw new Error("fetch failed");
+    });
+    const query = vi.fn().mockReturnValue([]);
+    vi.spyOn(console, "log").mockImplementation(() => {});
+
+    expect(() =>
+      applyTrackedSqlFiles(
+        { execute, executeTrackedFile, query },
+        {
+          files: [{ name: "0001_test.sql", path: sqlPath }],
+          headline: "Schema migrations",
+          tableName: "d1_migrations",
+        },
+      ),
+    ).toThrow("Failed to apply 0001_test.sql: fetch failed");
+    expect(executeTrackedFile).toHaveBeenCalledOnce();
+    expect(query).toHaveBeenCalledTimes(2);
+  });
+
   it("splits SQL statements without breaking semicolons inside strings", async () => {
     const { splitSqlStatements } =
       await import("../../../bin/lib/migration-runner.js");