@pixerate/editor 0.8.1 → 0.9.0

package/dist/index.cjs

@@ -43,6 +43,8 @@ __export(src_exports, {
   INSTRUCTION_REGEX: () => INSTRUCTION_REGEX,
   Image: () => Image2,
   LoadingNode: () => LoadingNode,
+  MARKDOWN_MENTION_SPLIT_REGEX: () => MARKDOWN_MENTION_SPLIT_REGEX,
+  MENTION_REGEX: () => MENTION_REGEX,
   Markdown: () => Markdown2,
   Mention: () => Mention,
   SlashCommands: () => SlashCommands,
@@ -61,6 +63,7 @@ __export(src_exports, {
   escapeHtml: () => escapeHtml,
   extractCellDependencies: () => extractCellDependencies,
   extractInstructionNames: () => extractInstructionNames,
+  extractMentions: () => extractMentions,
   extractMentionsFromDoc: () => extractMentionsFromDoc,
   extractTemplateNames: () => extractTemplateNames,
   extractVariableNames: () => extractVariableNames,
@@ -79,12 +82,16 @@ __export(src_exports, {
   markdownToTipTapHtml: () => markdownToTipTapHtml,
   parseCellReference: () => parseCellReference,
   parseFormula: () => parseFormula,
+  parseMentionSegments: () => parseMentionSegments,
   parseRange: () => parseRange,
   plainTextToTipTapHtml: () => plainTextToTipTapHtml,
+  preprocessMarkdownFileLinks: () => preprocessMarkdownFileLinks,
+  preprocessMarkdownMentions: () => preprocessMarkdownMentions,
   removeImageNode: () => removeImageNode,
   resolveTemplates: () => resolveTemplates,
   resolveTemplatesWithMapping: () => resolveTemplatesWithMapping,
   resolveVariables: () => resolveVariables,
+  stripMarkdownCode: () => stripMarkdownCode,
   templateRegex: () => templateRegex,
   tokenizeFormula: () => tokenizeFormula,
   tokenizePrompt: () => tokenizePrompt,
@@ -2290,6 +2297,150 @@ function createRichTextPreset(options = {}) {
   return extensions2;
 }
 
+// src/serializers/mentions.ts
+var MENTION_REGEX = /(?:^|[\s>(*_"';\\/[\]{}~`:]|"|>|<|&)@(?:"([^"]+)"|"([^&]+)"|([a-zA-Z0-9_-]+(?:\.[a-zA-Z0-9_-]+)*))/g;
+var MARKDOWN_MENTION_SPLIT_REGEX = /(```[\s\S]*?```|~~~[\s\S]*?~~~|<pre[\s\S]*?<\/pre>|<code[\s\S]*?<\/code>|`[^`\n]+`|<span\b[^>]*\b(?:data-type=["']mention["']|class=["'][^"']*pixerate-mention-node[^"']*["']|data-mention=["'][^"']*["'])[^>]*>[\s\S]*?<\/span>|<[^>]+>|\]\([^)]+\)|(?:https?|file|vscode|cursor|mailto):\/\/[^\s<)]+)/gi;
+function stripMarkdownCode(content) {
+  if (!content || typeof content !== "string") return "";
+  return content.replace(/```[\s\S]*?```/g, "").replace(/~~~[\s\S]*?~~~/g, "").replace(/<pre[\s\S]*?<\/pre>/gi, "").replace(/<code[\s\S]*?<\/code>/gi, "").replace(/`[^`\n]*`/g, "");
+}
+function extractMentions(content) {
+  if (!content || typeof content !== "string") return [];
+  const normalizedMentionNodes = content.replace(
+    /<span\b[^>]*\b(?:data-type=["']mention["']|class=["'][^"']*pixerate-mention-node[^"']*["'])[^>]*>([\s\S]*?)<\/span>/gi,
+    (match2, inner) => {
+      const labelMatch = match2.match(/\bdata-label=["']([^"']+)["']/i);
+      if (labelMatch) return ` @${labelMatch[1]} `;
+      const idMatch = match2.match(/\bdata-id=["']([^"']+)["']/i);
+      if (idMatch) return ` @${idMatch[1]} `;
+      return ` ${inner} `;
+    }
+  );
+  const cleanContent = stripMarkdownCode(normalizedMentionNodes);
+  const withoutUrls = cleanContent.replace(/(?:https?|ftp|file|vscode|cursor|mailto):\/\/[^\s<>()]+/gi, "").replace(/\]\([^)]*\)/g, "]");
+  const textOnly = withoutUrls.replace(/<[^>]+>/g, " ");
+  const mentions = [];
+  const seen = /* @__PURE__ */ new Set();
+  const regex = new RegExp(MENTION_REGEX.source, "g");
+  let match;
+  while ((match = regex.exec(textOnly)) !== null) {
+    const handle = (match[1] ?? match[2] ?? match[3] ?? "").trim();
+    if (handle && !seen.has(handle)) {
+      seen.add(handle);
+      mentions.push(handle);
+    }
+  }
+  return mentions;
+}
+function parseMentionSegments(content) {
+  if (!content) return [];
+  const segments = [];
+  const regex = new RegExp(MENTION_REGEX.source, "g");
+  let lastIndex = 0;
+  let match;
+  while ((match = regex.exec(content)) !== null) {
+    const fullMatch = match[0];
+    const atIndex = fullMatch.indexOf("@");
+    const prefix = atIndex > 0 ? fullMatch.slice(0, atIndex) : "";
+    const mentionToken = fullMatch.slice(atIndex);
+    const handle = match[1] ?? match[2] ?? match[3];
+    const matchStart = match.index + prefix.length;
+    if (matchStart > lastIndex) {
+      segments.push({
+        type: "text",
+        value: content.slice(lastIndex, matchStart)
+      });
+    }
+    segments.push({
+      type: "mention",
+      value: mentionToken,
+      handle
+    });
+    lastIndex = matchStart + mentionToken.length;
+  }
+  if (lastIndex < content.length) {
+    segments.push({
+      type: "text",
+      value: content.slice(lastIndex)
+    });
+  }
+  return segments;
+}
+function preprocessMarkdownMentions(content, optionsOrMentionables = []) {
+  if (!content || typeof content !== "string") return "";
+  const options = Array.isArray(optionsOrMentionables) ? { mentionables: optionsOrMentionables } : optionsOrMentionables;
+  const allMentionables = options.mentionables || [];
+  const defaultType = options.defaultType || "user";
+  const resolveMention = options.resolveMention;
+  const parts = content.split(MARKDOWN_MENTION_SPLIT_REGEX);
+  return parts.map((part) => {
+    if (!part) return "";
+    if (part.startsWith("```") || part.startsWith("~~~") || part.startsWith("`") || part.startsWith("](") || /^(?:https?|file|vscode|cursor|mailto):\/\//i.test(part) || /^<pre[\s>]/i.test(part) || /^<code[\s>]/i.test(part) || /^<[^>]+>$/i.test(part) || /^<span\b[^>]*\b(?:data-type=["']mention["']|class=["'][^"']*pixerate-mention-node[^"']*["']|data-mention=["'][^"']*["'])/i.test(
+      part
+    )) {
+      return part;
+    }
+    const regex = new RegExp(MENTION_REGEX.source, "g");
+    return part.replace(regex, (match, quotedHandle, escapedQuotedHandle, standardHandle) => {
+      const atIndex = match.indexOf("@");
+      const prefix = atIndex > 0 ? match.slice(0, atIndex) : "";
+      const rawHandle = (quotedHandle || escapedQuotedHandle || standardHandle || "").trim();
+      if (!rawHandle) return match;
+      const lowerHandle = rawHandle.toLowerCase();
+      const entity = allMentionables.find((e) => {
+        if (e.label?.toLowerCase() === lowerHandle) return true;
+        if (e.handle?.toLowerCase() === lowerHandle) return true;
+        if (e.name?.toLowerCase() === lowerHandle) return true;
+        if (e.id?.toLowerCase() === lowerHandle) return true;
+        if (e.type === "agent" && `agent${(e.handle || e.label || "").toLowerCase()}` === lowerHandle) return true;
+        if (e.aliases?.some(
+          (a) => a.toLowerCase() === lowerHandle || e.type === "agent" && `agent${a.toLowerCase()}` === lowerHandle
+        )) {
+          return true;
+        }
+        return false;
+      });
+      let id = entity?.id;
+      let label = entity?.label || entity?.handle || rawHandle;
+      let type = entity?.type;
+      let avatarUrl = entity?.avatarUrl;
+      let color = entity?.color || entity?.hexColor;
+      if (!entity) {
+        const customResolved = resolveMention?.(rawHandle);
+        if (customResolved) {
+          id = customResolved.id ?? id;
+          label = customResolved.label ?? customResolved.handle ?? label;
+          type = customResolved.type ?? type;
+          avatarUrl = customResolved.avatarUrl ?? avatarUrl;
+          color = customResolved.color ?? customResolved.hexColor ?? color;
+        } else {
+          const stripped = lowerHandle.replace(/^agent[\s\-_]*/i, "");
+          if (["supervisor", "coordinator", "planner", "validator", "executor"].includes(stripped)) {
+            type = "agent";
+            id = stripped;
+            label = stripped;
+          } else if (lowerHandle === "agents") {
+            type = "team";
+            id = "agents";
+            label = "agents";
+          } else {
+            type = defaultType;
+            id = rawHandle;
+            label = rawHandle;
+          }
+        }
+      }
+      const avatarAttr = avatarUrl ? ` data-avatar-url="${escapeHtml(avatarUrl)}"` : "";
+      const colorAttr = color ? ` data-color="${escapeHtml(color)}"` : "";
+      return `${prefix}<span class="pixerate-mention-node" data-type="mention" data-id="${escapeHtml(
+        id || label
+      )}" data-label="${escapeHtml(label)}" data-mention-suggestion-char="@" data-type-name="${escapeHtml(
+        type || defaultType
+      )}"${avatarAttr}${colorAttr}>@${escapeHtml(label)}</span>`;
+    });
+  }).join("");
+}
+
 // src/serializers/plain-text.ts
 function escapeHtml(text) {
   if (!text) return "";
@@ -2414,6 +2565,16 @@ function extractMentionsFromDoc(docOrEditor) {
         });
       }
     }
+    if (mentions.length === 0) {
+      const rawHandles = extractMentions(docOrEditor);
+      for (const handle of rawHandles) {
+        mentions.push({
+          id: handle,
+          label: handle,
+          type: "user"
+        });
+      }
+    }
   }
   return mentions;
 }
