@mrsf/markdown-it-mrsf 0.1.0 → 0.3.0

package/README.md

@@ -112,7 +112,12 @@ Customise with CSS custom properties:
 
 ## Interactive Mode
 
-Enable `interactive: true` to add action buttons (Resolve, Reply, Edit) inside tooltips. These render as `<button data-mrsf-action="..." data-mrsf-comment-id="...">` elements — inert without JavaScript.
+Enable `interactive: true` to add action buttons (Resolve, Reply, Edit) inside tooltips, plus:
+
+- Gutter “Add comment” buttons for each line badge
+- An inline “Add comment” floater that appears when users select text
+
+Buttons render as `<button data-mrsf-action="..." data-mrsf-comment-id="...">` elements — inert without JavaScript.
 
 ```ts
 md.use(mrsfPlugin, {
@@ -135,11 +140,15 @@ document.addEventListener("mrsf:resolve", (e) => {
 document.addEventListener("mrsf:reply", (e) => {
   console.log("Reply to:", e.detail.commentId);
 });
+
+document.addEventListener("mrsf:add", (e) => {
+  console.log("Add on line", e.detail.line, "selection", e.detail.selectionText);
+});
 ```
 
-Events dispatched: `mrsf:resolve`, `mrsf:unresolve`, `mrsf:reply`, `mrsf:edit`, `mrsf:navigate`.
+Events dispatched: `mrsf:add`, `mrsf:resolve`, `mrsf:unresolve`, `mrsf:reply`, `mrsf:edit`, `mrsf:navigate`.
 
-Each event's `detail` contains `{ commentId: string, line: number | null, action: string }`.
+Each event's `detail` contains `{ commentId: string | null, line: number | null, action: string, selectionText?: string | null, start_line?: number | null, end_line?: number | null, start_column?: number | null, end_column?: number | null }` (snake_case to align with the CLI SDK parameters).
 
 ## Options
 
@@ -171,7 +180,8 @@ All rendered elements follow a strict data-attribute contract:
 
 - `data-mrsf-line` — source line number (1-based)
 - `data-mrsf-comment-id` — comment identifier
-- `data-mrsf-action` — action type (`resolve`, `unresolve`, `reply`, `edit`, `navigate`)
+- `data-mrsf-action` — action type (`add`, `resolve`, `unresolve`, `reply`, `edit`, `navigate`)
+- `data-mrsf-start-line`, `data-mrsf-end-line`, `data-mrsf-start-column`, `data-mrsf-end-column` — optional selection anchors when present
 
 ## License
 

package/dist/browser.d.ts

@@ -12,7 +12,7 @@
  * a browser environment.
  */
 import type { MrsfPluginOptions } from "./types.js";