@@ -2433,9 +2594,31 @@ md2.validateLink = (url) => {
   }
   return defaultValidateLink.call(md2, url);
 };
-function markdownToTipTapHtml(markdown) {
+function preprocessMarkdownFileLinks(content) {
+  if (!content) return "";
+  return content.replace(
+    /\[([^\]]+)\]\(((?:file|vscode|cursor):\/\/[^)]+)\)/g,
+    (_match, rawLabel, href) => {
+      const trimmed = rawLabel.trim();
+      const codeMatch = trimmed.match(/^`([^`]+)`$/);
+      const labelContent = codeMatch ? `<code>${codeMatch[1]}</code>` : trimmed;
+      return `<a href="${href}" data-file-link="true" title="Click to copy file path">${labelContent}</a>`;
+    }
+  );
+}
+function markdownToTipTapHtml(markdown, options) {
   if (!markdown) return "<p></p>";
-  return md2.render(markdown);
+  let content = markdown;
+  if (options?.preprocessFileLinks) {
+    content = preprocessMarkdownFileLinks(content);
+  }
+  if (options?.preprocessMentions || options?.mentionables || options?.preprocessOptions) {
+    const mentionOpts = options.preprocessOptions || {
+      mentionables: options.mentionables
+    };
+    content = preprocessMarkdownMentions(content, mentionOpts);
+  }
+  return md2.render(content);
 }
 function getEditorMarkdown(editor) {
   if (!editor) return "";
@@ -4175,6 +4358,8 @@ function createHistoryManager(options = {}) {
   INSTRUCTION_REGEX,
   Image,
   LoadingNode,
+  MARKDOWN_MENTION_SPLIT_REGEX,
+  MENTION_REGEX,
   Markdown,
   Mention,
   SlashCommands,
@@ -4193,6 +4378,7 @@ function createHistoryManager(options = {}) {
   escapeHtml,
   extractCellDependencies,
   extractInstructionNames,
+  extractMentions,
   extractMentionsFromDoc,
   extractTemplateNames,
   extractVariableNames,
@@ -4211,12 +4397,16 @@ function createHistoryManager(options = {}) {
   markdownToTipTapHtml,
   parseCellReference,
   parseFormula,
+  parseMentionSegments,
   parseRange,
   plainTextToTipTapHtml,
+  preprocessMarkdownFileLinks,
+  preprocessMarkdownMentions,
   removeImageNode,
   resolveTemplates,
   resolveTemplatesWithMapping,
   resolveVariables,
+  stripMarkdownCode,
   templateRegex,
   tokenizeFormula,
   tokenizePrompt,