-export type { MrsfPluginOptions, SlimComment, CommentThread, LineMap } from "./types.js";
+export type { MrsfPluginOptions, SlimComment, CommentThread, LineMap, CommentLoader } from "./types.js";
 /**
  * The markdown-it plugin function (browser-safe).
  *

package/dist/browser.js

@@ -1,39 +1,370 @@
-/**
- * Browser-safe entry point for @mrsf/markdown-it-mrsf.
- *
- * This entry is automatically selected by bundlers (Vite, webpack, esbuild)
- * via the `"browser"` export condition in package.json. It supports the
- * `comments` and `loader` provisioning modes — no Node.js file-system APIs.
- *
- * You do NOT need to import this directly. Just use:
- *   import { mrsfPlugin } from "@mrsf/markdown-it-mrsf";
- *
- * Your bundler will resolve to this file automatically when targeting
- * a browser environment.
- */
-import { createMrsfPlugin } from "./shared.js";
-/**
- * The markdown-it plugin function (browser-safe).
- *
- * Supports `comments` (inline data) and `loader` (custom function) options.
- */
-export const mrsfPlugin = createMrsfPlugin((options) => {
-    if (options.comments) {
-        return options.comments;
-    }
-    if (options.loader) {
-        try {
-            return options.loader();
-        }
-        catch {
-            return null;
+// ../shared/dist/comments.js
+function toSlimComments(doc) {
+  return doc.comments.map((c) => ({
+    id: c.id,
+    author: c.author || "Unknown",
+    text: c.text || "",
+    line: c.line ?? null,
+    end_line: c.end_line ?? null,
+    start_column: c.start_column ?? null,
+    end_column: c.end_column ?? null,
+    selected_text: c.selected_text || null,
+    resolved: !!c.resolved,
+    reply_to: c.reply_to || null,
+    severity: c.severity || null,
+    type: c.type || null,
+    timestamp: c.timestamp || null
+  }));
+}
+function groupByLine(comments) {
+  const rootComments = comments.filter((c) => !c.reply_to && c.line != null);
+  const replies = comments.filter((c) => c.reply_to);
+  const replyMap = /* @__PURE__ */ new Map();
+  for (const r of replies) {
+    const list = replyMap.get(r.reply_to) || [];
+    list.push(r);
+    replyMap.set(r.reply_to, list);
+  }
+  const lineMap = /* @__PURE__ */ new Map();
+  for (const c of rootComments) {
+    const line = c.line;
+    const threads = lineMap.get(line) || [];
+    threads.push({
+      comment: c,
+      replies: replyMap.get(c.id) || []
+    });
+    lineMap.set(line, threads);
+  }
+  return lineMap;
+}
+function resolveComments(loader, options) {
+  const showResolved = options.showResolved ?? true;
+  const doc = loader(options);
+  if (!doc || !doc.comments || doc.comments.length === 0) {
+    return null;
+  }
+  let comments = toSlimComments(doc);
+  if (!showResolved) {
+    comments = comments.filter((c) => !c.resolved);
+  }
+  if (comments.length === 0)
+    return null;
+  const lineMap = groupByLine(comments);
+  return { lineMap, comments };
+}
+
+// ../shared/dist/html.js
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function formatTime(iso) {
+  if (!iso)
+    return "";
+  try {
+    const d = new Date(iso);
+    return d.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return "";
+  }
+}
+function renderCommentHtml(comment, isReply, interactive) {
+  const resolvedClass = comment.resolved ? " mrsf-resolved" : "";
+  const replyClass = isReply ? " mrsf-reply" : "";
+  let html = `<span class="mrsf-comment${resolvedClass}${replyClass}" data-mrsf-comment-id="${escapeHtml(comment.id)}">`;
+  html += `<span class="mrsf-comment-header">`;
+  html += `<span class="mrsf-author">${escapeHtml(comment.author)}</span>`;
+  if (comment.timestamp) {
+    html += `<span class="mrsf-date">${escapeHtml(formatTime(comment.timestamp))}</span>`;
+  }
+  if (comment.severity) {
+    html += `<span class="mrsf-severity mrsf-severity-${escapeHtml(comment.severity)}">${escapeHtml(comment.severity)}</span>`;
+  }
+  if (comment.type) {
+    html += `<span class="mrsf-type">${escapeHtml(comment.type)}</span>`;
+  }
+  if (comment.resolved) {
+    html += `<span class="mrsf-resolved-badge">\u2713 resolved</span>`;
+  }
+  html += `</span>`;
+  if (comment.selected_text) {
+    html += `<span class="mrsf-selected-text">${escapeHtml(comment.selected_text)}</span>`;
+  }
+  html += `<span class="mrsf-comment-body">${escapeHtml(comment.text)}</span>`;
+  if (interactive) {
+    const line = comment.line != null ? String(comment.line) : "";
+    html += `<span class="mrsf-actions">`;
+    if (comment.resolved) {
+      html += `<button class="mrsf-action-btn" data-mrsf-action="unresolve" data-mrsf-comment-id="${escapeHtml(comment.id)}" data-mrsf-line="${line}">Unresolve</button>`;
+    } else {
+      html += `<button class="mrsf-action-btn" data-mrsf-action="resolve" data-mrsf-comment-id="${escapeHtml(comment.id)}" data-mrsf-line="${line}">Resolve</button>`;
+    }
+    html += `<button class="mrsf-action-btn" data-mrsf-action="reply" data-mrsf-comment-id="${escapeHtml(comment.id)}" data-mrsf-line="${line}">Reply</button>`;
+    html += `<button class="mrsf-action-btn" data-mrsf-action="edit" data-mrsf-comment-id="${escapeHtml(comment.id)}" data-mrsf-line="${line}">Edit</button>`;
+    html += `</span>`;
+  }
+  html += `</span>`;
+  return html;
+}
+function renderThreadHtml(thread, interactive) {
+  let html = `<span class="mrsf-thread">`;
+  html += renderCommentHtml(thread.comment, false, interactive);
+  if (thread.replies.length > 0) {
+    html += `<span class="mrsf-replies">`;
+    for (const reply of thread.replies) {
+      html += renderCommentHtml(reply, true, interactive);
+    }
+    html += `</span>`;
+  }
+  html += `</span>`;
+  return html;
+}
+
+// src/rules/core.ts
+function highlightInlineText(token, thread, interactive, Token) {
+  if (!token.children) return false;
+  const text = thread.comment.selected_text;
+  if (!text) return false;
+  const trimmed = text.trim();
+  if (!trimmed) return false;
+  for (let i = 0; i < token.children.length; i++) {
+    const child = token.children[i];
+    if (child.type !== "text") continue;
+    const idx = child.content.indexOf(trimmed);
+    if (idx === -1) continue;
+    const newTokens = [];
+    if (idx > 0) {
+      const before = new Token("text", "", 0);
+      before.content = child.content.slice(0, idx);
+      newTokens.push(before);
+    }
+    const open = new Token("mrsf_highlight_open", "mark", 1);
+    open.attrSet("class", "mrsf-highlight");
+    open.attrSet("data-mrsf-comment-id", thread.comment.id);
+    open.meta = { thread };
+    newTokens.push(open);
+    const matched = new Token("text", "", 0);
+    matched.content = trimmed;
+    newTokens.push(matched);
+    const close = new Token("mrsf_highlight_close", "mark", -1);
+    close.meta = { thread, interactive };
+    newTokens.push(close);
+    if (idx + trimmed.length < child.content.length) {
+      const after = new Token("text", "", 0);
+      after.content = child.content.slice(idx + trimmed.length);
+      newTokens.push(after);
+    }
+    token.children.splice(i, 1, ...newTokens);
+    return true;
+  }
+  return false;
+}
+function installCoreRule(md, lineMap, options) {
+  const { interactive, gutterPosition, gutterForInline, inlineHighlights } = options;
+  md.core.ruler.push("mrsf_inject", (state) => {
+    const tokens = state.tokens;
+    const TokenCtor = state.Token;
+    const processed = /* @__PURE__ */ new Set();
+    for (let i = tokens.length - 1; i >= 0; i--) {
+      const token = tokens[i];
+      const map = token.map;
+      if (!map) continue;
+      if (token.type === "inline") continue;
+      const startLine1 = map[0] + 1;
+      const endLine1 = map[1];
+      token.attrSet("data-mrsf-line", String(startLine1));
+      token.attrSet("data-mrsf-start-line", String(startLine1));
+      token.attrSet("data-mrsf-end-line", String(endLine1));
+      if (interactive) {
+        const existingClass = token.attrGet("class") || "";
+        token.attrSet(
+          "class",
+          existingClass ? `${existingClass} mrsf-line-hover-target` : "mrsf-line-hover-target"
+        );
+      }
+      for (let line0 = map[0]; line0 < map[1]; line0++) {
+        const line = line0 + 1;
+        if (processed.has(line)) continue;
+        const threads = lineMap.get(line) || [];
+        const hasThreads = threads.length > 0;
+        processed.add(line);
+        if (hasThreads) {
+          const existingClass = token.attrGet("class") || "";
+          token.attrSet(
+            "class",
+            existingClass ? `${existingClass} mrsf-line-highlight` : "mrsf-line-highlight"
+          );
+          token.attrSet("data-mrsf-line", String(line));
+          const allHaveInline = inlineHighlights && threads.every((t) => !!t.comment.selected_text);
+          const showBadge = gutterForInline || !allHaveInline || !inlineHighlights;
+          if (showBadge) {
+            const badgeToken = new TokenCtor("mrsf_badge", "", 0);
+            badgeToken.meta = { line, threads, interactive, gutterPosition };
+            tokens.splice(i + 1, 0, badgeToken);
+          }
+          if (inlineHighlights) {
+            const offset = showBadge ? 2 : 1;
+            const inlineAfter = tokens[i + offset];
+            if (inlineAfter && inlineAfter.type === "inline") {
+              for (const thread of threads) {
+                if (thread.comment.selected_text) {
+                  highlightInlineText(inlineAfter, thread, interactive, TokenCtor);
+                }
+              }
+            }
+          }
+        } else if (interactive) {
+          const addToken = new TokenCtor("mrsf_gutter_add", "", 0);
+          addToken.meta = { line, gutterPosition };
+          tokens.splice(i + 1, 0, addToken);
         }
+      }
     }
-    if (options.sidecarPath || options.documentPath) {
-        console.warn("[@mrsf/markdown-it-mrsf] sidecarPath and documentPath require Node.js. " +
-            "Use `comments` or `loader` options in browser environments.");
+    if (gutterPosition === "left" && processed.size > 0) {
+      const openToken = new TokenCtor("mrsf_gutter_open", "div", 1);
+      openToken.attrSet("class", "mrsf-gutter-container");
+      tokens.unshift(openToken);
+      const closeToken = new TokenCtor("mrsf_gutter_close", "div", -1);
+      tokens.push(closeToken);
     }
-    return null;
+  });
+}
+
+// src/rules/renderer.ts
+function installRendererRules(md) {
+  md.renderer.rules["mrsf_badge"] = (tokens, idx) => {
+    const { line, threads, interactive, gutterPosition } = tokens[idx].meta;
+    const total = threads.reduce(
+      (n, t) => n + 1 + t.replies.length,
+      0
+    );
+    const allResolved = threads.every((t) => t.comment.resolved);
+    const highestSeverity = threads.reduce((sev, t) => {
+      if (t.comment.severity === "high" || sev === "high") return "high";
+      if (t.comment.severity === "medium" || sev === "medium") return "medium";
+      if (t.comment.severity === "low" || sev === "low") return "low";
+      return sev;
+    }, null);
+    const resolvedClass = allResolved ? " mrsf-badge-resolved" : "";
+    const severityClass = highestSeverity === "high" || highestSeverity === "medium" ? ` mrsf-badge-severity-${highestSeverity}` : "";
+    const positionClass = ` mrsf-gutter-${gutterPosition}`;
+    const icon = allResolved ? "\u2713" : "\u{1F4AC}";
+    let html = `<span class="mrsf-tooltip-anchor${positionClass}">`;
+    html += `<span class="mrsf-badge${resolvedClass}${severityClass}" data-mrsf-line="${line}" data-mrsf-action="navigate" data-mrsf-comment-id="${escapeHtml(threads[0].comment.id)}" tabindex="0">${icon} ${total}</span>`;
+    if (interactive) {
+      html += `<button class="mrsf-gutter-add" data-mrsf-action="add" data-mrsf-line="${line}" data-mrsf-start-line="${line}" data-mrsf-end-line="${line}" aria-label="Add comment">+</button>`;
+    }
+    const tooltipClass = interactive ? "mrsf-tooltip mrsf-interactive" : "mrsf-tooltip";
+    html += `<span class="${tooltipClass}" data-mrsf-line="${line}">`;
+    for (const thread of threads) {
+      html += renderThreadHtml(thread, interactive);
+    }
+    if (interactive) {
+      html += `<span class="mrsf-tooltip-actions"><button class="mrsf-action-btn" data-mrsf-action="add" data-mrsf-line="${line}">Add comment</button></span>`;
+    }
+    html += `</span>`;
+    html += `</span>`;
+    return html;
+  };
+  md.renderer.rules["mrsf_gutter_add"] = (tokens, idx) => {
+    const { line, gutterPosition } = tokens[idx].meta;
+    const positionClass = ` mrsf-gutter-${gutterPosition}`;
+    let html = `<span class="mrsf-tooltip-anchor mrsf-gutter-add-only${positionClass}">`;
+    html += `<button class="mrsf-gutter-add" data-mrsf-action="add" data-mrsf-line="${line}" data-mrsf-start-line="${line}" data-mrsf-end-line="${line}" aria-label="Add comment">+</button>`;
+    html += `</span>`;
+    return html;
+  };
+  md.renderer.rules["mrsf_highlight_open"] = (tokens, idx) => {
+    const token = tokens[idx];
+    const cls = token.attrGet("class") || "mrsf-highlight";
+    const commentId = token.attrGet("data-mrsf-comment-id") || "";
+    const thread = token.meta?.thread;
+    const line = thread?.comment.line ?? null;
+    const endLine = thread?.comment.end_line ?? line ?? null;
+    const startCol = thread?.comment.start_column ?? null;
+    const endCol = thread?.comment.end_column ?? null;
+    let html = "";
+    if (thread) {
+      const dataAttrs = [
+        line != null ? `data-mrsf-line="${line}"` : "",
+        line != null ? `data-mrsf-start-line="${line}"` : "",
+        endLine != null ? `data-mrsf-end-line="${endLine}"` : "",
+        startCol != null ? `data-mrsf-start-column="${startCol}"` : "",
+        endCol != null ? `data-mrsf-end-column="${endCol}"` : ""
+      ].filter(Boolean).join(" ");
+      html += `<span class="mrsf-tooltip-anchor mrsf-inline-anchor" ${dataAttrs}>`;
+    }
+    html += `<mark class="${escapeHtml(cls)}" data-mrsf-comment-id="${escapeHtml(commentId)}" tabindex="0">`;
+    return html;
+  };
+  md.renderer.rules["mrsf_highlight_close"] = (tokens, idx) => {
+    const token = tokens[idx];
+    const meta = token.meta;
+    let html = "</mark>";
+    if (meta?.thread) {
+      const thread = meta.thread;
+      const interactive = meta.interactive;
+      const tooltipClass = interactive ? "mrsf-tooltip mrsf-inline-tooltip mrsf-interactive" : "mrsf-tooltip mrsf-inline-tooltip";
+      html += `<span class="${tooltipClass}">`;
+      html += renderThreadHtml(thread, interactive);
+      html += `</span>`;
+      html += `</span>`;
+    }
+    return html;
+  };
+  md.renderer.rules["mrsf_gutter_open"] = (tokens, idx) => {
+    const cls = tokens[idx].attrGet("class") || "mrsf-gutter-container";
+    return `<div class="${escapeHtml(cls)}">`;
+  };
+  md.renderer.rules["mrsf_gutter_close"] = () => {
+    return `</div>`;
+  };
+}
+
+// src/shared.ts
+function createMrsfPlugin(loader) {
+  return function mrsfPlugin2(md, options = {}) {
+    const interactive = options.interactive ?? false;
+    const gutterPosition = options.gutterPosition ?? "right";
+    const gutterForInline = options.gutterForInline ?? true;
+    const inlineHighlights = options.inlineHighlights ?? true;
+    const result = resolveComments(loader, options);
+    if (!result) return;
+    installCoreRule(md, result.lineMap, {
+      interactive,
+      gutterPosition,
+      gutterForInline,
+      inlineHighlights
+    });
+    installRendererRules(md);
+  };
+}
+
+// src/browser.ts
+var mrsfPlugin = createMrsfPlugin((options) => {
+  if (options.comments) {
+    return options.comments;
+  }
+  if (options.loader) {
+    try {
+      return options.loader();
+    } catch {
+      return null;
+    }
+  }
+  if (options.sidecarPath || options.documentPath) {
+    console.warn(
+      "[@mrsf/markdown-it-mrsf] sidecarPath and documentPath require Node.js. Use `comments` or `loader` options in browser environments."
+    );
+  }
+  return null;
 });
-export default mrsfPlugin;
-//# sourceMappingURL=browser.js.map
+var browser_default = mrsfPlugin;
+export {
+  browser_default as default,
+  mrsfPlugin
+};
+//# sourceMappingURL=browser.js.map

package/dist/browser.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../shared/src/comments.ts", "../../shared/src/html.ts", "../src/rules/core.ts", "../src/rules/renderer.ts", "../src/shared.ts", "../src/browser.ts"],
+  "sourcesContent": ["/**\n * Shared comment loading and grouping logic for MRSF rendering plugins.\n */\n\nimport type { MrsfDocument } from \"@mrsf/cli\";\nimport type { MrsfPluginOptions, SlimComment, CommentThread, LineMap, CommentLoader } from \"./types.js\";\n\nexport type { CommentLoader };\n\n/**\n * Convert an MrsfDocument into a slim comment array.\n */\nexport function toSlimComments(doc: MrsfDocument): SlimComment[] {\n  return doc.comments.map((c) => ({\n    id: c.id,\n    author: c.author || \"Unknown\",\n    text: c.text || \"\",\n    line: c.line ?? null,\n    end_line: c.end_line ?? null,\n    start_column: c.start_column ?? null,\n    end_column: c.end_column ?? null,\n    selected_text: c.selected_text || null,\n    resolved: !!c.resolved,\n    reply_to: c.reply_to || null,\n    severity: c.severity || null,\n    type: c.type || null,\n    timestamp: c.timestamp || null,\n  }));\n}\n\n/**\n * Group comments by line number, threading replies under parents.\n */\nexport function groupByLine(comments: SlimComment[]): LineMap {\n  const rootComments = comments.filter((c) => !c.reply_to && c.line != null);\n  const replies = comments.filter((c) => c.reply_to);\n\n  const replyMap = new Map<string, SlimComment[]>();\n  for (const r of replies) {\n    const list = replyMap.get(r.reply_to!) || [];\n    list.push(r);\n    replyMap.set(r.reply_to!, list);\n  }\n\n  const lineMap: LineMap = new Map();\n  for (const c of rootComments) {\n    const line = c.line!;\n    const threads = lineMap.get(line) || [];\n    threads.push({\n      comment: c,\n      replies: replyMap.get(c.id) || [],\n    });\n    lineMap.set(line, threads);\n  }\n\n  return lineMap;\n}\n\n/**\n * Resolve options into a filtered LineMap ready for rendering.\n * Returns null if there are no comments to render.\n */\nexport function resolveComments(\n  loader: CommentLoader,\n  options: MrsfPluginOptions,\n): { lineMap: LineMap; comments: SlimComment[] } | null {\n  const showResolved = options.showResolved ?? true;\n\n  const doc = loader(options);\n  if (!doc || !doc.comments || doc.comments.length === 0) {\n    return null;\n  }\n\n  let comments = toSlimComments(doc);\n  if (!showResolved) {\n    comments = comments.filter((c) => !c.resolved);\n  }\n\n  if (comments.length === 0) return null;\n\n  const lineMap = groupByLine(comments);\n  return { lineMap, comments };\n}\n", "/**\n * Shared HTML rendering helpers for MRSF rendering plugins.\n *\n * These produce the HTML strings used in tooltips, badges, and comment\n * rendering. Both the markdown-it and rehype plugins use these functions\n * to ensure identical visual output.\n */\n\nimport type { CommentThread, SlimComment } from \"./types.js\";\n\nexport function escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\");\n}\n\nexport function formatTime(iso: string | null): string {\n  if (!iso) return \"\";\n  try {\n    const d = new Date(iso);\n    return d.toLocaleDateString(undefined, {\n      year: \"numeric\",\n      month: \"short\",\n      day: \"numeric\",\n    });\n  } catch {\n    return \"\";\n  }\n}\n\nexport function renderCommentHtml(\n  comment: SlimComment,\n  isReply: boolean,\n  interactive: boolean,\n): string {\n  const resolvedClass = comment.resolved ? \" mrsf-resolved\" : \"\";\n  const replyClass = isReply ? \" mrsf-reply\" : \"\";\n  let html = `<span class=\"mrsf-comment${resolvedClass}${replyClass}\" data-mrsf-comment-id=\"${escapeHtml(comment.id)}\">`;\n\n  // Header\n  html += `<span class=\"mrsf-comment-header\">`;\n  html += `<span class=\"mrsf-author\">${escapeHtml(comment.author)}</span>`;\n  if (comment.timestamp) {\n    html += `<span class=\"mrsf-date\">${escapeHtml(formatTime(comment.timestamp))}</span>`;\n  }\n  if (comment.severity) {\n    html += `<span class=\"mrsf-severity mrsf-severity-${escapeHtml(comment.severity)}\">${escapeHtml(comment.severity)}</span>`;\n  }\n  if (comment.type) {\n    html += `<span class=\"mrsf-type\">${escapeHtml(comment.type)}</span>`;\n  }\n  if (comment.resolved) {\n    html += `<span class=\"mrsf-resolved-badge\">\u2713 resolved</span>`;\n  }\n  html += `</span>`;\n\n  // Selected text quote\n  if (comment.selected_text) {\n    html += `<span class=\"mrsf-selected-text\">${escapeHtml(comment.selected_text)}</span>`;\n  }\n\n  // Body\n  html += `<span class=\"mrsf-comment-body\">${escapeHtml(comment.text)}</span>`;\n\n  // Action buttons (interactive mode)\n  if (interactive) {\n    const line = comment.line != null ? String(comment.line) : \"\";\n    html += `<span class=\"mrsf-actions\">`;\n    if (comment.resolved) {\n      html += `<button class=\"mrsf-action-btn\" data-mrsf-action=\"unresolve\" data-mrsf-comment-id=\"${escapeHtml(comment.id)}\" data-mrsf-line=\"${line}\">Unresolve</button>`;\n    } else {\n      html += `<button class=\"mrsf-action-btn\" data-mrsf-action=\"resolve\" data-mrsf-comment-id=\"${escapeHtml(comment.id)}\" data-mrsf-line=\"${line}\">Resolve</button>`;\n    }\n    html += `<button class=\"mrsf-action-btn\" data-mrsf-action=\"reply\" data-mrsf-comment-id=\"${escapeHtml(comment.id)}\" data-mrsf-line=\"${line}\">Reply</button>`;\n    html += `<button class=\"mrsf-action-btn\" data-mrsf-action=\"edit\" data-mrsf-comment-id=\"${escapeHtml(comment.id)}\" data-mrsf-line=\"${line}\">Edit</button>`;\n    html += `<button class=\"mrsf-action-btn mrsf-action-danger\" data-mrsf-action=\"delete\" data-mrsf-comment-id=\"${escapeHtml(comment.id)}\" data-mrsf-line=\"${line}\">Delete</button>`;\n    html += `</span>`;\n  }\n\n  html += `</span>`;\n  return html;\n}\n\nexport function renderThreadHtml(thread: CommentThread, interactive: boolean): string {\n  let html = `<span class=\"mrsf-thread\">`;\n  html += renderCommentHtml(thread.comment, false, interactive);\n  if (thread.replies.length > 0) {\n    html += `<span class=\"mrsf-replies\">`;\n    for (const reply of thread.replies) {\n      html += renderCommentHtml(reply, true, interactive);\n    }\n    html += `</span>`;\n  }\n  html += `</span>`;\n  return html;\n}\n", "/**\n * MRSF markdown-it plugin \u2014 core rule.\n *\n * Walks the parsed token stream and injects `mrsf_badge` tokens\n * at lines that have comments, and wraps `selected_text` matches\n * with `mrsf_highlight_open`/`close` tokens (with tooltip metadata).\n */\n\nimport type Token from \"markdown-it/lib/token.mjs\";\nimport type { Nesting } from \"markdown-it/lib/token.mjs\";\nimport type StateCore from \"markdown-it/lib/rules_core/state_core.mjs\";\nimport type { LineMap, CommentThread } from \"../types.js\";\n\n/** Options forwarded from the plugin to the core rule. */\nexport interface CoreOptions {\n  interactive: boolean;\n  gutterPosition: \"left\" | \"tight\" | \"right\";\n  gutterForInline: boolean;\n  inlineHighlights: boolean;\n}\n\n/**\n * Find the token index for a given 1-based source line.\n * markdown-it tokens use `token.map = [startLine, endLine]` (0-based).\n */\nfunction findTokenIndexForLine(\n  tokens: Token[],\n  line: number,\n): number {\n  const line0 = line - 1; // convert to 0-based\n  for (let i = 0; i < tokens.length; i++) {\n    const map = tokens[i].map;\n    if (map && map[0] <= line0 && line0 < map[1]) {\n      return i;\n    }\n  }\n  return -1;\n}\n\n/**\n * Wrap occurrences of `text` inside inline token children with\n * highlight open/close tokens. Stores thread data on the tokens\n * so the renderer can produce an inline tooltip.\n */\nfunction highlightInlineText(\n  token: Token,\n  thread: CommentThread,\n  interactive: boolean,\n  Token: new (type: string, tag: string, nesting: Nesting) => Token,\n): boolean {\n  if (!token.children) return false;\n\n  const text = thread.comment.selected_text;\n  if (!text) return false;\n  const trimmed = text.trim();\n  if (!trimmed) return false;\n\n  for (let i = 0; i < token.children.length; i++) {\n    const child = token.children[i];\n    if (child.type !== \"text\") continue;\n\n    const idx = child.content.indexOf(trimmed);\n    if (idx === -1) continue;\n\n    // Split the text token into: before + highlight_open + matched + highlight_close + after\n    const newTokens: Token[] = [];\n\n    // Text before match\n    if (idx > 0) {\n      const before = new Token(\"text\", \"\", 0);\n      before.content = child.content.slice(0, idx);\n      newTokens.push(before);\n    }\n\n    // Highlight open \u2014 carries thread metadata for inline tooltip\n    const open = new Token(\"mrsf_highlight_open\", \"mark\", 1);\n    open.attrSet(\"class\", \"mrsf-highlight\");\n    open.attrSet(\"data-mrsf-comment-id\", thread.comment.id);\n    open.meta = { thread };\n    newTokens.push(open);\n\n    // Matched text\n    const matched = new Token(\"text\", \"\", 0);\n    matched.content = trimmed;\n    newTokens.push(matched);\n\n    // Highlight close \u2014 carries thread metadata for inline tooltip\n    const close = new Token(\"mrsf_highlight_close\", \"mark\", -1);\n    close.meta = { thread, interactive };\n    newTokens.push(close);\n\n    // Text after match\n    if (idx + trimmed.length < child.content.length) {\n      const after = new Token(\"text\", \"\", 0);\n      after.content = child.content.slice(idx + trimmed.length);\n      newTokens.push(after);\n    }\n\n    // Replace the original child with our new tokens\n    token.children.splice(i, 1, ...newTokens);\n    return true;\n  }\n\n  return false;\n}\n\n/**\n * Install the MRSF core rule on a markdown-it instance.\n */\nexport function installCoreRule(\n  md: { core: { ruler: { push: (name: string, fn: (state: StateCore) => void) => void } } },\n  lineMap: LineMap,\n  options: CoreOptions,\n): void {\n  const { interactive, gutterPosition, gutterForInline, inlineHighlights } = options;\n\n  md.core.ruler.push(\"mrsf_inject\", (state: StateCore) => {\n    const tokens = state.tokens;\n    const TokenCtor = state.Token;\n\n    // Track which lines we've already processed (to avoid double-injection\n    // when multiple tokens share the same source line).\n    const processed = new Set<number>();\n\n    // We iterate backwards so that inserting tokens doesn't shift indices\n    // for tokens we haven't visited yet.\n    for (let i = tokens.length - 1; i >= 0; i--) {\n      const token = tokens[i];\n      const map = token.map;\n      if (!map) continue;\n\n      // Skip inline tokens \u2014 they share the same map as their parent block.\n      // We must process the parent block (paragraph_open, heading_open, etc.)\n      // so the badge and class land on the correct rendered element.\n      if (token.type === \"inline\") continue;\n\n      // Always expose source line metadata for selection-based adds\n      const startLine1 = map[0] + 1;\n      const endLine1 = map[1];\n      token.attrSet(\"data-mrsf-line\", String(startLine1));\n      token.attrSet(\"data-mrsf-start-line\", String(startLine1));\n      token.attrSet(\"data-mrsf-end-line\", String(endLine1));\n\n      // Mark line elements as hover targets (for gutter add visibility)\n      if (interactive) {\n        const existingClass = token.attrGet(\"class\") || \"\";\n        token.attrSet(\n          \"class\",\n          existingClass\n            ? `${existingClass} mrsf-line-hover-target`\n            : \"mrsf-line-hover-target\",\n        );\n      }\n\n      // Check each line in this token's range for comments\n      for (let line0 = map[0]; line0 < map[1]; line0++) {\n        const line = line0 + 1; // 1-based\n        if (processed.has(line)) continue;\n\n        const threads = lineMap.get(line) || [];\n        const hasThreads = threads.length > 0;\n        processed.add(line);\n\n        // Add line-highlight class to the block token if we have threads on this line\n        if (hasThreads) {\n          const existingClass = token.attrGet(\"class\") || \"\";\n          token.attrSet(\n            \"class\",\n            existingClass\n              ? `${existingClass} mrsf-line-highlight`\n              : \"mrsf-line-highlight\",\n          );\n          token.attrSet(\"data-mrsf-line\", String(line));\n\n          // Determine whether all threads on this line have inline highlights\n          const allHaveInline = inlineHighlights &&\n            threads.every((t) => !!t.comment.selected_text);\n\n          // Inject badge unless gutterForInline is false AND all threads are inline-highlighted\n          const showBadge = gutterForInline || !allHaveInline || !inlineHighlights;\n          if (showBadge) {\n            const badgeToken = new TokenCtor(\"mrsf_badge\", \"\", 0);\n            badgeToken.meta = { line, threads, interactive, gutterPosition };\n            tokens.splice(i + 1, 0, badgeToken);\n          }\n\n          // Highlight selected_text in the following inline token\n          if (inlineHighlights) {\n            const offset = showBadge ? 2 : 1;\n            const inlineAfter = tokens[i + offset];\n            if (inlineAfter && inlineAfter.type === \"inline\") {\n              for (const thread of threads) {\n                if (thread.comment.selected_text) {\n                  highlightInlineText(inlineAfter, thread, interactive, TokenCtor);\n                }\n              }\n            }\n          }\n        } else if (interactive) {\n          // No existing threads: inject a gutter add button for this line\n          const addToken = new TokenCtor(\"mrsf_gutter_add\", \"\", 0);\n          addToken.meta = { line, gutterPosition };\n          tokens.splice(i + 1, 0, addToken);\n        }\n      }\n    }\n\n    // Wrap the entire output in a gutter container when using left gutter\n    if (gutterPosition === \"left\" && processed.size > 0) {\n      const openToken = new TokenCtor(\"mrsf_gutter_open\", \"div\", 1);\n      openToken.attrSet(\"class\", \"mrsf-gutter-container\");\n      tokens.unshift(openToken);\n      const closeToken = new TokenCtor(\"mrsf_gutter_close\", \"div\", -1 as Nesting);\n      tokens.push(closeToken);\n    }\n  });\n}\n", "/**\n * MRSF markdown-it plugin \u2014 renderer rules.\n *\n * Adds custom renderer rules for MRSF tokens:\n *   - mrsf_badge: renders badge + tooltip HTML (gutter)\n *   - mrsf_highlight_open/close: renders <mark> wrappers with inline tooltips\n */\n\nimport type { CommentThread } from \"../types.js\";\nimport { escapeHtml, renderThreadHtml } from \"@mrsf/plugin-shared\";\n\n/**\n * Install MRSF renderer rules on a markdown-it instance.\n */\nexport function installRendererRules(\n  md: { renderer: { rules: Record<string, ((...args: any[]) => string) | undefined> } },\n): void {\n  // Badge + tooltip (gutter)\n  md.renderer.rules[\"mrsf_badge\"] = (\n    tokens: { meta: { line: number; threads: CommentThread[]; interactive: boolean; gutterPosition: \"left\" | \"tight\" | \"right\" } }[],\n    idx: number,\n  ): string => {\n    const { line, threads, interactive, gutterPosition } = tokens[idx].meta;\n\n    const total = threads.reduce(\n      (n, t) => n + 1 + t.replies.length,\n      0,\n    );\n    const allResolved = threads.every((t) => t.comment.resolved);\n    const highestSeverity = threads.reduce<string | null>((sev, t) => {\n      if (t.comment.severity === \"high\" || sev === \"high\") return \"high\";\n      if (t.comment.severity === \"medium\" || sev === \"medium\") return \"medium\";\n      if (t.comment.severity === \"low\" || sev === \"low\") return \"low\";\n      return sev;\n    }, null);\n\n    const resolvedClass = allResolved ? \" mrsf-badge-resolved\" : \"\";\n    const severityClass = highestSeverity === \"high\" || highestSeverity === \"medium\"\n      ? ` mrsf-badge-severity-${highestSeverity}`\n      : \"\";\n    const positionClass = ` mrsf-gutter-${gutterPosition}`;\n\n    const icon = allResolved ? \"\u2713\" : \"\uD83D\uDCAC\";\n\n    let html = `<span class=\"mrsf-tooltip-anchor${positionClass}\">`;\n\n    // Badge\n    html += `<span class=\"mrsf-badge${resolvedClass}${severityClass}\" data-mrsf-line=\"${line}\" data-mrsf-action=\"navigate\" data-mrsf-comment-id=\"${escapeHtml(threads[0].comment.id)}\" tabindex=\"0\">${icon} ${total}</span>`;\n\n    if (interactive) {\n      html += `<button class=\"mrsf-gutter-add\" data-mrsf-action=\"add\" data-mrsf-line=\"${line}\" data-mrsf-start-line=\"${line}\" data-mrsf-end-line=\"${line}\" aria-label=\"Add comment\">+</button>`;\n    }\n\n    // Tooltip\n    const tooltipClass = interactive ? \"mrsf-tooltip mrsf-interactive\" : \"mrsf-tooltip\";\n    html += `<span class=\"${tooltipClass}\" data-mrsf-line=\"${line}\">`;\n    for (const thread of threads) {\n      html += renderThreadHtml(thread, interactive);\n    }\n    if (interactive) {\n      html += `<span class=\"mrsf-tooltip-actions\"><button class=\"mrsf-action-btn\" data-mrsf-action=\"add\" data-mrsf-line=\"${line}\">Add comment</button></span>`;\n    }\n    html += `</span>`;\n\n    html += `</span>`;\n    return html;\n  };\n\n  // Gutter add button for lines without existing threads\n  md.renderer.rules[\"mrsf_gutter_add\"] = (\n    tokens: { meta: { line: number; gutterPosition: \"left\" | \"tight\" | \"right\" } }[],\n    idx: number,\n  ): string => {\n    const { line, gutterPosition } = tokens[idx].meta;\n    const positionClass = ` mrsf-gutter-${gutterPosition}`;\n    let html = `<span class=\"mrsf-tooltip-anchor mrsf-gutter-add-only${positionClass}\">`;\n    html += `<button class=\"mrsf-gutter-add\" data-mrsf-action=\"add\" data-mrsf-line=\"${line}\" data-mrsf-start-line=\"${line}\" data-mrsf-end-line=\"${line}\" aria-label=\"Add comment\">+</button>`;\n    html += `</span>`;\n    return html;\n  };\n\n  // Highlight open \u2014 wraps in tooltip-anchor for inline hover (feature D)\n  md.renderer.rules[\"mrsf_highlight_open\"] = (\n    tokens: any[],\n    idx: number,\n  ): string => {\n    const token = tokens[idx];\n    const cls = token.attrGet(\"class\") || \"mrsf-highlight\";\n    const commentId = token.attrGet(\"data-mrsf-comment-id\") || \"\";\n    const thread = token.meta?.thread as CommentThread | undefined;\n\n    const line = thread?.comment.line ?? null;\n    const endLine = thread?.comment.end_line ?? line ?? null;\n    const startCol = thread?.comment.start_column ?? null;\n    const endCol = thread?.comment.end_column ?? null;\n\n    let html = \"\";\n    if (thread) {\n      const dataAttrs = [\n        line != null ? `data-mrsf-line=\"${line}\"` : \"\",\n        line != null ? `data-mrsf-start-line=\"${line}\"` : \"\",\n        endLine != null ? `data-mrsf-end-line=\"${endLine}\"` : \"\",\n        startCol != null ? `data-mrsf-start-column=\"${startCol}\"` : \"\",\n        endCol != null ? `data-mrsf-end-column=\"${endCol}\"` : \"\",\n      ].filter(Boolean).join(\" \");\n      html += `<span class=\"mrsf-tooltip-anchor mrsf-inline-anchor\" ${dataAttrs}>`;\n    }\n    html += `<mark class=\"${escapeHtml(cls)}\" data-mrsf-comment-id=\"${escapeHtml(commentId)}\" tabindex=\"0\">`;\n    return html;\n  };\n\n  // Highlight close \u2014 adds inline tooltip and closes tooltip-anchor\n  md.renderer.rules[\"mrsf_highlight_close\"] = (\n    tokens: any[],\n    idx: number,\n  ): string => {\n    const token = tokens[idx];\n    const meta = token.meta;\n    let html = \"</mark>\";\n\n    if (meta?.thread) {\n      const thread = meta.thread as CommentThread;\n      const interactive = meta.interactive as boolean;\n      const tooltipClass = interactive\n        ? \"mrsf-tooltip mrsf-inline-tooltip mrsf-interactive\"\n        : \"mrsf-tooltip mrsf-inline-tooltip\";\n      html += `<span class=\"${tooltipClass}\">`;\n      html += renderThreadHtml(thread, interactive);\n      html += `</span>`;\n      html += `</span>`;\n    }\n\n    return html;\n  };\n\n  // Gutter container wrapper (left gutter mode)\n  md.renderer.rules[\"mrsf_gutter_open\"] = (\n    tokens: any[],\n    idx: number,\n  ): string => {\n    const cls = tokens[idx].attrGet(\"class\") || \"mrsf-gutter-container\";\n    return `<div class=\"${escapeHtml(cls)}\">`;\n  };\n\n  md.renderer.rules[\"mrsf_gutter_close\"] = (): string => {\n    return `</div>`;\n  };\n}\n", "/**\n * Shared logic for @mrsf/markdown-it-mrsf.\n *\n * Contains the plugin factory using shared comment loading/grouping logic.\n */\n\nimport type MarkdownIt from \"markdown-it\";\nimport type { MrsfPluginOptions, CommentLoader } from \"./types.js\";\nimport { resolveComments } from \"@mrsf/plugin-shared\";\nimport { installCoreRule } from \"./rules/core.js\";\nimport { installRendererRules } from \"./rules/renderer.js\";\n\n/**\n * Create a markdown-it plugin function with the given comment loader.\n *\n * @param loader - Function that resolves sidecar data from plugin options\n * @returns A markdown-it plugin function\n */\nexport function createMrsfPlugin(loader: CommentLoader) {\n  return function mrsfPlugin(md: MarkdownIt, options: MrsfPluginOptions = {}): void {\n    const interactive = options.interactive ?? false;\n    const gutterPosition = options.gutterPosition ?? \"right\";\n    const gutterForInline = options.gutterForInline ?? true;\n    const inlineHighlights = options.inlineHighlights ?? true;\n\n    const result = resolveComments(loader, options);\n    if (!result) return;\n\n    installCoreRule(md, result.lineMap, {\n      interactive,\n      gutterPosition,\n      gutterForInline,\n      inlineHighlights,\n    });\n    installRendererRules(md);\n  };\n}\n", "/**\n * Browser-safe entry point for @mrsf/markdown-it-mrsf.\n *\n * This entry is automatically selected by bundlers (Vite, webpack, esbuild)\n * via the `\"browser\"` export condition in package.json. It supports the\n * `comments` and `loader` provisioning modes \u2014 no Node.js file-system APIs.\n *\n * You do NOT need to import this directly. Just use:\n *   import { mrsfPlugin } from \"@mrsf/markdown-it-mrsf\";\n *\n * Your bundler will resolve to this file automatically when targeting\n * a browser environment.\n */\n\nimport type { MrsfPluginOptions } from \"./types.js\";\nimport { createMrsfPlugin } from \"./shared.js\";\n\nexport type { MrsfPluginOptions, SlimComment, CommentThread, LineMap, CommentLoader } from \"./types.js\";\n\n/**\n * The markdown-it plugin function (browser-safe).\n *\n * Supports `comments` (inline data) and `loader` (custom function) options.\n */\nexport const mrsfPlugin = createMrsfPlugin((options: MrsfPluginOptions) => {\n  if (options.comments) {\n    return options.comments;\n  }\n\n  if (options.loader) {\n    try {\n      return options.loader();\n    } catch {\n      return null;\n    }\n  }\n\n  if (options.sidecarPath || options.documentPath) {\n    console.warn(\n      \"[@mrsf/markdown-it-mrsf] sidecarPath and documentPath require Node.js. \" +\n      \"Use `comments` or `loader` options in browser environments.\"\n    );\n  }\n\n  return null;\n});\n\nexport default mrsfPlugin;\n"],
+  "mappings": "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",
+  "names": ["mrsfPlugin"]
+}

package/dist/controller.d.ts

@@ -5,22 +5,42 @@
  * and dispatches CustomEvents on the document for host applications.
  *
  * Usage (ESM):
- *   import "@mrsf/markdown-it-mrsf/controller";
+ *   import "@mrsf/plugin-shared/controller";
  *
- * Usage (script tag):
- *   <script src=".../@mrsf/markdown-it-mrsf/dist/controller.js"></script>
+ * Events dispatched (host listens on document):
+ *   - mrsf:resolve   { commentId, line, ... }
+ *   - mrsf:unresolve { commentId, line, ... }
+ *   - mrsf:reply     { commentId, line, ... }
+ *   - mrsf:edit      { commentId, line, ... }
+ *   - mrsf:delete    { commentId, line, ... }
+ *   - mrsf:navigate  { commentId, line, ... }
+ *   - mrsf:add       { commentId: null, line, selectionText?, ... }
+ *   - mrsf:submit    { action, commentId, text?, line?, end_line?, start_column?, end_column?, selection_text? }
  *
- * Events dispatched:
- *   - mrsf:resolve   { commentId, line }
- *   - mrsf:unresolve { commentId, line }
- *   - mrsf:reply     { commentId, line }
- *   - mrsf:edit      { commentId, line }
- *   - mrsf:navigate  { commentId, line }
+ * For actions that open built-in UI (add/edit/reply/resolve/unresolve/delete), the
+ * mrsf:<action> event is fired with the same payload as mrsf:submit after the user confirms.
  */
-export type MrsfAction = "resolve" | "unresolve" | "reply" | "edit" | "navigate";
+export type MrsfAction = "resolve" | "unresolve" | "reply" | "edit" | "delete" | "navigate" | "add";
 export interface MrsfActionDetail {
-    commentId: string;
+    commentId: string | null;
     line: number | null;
     action: MrsfAction;
+    selectionText?: string | null;
+    start_line?: number | null;
+    end_line?: number | null;
+    start_column?: number | null;
+    end_column?: number | null;
+}
+export interface MrsfSubmitDetail {
+    action: "add" | "edit" | "reply" | "resolve" | "unresolve" | "delete";
+    commentId: string | null;
+    text: string;
+    type?: string | null;
+    severity?: "low" | "medium" | "high" | null;
+    line?: number | null;
+    end_line?: number | null;
+    start_column?: number | null;
+    end_column?: number | null;
+    selection_text?: string | null;
 }
 //# sourceMappingURL=controller.d.ts.map