@x15ventures/x15-ui-library 3.19.0 → 3.20.0

package/dist/cjs/widgets/shared/documents/engines/markdownEditor/sanitizeForMdx.js

@@ -0,0 +1,278 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sanitizeEditorInput = exports.desanitizeEditorOutput = void 0;
+/*
+  MDXEditor parses markdown as MDX, so two kinds of input need neutralising before it sees them:
+  1. HTML injection: every `<` that is not part of explicitly allowed HTML is encoded as `&lt;`,
+     making it inert text the parser cannot interpret as markup.
+  2. MDX expressions: `{` is encoded as `&#123;` so it is never evaluated.
+
+  Allowed HTML is protected with placeholders rather than an HTML sanitiser, so content never
+  passes through an HTML serialiser (which would encode `&` and other text and cause false diffs).
+  
+  SECURITY NOTE: HTML tokens are scanned linearly and validated without constructing regexes from
+  the allowlist. Remaining regexes are fixed patterns with no nested ambiguous repetitions.
+ */
+
+const PLACEHOLDER_MARK = String.fromCharCode(0xffff);
+const placeholderPattern = /\uFFFF(\d+)\uFFFF/g;
+const hasPlaceholder = /\uFFFF\d+\uFFFF/;
+const isWhitespace = character => character !== undefined && /\s/.test(character);
+const findTagEnd = (input, start) => {
+  let quote;
+  for (let index = start; index < input.length; index += 1) {
+    const character = input[index];
+    if (character === '<') {
+      return -1;
+    }
+    if (quote) {
+      if (character === quote) {
+        quote = undefined;
+      }
+    } else if (character === '"' || character === '\'') {
+      quote = character;
+    } else if (character === '>') {
+      return index;
+    }
+  }
+  return -1;
+};
+const findHtmlTokens = (input, tag) => {
+  const tokens = [];
+  const openingPrefix = `<${tag}`;
+  const closingToken = `</${tag}>`;
+  let searchFrom = 0;
+  while (searchFrom < input.length) {
+    const index = input.indexOf('<', searchFrom);
+    if (index < 0) {
+      break;
+    }
+    if (input.startsWith(closingToken, index)) {
+      tokens.push({
+        index,
+        token: closingToken,
+        closing: true
+      });
+      searchFrom = index + closingToken.length;
+      continue;
+    }
+    if (!input.startsWith(openingPrefix, index)) {
+      searchFrom = index + 1;
+      continue;
+    }
+    const nameEnd = index + openingPrefix.length;
+    const boundary = input[nameEnd];
+    if (boundary !== '/' && boundary !== '>' && !isWhitespace(boundary)) {
+      searchFrom = index + 1;
+      continue;
+    }
+    const end = findTagEnd(input, nameEnd);
+    if (end < 0) {
+      searchFrom = index + 1;
+      continue;
+    }
+    tokens.push({
+      index,
+      token: input.slice(index, end + 1),
+      closing: false
+    });
+    searchFrom = end + 1;
+  }
+  return tokens;
+};
+const isAllowedOpening = ({
+  tag,
+  classes,
+  attrs
+}, token) => {
+  const suffix = token.slice(tag.length + 1, -1);
+  const hasRestrictions = Boolean(classes?.length || attrs?.length);
+  const allowedClasses = classes ?? [];
+  if (!hasRestrictions) {
+    return suffix === '' || suffix === '/' || isWhitespace(suffix[0]) && !suffix.includes('>');
+  }
+  let index = 0;
+  while (isWhitespace(suffix[index])) {
+    index += 1;
+  }
+  if (index === suffix.length || suffix[index] === '/' && index === suffix.length - 1) {
+    return true;
+  }
+  while (index < suffix.length) {
+    const attributeStart = index;
+    while (index < suffix.length && !isWhitespace(suffix[index]) && suffix[index] !== '=') {
+      index += 1;
+    }
+    if (index === attributeStart || suffix[index] !== '=') {
+      return false;
+    }
+    const attribute = suffix.slice(attributeStart, index);
+    index += 1;
+    if (suffix[index] !== '"') {
+      return false;
+    }
+    const valueStart = ++index;
+    while (index < suffix.length && suffix[index] !== '"') {
+      index += 1;
+    }
+    if (index === suffix.length) {
+      return false;
+    }
+    const value = suffix.slice(valueStart, index);
+    const isAllowedClass = attribute === 'class' && allowedClasses.length > 0 && value.split(/\s+/).every(className => className.length > 0 && allowedClasses.includes(className));
+    if (!attrs?.includes(attribute) && !isAllowedClass) {
+      return false;
+    }
+    index += 1;
+    if (index === suffix.length) {
+      return true;
+    }
+    const separatorStart = index;
+    while (isWhitespace(suffix[index])) {
+      index += 1;
+    }
+    if (index === suffix.length || suffix[index] === '/' && index === suffix.length - 1) {
+      return true;
+    }
+    if (index === separatorStart) {
+      return false;
+    }
+  }
+  return true;
+};
+const isVoidToken = (token, entry) => token.endsWith('/>') || ['img', 'br'].includes(entry.tag);
+const preserve = (value, preserved) => {
+  preserved.push(value);
+  return `${PLACEHOLDER_MARK}${preserved.length - 1}${PLACEHOLDER_MARK}`;
+};
+const protectInlineCode = (markdown, preserved) => {
+  const runs = [];
+  for (let index = 0; index < markdown.length;) {
+    if (markdown[index] !== '`') {
+      index += 1;
+      continue;
+    }
+    let end = index + 1;
+    while (markdown[end] === '`') {
+      end += 1;
+    }
+    let precedingBackslashes = 0;
+    for (let previous = index - 1; previous >= 0 && markdown[previous] === '\\'; previous -= 1) {
+      precedingBackslashes += 1;
+    }
+    const escapedTickCount = precedingBackslashes % 2;
+    if (end - index > escapedTickCount) {
+      runs.push({
+        start: index + escapedTickCount,
+        end,
+        length: end - index - escapedTickCount
+      });
+    }
+    index = end;
+  }
+  const nextRunByLength = new Map();
+  const nextRun = new Array(runs.length);
+  for (let index = runs.length - 1; index >= 0; index -= 1) {
+    nextRun[index] = nextRunByLength.get(runs[index].length);
+    nextRunByLength.set(runs[index].length, index);
+  }
+  let result = '';
+  let copiedThrough = 0;
+  for (let index = 0; index < runs.length; index += 1) {
+    const closingIndex = nextRun[index];
+    if (closingIndex === undefined) {
+      continue;
+    }
+    const opening = runs[index];
+    const closing = runs[closingIndex];
+    result += markdown.slice(copiedThrough, opening.start);
+    result += preserve(markdown.slice(opening.start, closing.end), preserved);
+    copiedThrough = closing.end;
+    index = closingIndex;
+  }
+  return result + markdown.slice(copiedThrough);
+};
+const protectCode = (markdown, preserved) => {
+  const lines = markdown.split('\n');
+  const protectedLines = [];
+  for (let index = 0; index < lines.length; index += 1) {
+    const opening = /^ {0,3}(`{3,}|~{3,})/.exec(lines[index]);
+    if (!opening) {
+      protectedLines.push(lines[index]);
+      continue;
+    }
+    const marker = opening[1];
+    let closingIndex = index + 1;
+    for (; closingIndex < lines.length; closingIndex += 1) {
+      const closing = /^ {0,3}(`+|~+)[ \t]*$/.exec(lines[closingIndex]);
+      if (closing && closing[1][0] === marker[0] && closing[1].length >= marker.length) {
+        break;
+      }
+    }
+    const lastCodeLine = Math.min(closingIndex, lines.length - 1);
+    protectedLines.push(preserve(lines.slice(index, lastCodeLine + 1).join('\n'), preserved));
+    index = lastCodeLine;
+  }
+  return protectInlineCode(protectedLines.join('\n'), preserved);
+};
+const sanitizeEditorInput = (markdown, allowedHtml = []) => {
+  const preserved = [];
+  let withPlaceholders = protectCode(markdown, preserved);
+  allowedHtml.forEach(entry => {
+    const tokens = findHtmlTokens(withPlaceholders, entry.tag);
+    const keep = new Set();
+    const openings = [];
+    tokens.forEach(({
+      token,
+      index,
+      closing
+    }) => {
+      if (closing) {
+        // A closing tag survives only alongside the allowed opening tag it pairs with.
+        const opening = openings.pop();
+        if (opening?.allowed) {
+          keep.add(opening.index);
+          keep.add(index);
+        }
+      } else if (isVoidToken(token, entry)) {
+        if (isAllowedOpening(entry, token)) {
+          keep.add(index);
+        }
+      } else {
+        openings.push({
+          index,
+          allowed: isAllowedOpening(entry, token)
+        });
+      }
+    });
+    let copiedThrough = 0;
+    withPlaceholders = tokens.reduce((result, {
+      index,
+      token
+    }) => {
+      result += withPlaceholders.slice(copiedThrough, index);
+      result += keep.has(index) ? preserve(token, preserved) : token;
+      copiedThrough = index + token.length;
+      return result;
+    }, '') + withPlaceholders.slice(copiedThrough);
+  });
+  let result = withPlaceholders.replace(/</g, '&lt;').replace(/\{/g, '&#123;');
+  // Nested allowed elements leave placeholders inside restored placeholders, so repeat until none remain.
+  while (hasPlaceholder.test(result)) {
+    result = result.replace(placeholderPattern, (_, index) => preserved[Number(index)]);
+  }
+  return result;
+};
+
+/*
+  Reverses the backslash escapes MDXEditor's serialiser adds for MDX/HTML reasons during its
+  markdown -> AST -> markdown round-trip, so `&`, `{`, `}`, `<`, `>` and `"` are saved literally.
+  Markdown syntax escapes (\*, \#, \-, ...) are deliberately left alone.
+ */
+exports.sanitizeEditorInput = sanitizeEditorInput;
+const desanitizeEditorOutput = markdown => markdown.replace(/\\&/g, '&').replace(/\\{/g, '{').replace(/\\}/g, '}').replace(/\\</g, '<').replace(/\\>/g, '>').replace(/\\"/g, '"');
+exports.desanitizeEditorOutput = desanitizeEditorOutput;
+//# sourceMappingURL=sanitizeForMdx.js.map

package/dist/cjs/widgets/shared/documents/engines/markdownEditor/sanitizeForMdx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitizeForMdx.js","names":["PLACEHOLDER_MARK","String","fromCharCode","placeholderPattern","hasPlaceholder","isWhitespace","character","undefined","test","findTagEnd","input","start","quote","index","length","findHtmlTokens","tag","tokens","openingPrefix","closingToken","searchFrom","indexOf","startsWith","push","token","closing","nameEnd","boundary","end","slice","isAllowedOpening","classes","attrs","suffix","hasRestrictions","Boolean","allowedClasses","includes","attributeStart","attribute","valueStart","value","isAllowedClass","split","every","className","separatorStart","isVoidToken","entry","endsWith","preserve","preserved","protectInlineCode","markdown","runs","precedingBackslashes","previous","escapedTickCount","nextRunByLength","Map","nextRun","Array","get","set","result","copiedThrough","closingIndex","opening","protectCode","lines","protectedLines","exec","marker","lastCodeLine","Math","min","join","sanitizeEditorInput","allowedHtml","withPlaceholders","forEach","keep","Set","openings","pop","allowed","add","reduce","has","replace","_","Number","exports","desanitizeEditorOutput"],"sources":["../../../../../../../src/widgets/shared/documents/engines/markdownEditor/sanitizeForMdx.ts"],"sourcesContent":["/*\n  MDXEditor parses markdown as MDX, so two kinds of input need neutralising before it sees them:\n  1. HTML injection: every `<` that is not part of explicitly allowed HTML is encoded as `&lt;`,\n     making it inert text the parser cannot interpret as markup.\n  2. MDX expressions: `{` is encoded as `&#123;` so it is never evaluated.\n\n  Allowed HTML is protected with placeholders rather than an HTML sanitiser, so content never\n  passes through an HTML serialiser (which would encode `&` and other text and cause false diffs).\n  \n  SECURITY NOTE: HTML tokens are scanned linearly and validated without constructing regexes from\n  the allowlist. Remaining regexes are fixed patterns with no nested ambiguous repetitions.\n */\n\nexport type AllowedHtmlEntry = {\n  tag: string;\n  classes?: string[];\n  attrs?: string[];\n};\n\nconst PLACEHOLDER_MARK = String.fromCharCode(0xffff);\nconst placeholderPattern = /\\uFFFF(\\d+)\\uFFFF/g;\nconst hasPlaceholder = /\\uFFFF\\d+\\uFFFF/;\n\ntype HtmlToken = {\n  index: number;\n  token: string;\n  closing: boolean;\n};\n\nconst isWhitespace = (character: string | undefined): boolean =>\n  character !== undefined && /\\s/.test(character);\n\nconst findTagEnd = (input: string, start: number): number => {\n  let quote: '\"' | '\\'' | undefined;\n  for (let index = start; index < input.length; index += 1) {\n    const character = input[index];\n    if (character === '<') {\n      return -1;\n    }\n    if (quote) {\n      if (character === quote) {\n        quote = undefined;\n      }\n    } else if (character === '\"' || character === '\\'') {\n      quote = character;\n    } else if (character === '>') {\n      return index;\n    }\n  }\n  return -1;\n};\n\nconst findHtmlTokens = (input: string, tag: string): HtmlToken[] => {\n  const tokens: HtmlToken[] = [];\n  const openingPrefix = `<${ tag }`;\n  const closingToken = `</${ tag }>`;\n  let searchFrom = 0;\n\n  while (searchFrom < input.length) {\n    const index = input.indexOf('<', searchFrom);\n    if (index < 0) {\n      break;\n    }\n\n    if (input.startsWith(closingToken, index)) {\n      tokens.push({ index, token: closingToken, closing: true });\n      searchFrom = index + closingToken.length;\n      continue;\n    }\n\n    if (!input.startsWith(openingPrefix, index)) {\n      searchFrom = index + 1;\n      continue;\n    }\n\n    const nameEnd = index + openingPrefix.length;\n    const boundary = input[nameEnd];\n    if (boundary !== '/' && boundary !== '>' && !isWhitespace(boundary)) {\n      searchFrom = index + 1;\n      continue;\n    }\n\n    const end = findTagEnd(input, nameEnd);\n    if (end < 0) {\n      searchFrom = index + 1;\n      continue;\n    }\n\n    tokens.push({ index, token: input.slice(index, end + 1), closing: false });\n    searchFrom = end + 1;\n  }\n\n  return tokens;\n};\n\nconst isAllowedOpening = ({ tag, classes, attrs }: AllowedHtmlEntry, token: string): boolean => {\n  const suffix = token.slice(tag.length + 1, -1);\n  const hasRestrictions = Boolean(classes?.length || attrs?.length);\n  const allowedClasses = classes ?? [];\n\n  if (!hasRestrictions) {\n    return suffix === '' ||\n      suffix === '/' ||\n      (isWhitespace(suffix[0]) && !suffix.includes('>'));\n  }\n\n  let index = 0;\n  while (isWhitespace(suffix[index])) {\n    index += 1;\n  }\n  if (index === suffix.length || (suffix[index] === '/' && index === suffix.length - 1)) {\n    return true;\n  }\n\n  while (index < suffix.length) {\n    const attributeStart = index;\n    while (index < suffix.length && !isWhitespace(suffix[index]) && suffix[index] !== '=') {\n      index += 1;\n    }\n    if (index === attributeStart || suffix[index] !== '=') {\n      return false;\n    }\n\n    const attribute = suffix.slice(attributeStart, index);\n    index += 1;\n    if (suffix[index] !== '\"') {\n      return false;\n    }\n    const valueStart = ++index;\n    while (index < suffix.length && suffix[index] !== '\"') {\n      index += 1;\n    }\n    if (index === suffix.length) {\n      return false;\n    }\n\n    const value = suffix.slice(valueStart, index);\n    const isAllowedClass = attribute === 'class' && allowedClasses.length > 0 &&\n      value.split(/\\s+/).every((className) => className.length > 0 && allowedClasses.includes(className));\n    if (!attrs?.includes(attribute) && !isAllowedClass) {\n      return false;\n    }\n\n    index += 1;\n    if (index === suffix.length) {\n      return true;\n    }\n    const separatorStart = index;\n    while (isWhitespace(suffix[index])) {\n      index += 1;\n    }\n    if (index === suffix.length || (suffix[index] === '/' && index === suffix.length - 1)) {\n      return true;\n    }\n    if (index === separatorStart) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\nconst isVoidToken = (token: string, entry: AllowedHtmlEntry): boolean => token.endsWith('/>') || ['img', 'br'].includes(entry.tag);\n\nconst preserve = (value: string, preserved: string[]): string => {\n  preserved.push(value);\n  return `${ PLACEHOLDER_MARK }${ preserved.length - 1 }${ PLACEHOLDER_MARK }`;\n};\n\nconst protectInlineCode = (markdown: string, preserved: string[]): string => {\n  const runs: { start: number; end: number; length: number }[] = [];\n  for (let index = 0; index < markdown.length;) {\n    if (markdown[index] !== '`') {\n      index += 1;\n      continue;\n    }\n\n    let end = index + 1;\n    while (markdown[end] === '`') {\n      end += 1;\n    }\n    let precedingBackslashes = 0;\n    for (let previous = index - 1; previous >= 0 && markdown[previous] === '\\\\'; previous -= 1) {\n      precedingBackslashes += 1;\n    }\n    const escapedTickCount = precedingBackslashes % 2;\n    if (end - index > escapedTickCount) {\n      runs.push({ start: index + escapedTickCount, end, length: end - index - escapedTickCount });\n    }\n    index = end;\n  }\n\n  const nextRunByLength = new Map<number, number>();\n  const nextRun: (number | undefined)[] = new Array(runs.length);\n  for (let index = runs.length - 1; index >= 0; index -= 1) {\n    nextRun[index] = nextRunByLength.get(runs[index].length);\n    nextRunByLength.set(runs[index].length, index);\n  }\n\n  let result = '';\n  let copiedThrough = 0;\n  for (let index = 0; index < runs.length; index += 1) {\n    const closingIndex = nextRun[index];\n    if (closingIndex === undefined) {\n      continue;\n    }\n\n    const opening = runs[index];\n    const closing = runs[closingIndex];\n    result += markdown.slice(copiedThrough, opening.start);\n    result += preserve(markdown.slice(opening.start, closing.end), preserved);\n    copiedThrough = closing.end;\n    index = closingIndex;\n  }\n  return result + markdown.slice(copiedThrough);\n};\n\nconst protectCode = (markdown: string, preserved: string[]): string => {\n  const lines = markdown.split('\\n');\n  const protectedLines: string[] = [];\n\n  for (let index = 0; index < lines.length; index += 1) {\n    const opening = /^ {0,3}(`{3,}|~{3,})/.exec(lines[index]);\n    if (!opening) {\n      protectedLines.push(lines[index]);\n      continue;\n    }\n\n    const marker = opening[1];\n    let closingIndex = index + 1;\n    for (; closingIndex < lines.length; closingIndex += 1) {\n      const closing = /^ {0,3}(`+|~+)[ \\t]*$/.exec(lines[closingIndex]);\n      if (closing && closing[1][0] === marker[0] && closing[1].length >= marker.length) {\n        break;\n      }\n    }\n\n    const lastCodeLine = Math.min(closingIndex, lines.length - 1);\n    protectedLines.push(preserve(lines.slice(index, lastCodeLine + 1).join('\\n'), preserved));\n    index = lastCodeLine;\n  }\n\n  return protectInlineCode(protectedLines.join('\\n'), preserved);\n};\n\nexport const sanitizeEditorInput = (markdown: string, allowedHtml: AllowedHtmlEntry[] = []): string => {\n  const preserved: string[] = [];\n  let withPlaceholders = protectCode(markdown, preserved);\n\n  allowedHtml.forEach((entry) => {\n    const tokens = findHtmlTokens(withPlaceholders, entry.tag);\n    const keep = new Set<number>();\n    const openings: { index: number; allowed: boolean }[] = [];\n\n    tokens.forEach(({ token, index, closing }) => {\n      if (closing) {\n        // A closing tag survives only alongside the allowed opening tag it pairs with.\n        const opening = openings.pop();\n        if (opening?.allowed) {\n          keep.add(opening.index);\n          keep.add(index);\n        }\n      } else if (isVoidToken(token, entry)) {\n        if (isAllowedOpening(entry, token)) {\n          keep.add(index);\n        }\n      } else {\n        openings.push({ index, allowed: isAllowedOpening(entry, token) });\n      }\n    });\n\n    let copiedThrough = 0;\n    withPlaceholders = tokens.reduce((result, { index, token }) => {\n      result += withPlaceholders.slice(copiedThrough, index);\n      result += keep.has(index) ? preserve(token, preserved) : token;\n      copiedThrough = index + token.length;\n      return result;\n    }, '') + withPlaceholders.slice(copiedThrough);\n  });\n\n  let result = withPlaceholders.replace(/</g, '&lt;').replace(/\\{/g, '&#123;');\n  // Nested allowed elements leave placeholders inside restored placeholders, so repeat until none remain.\n  while (hasPlaceholder.test(result)) {\n    result = result.replace(placeholderPattern, (_, index: string) => preserved[Number(index)]);\n  }\n  return result;\n};\n\n/*\n  Reverses the backslash escapes MDXEditor's serialiser adds for MDX/HTML reasons during its\n  markdown -> AST -> markdown round-trip, so `&`, `{`, `}`, `<`, `>` and `\"` are saved literally.\n  Markdown syntax escapes (\\*, \\#, \\-, ...) are deliberately left alone.\n */\nexport const desanitizeEditorOutput = (markdown: string): string => markdown\n  .replace(/\\\\&/g, '&')\n  .replace(/\\\\{/g, '{')\n  .replace(/\\\\}/g, '}')\n  .replace(/\\\\</g, '<')\n  .replace(/\\\\>/g, '>')\n  .replace(/\\\\\"/g, '\"');\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA,MAAMA,gBAAgB,GAAGC,MAAM,CAACC,YAAY,CAAC,MAAM,CAAC;AACpD,MAAMC,kBAAkB,GAAG,oBAAoB;AAC/C,MAAMC,cAAc,GAAG,iBAAiB;AAQxC,MAAMC,YAAY,GAAIC,SAA6B,IACjDA,SAAS,KAAKC,SAAS,IAAI,IAAI,CAACC,IAAI,CAACF,SAAS,CAAC;AAEjD,MAAMG,UAAU,GAAGA,CAACC,KAAa,EAAEC,KAAa,KAAa;EAC3D,IAAIC,KAA6B;EACjC,KAAK,IAAIC,KAAK,GAAGF,KAAK,EAAEE,KAAK,GAAGH,KAAK,CAACI,MAAM,EAAED,KAAK,IAAI,CAAC,EAAE;IACxD,MAAMP,SAAS,GAAGI,KAAK,CAACG,KAAK,CAAC;IAC9B,IAAIP,SAAS,KAAK,GAAG,EAAE;MACrB,OAAO,CAAC,CAAC;IACX;IACA,IAAIM,KAAK,EAAE;MACT,IAAIN,SAAS,KAAKM,KAAK,EAAE;QACvBA,KAAK,GAAGL,SAAS;MACnB;IACF,CAAC,MAAM,IAAID,SAAS,KAAK,GAAG,IAAIA,SAAS,KAAK,IAAI,EAAE;MAClDM,KAAK,GAAGN,SAAS;IACnB,CAAC,MAAM,IAAIA,SAAS,KAAK,GAAG,EAAE;MAC5B,OAAOO,KAAK;IACd;EACF;EACA,OAAO,CAAC,CAAC;AACX,CAAC;AAED,MAAME,cAAc,GAAGA,CAACL,KAAa,EAAEM,GAAW,KAAkB;EAClE,MAAMC,MAAmB,GAAG,EAAE;EAC9B,MAAMC,aAAa,GAAG,IAAKF,GAAG,EAAG;EACjC,MAAMG,YAAY,GAAG,KAAMH,GAAG,GAAI;EAClC,IAAII,UAAU,GAAG,CAAC;EAElB,OAAOA,UAAU,GAAGV,KAAK,CAACI,MAAM,EAAE;IAChC,MAAMD,KAAK,GAAGH,KAAK,CAACW,OAAO,CAAC,GAAG,EAAED,UAAU,CAAC;IAC5C,IAAIP,KAAK,GAAG,CAAC,EAAE;MACb;IACF;IAEA,IAAIH,KAAK,CAACY,UAAU,CAACH,YAAY,EAAEN,KAAK,CAAC,EAAE;MACzCI,MAAM,CAACM,IAAI,CAAC;QAAEV,KAAK;QAAEW,KAAK,EAAEL,YAAY;QAAEM,OAAO,EAAE;MAAK,CAAC,CAAC;MAC1DL,UAAU,GAAGP,KAAK,GAAGM,YAAY,CAACL,MAAM;MACxC;IACF;IAEA,IAAI,CAACJ,KAAK,CAACY,UAAU,CAACJ,aAAa,EAAEL,KAAK,CAAC,EAAE;MAC3CO,UAAU,GAAGP,KAAK,GAAG,CAAC;MACtB;IACF;IAEA,MAAMa,OAAO,GAAGb,KAAK,GAAGK,aAAa,CAACJ,MAAM;IAC5C,MAAMa,QAAQ,GAAGjB,KAAK,CAACgB,OAAO,CAAC;IAC/B,IAAIC,QAAQ,KAAK,GAAG,IAAIA,QAAQ,KAAK,GAAG,IAAI,CAACtB,YAAY,CAACsB,QAAQ,CAAC,EAAE;MACnEP,UAAU,GAAGP,KAAK,GAAG,CAAC;MACtB;IACF;IAEA,MAAMe,GAAG,GAAGnB,UAAU,CAACC,KAAK,EAAEgB,OAAO,CAAC;IACtC,IAAIE,GAAG,GAAG,CAAC,EAAE;MACXR,UAAU,GAAGP,KAAK,GAAG,CAAC;MACtB;IACF;IAEAI,MAAM,CAACM,IAAI,CAAC;MAAEV,KAAK;MAAEW,KAAK,EAAEd,KAAK,CAACmB,KAAK,CAAChB,KAAK,EAAEe,GAAG,GAAG,CAAC,CAAC;MAAEH,OAAO,EAAE;IAAM,CAAC,CAAC;IAC1EL,UAAU,GAAGQ,GAAG,GAAG,CAAC;EACtB;EAEA,OAAOX,MAAM;AACf,CAAC;AAED,MAAMa,gBAAgB,GAAGA,CAAC;EAAEd,GAAG;EAAEe,OAAO;EAAEC;AAAwB,CAAC,EAAER,KAAa,KAAc;EAC9F,MAAMS,MAAM,GAAGT,KAAK,CAACK,KAAK,CAACb,GAAG,CAACF,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;EAC9C,MAAMoB,eAAe,GAAGC,OAAO,CAACJ,OAAO,EAAEjB,MAAM,IAAIkB,KAAK,EAAElB,MAAM,CAAC;EACjE,MAAMsB,cAAc,GAAGL,OAAO,IAAI,EAAE;EAEpC,IAAI,CAACG,eAAe,EAAE;IACpB,OAAOD,MAAM,KAAK,EAAE,IAClBA,MAAM,KAAK,GAAG,IACb5B,YAAY,CAAC4B,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAACA,MAAM,CAACI,QAAQ,CAAC,GAAG,CAAE;EACtD;EAEA,IAAIxB,KAAK,GAAG,CAAC;EACb,OAAOR,YAAY,CAAC4B,MAAM,CAACpB,KAAK,CAAC,CAAC,EAAE;IAClCA,KAAK,IAAI,CAAC;EACZ;EACA,IAAIA,KAAK,KAAKoB,MAAM,CAACnB,MAAM,IAAKmB,MAAM,CAACpB,KAAK,CAAC,KAAK,GAAG,IAAIA,KAAK,KAAKoB,MAAM,CAACnB,MAAM,GAAG,CAAE,EAAE;IACrF,OAAO,IAAI;EACb;EAEA,OAAOD,KAAK,GAAGoB,MAAM,CAACnB,MAAM,EAAE;IAC5B,MAAMwB,cAAc,GAAGzB,KAAK;IAC5B,OAAOA,KAAK,GAAGoB,MAAM,CAACnB,MAAM,IAAI,CAACT,YAAY,CAAC4B,MAAM,CAACpB,KAAK,CAAC,CAAC,IAAIoB,MAAM,CAACpB,KAAK,CAAC,KAAK,GAAG,EAAE;MACrFA,KAAK,IAAI,CAAC;IACZ;IACA,IAAIA,KAAK,KAAKyB,cAAc,IAAIL,MAAM,CAACpB,KAAK,CAAC,KAAK,GAAG,EAAE;MACrD,OAAO,KAAK;IACd;IAEA,MAAM0B,SAAS,GAAGN,MAAM,CAACJ,KAAK,CAACS,cAAc,EAAEzB,KAAK,CAAC;IACrDA,KAAK,IAAI,CAAC;IACV,IAAIoB,MAAM,CAACpB,KAAK,CAAC,KAAK,GAAG,EAAE;MACzB,OAAO,KAAK;IACd;IACA,MAAM2B,UAAU,GAAG,EAAE3B,KAAK;IAC1B,OAAOA,KAAK,GAAGoB,MAAM,CAACnB,MAAM,IAAImB,MAAM,CAACpB,KAAK,CAAC,KAAK,GAAG,EAAE;MACrDA,KAAK,IAAI,CAAC;IACZ;IACA,IAAIA,KAAK,KAAKoB,MAAM,CAACnB,MAAM,EAAE;MAC3B,OAAO,KAAK;IACd;IAEA,MAAM2B,KAAK,GAAGR,MAAM,CAACJ,KAAK,CAACW,UAAU,EAAE3B,KAAK,CAAC;IAC7C,MAAM6B,cAAc,GAAGH,SAAS,KAAK,OAAO,IAAIH,cAAc,CAACtB,MAAM,GAAG,CAAC,IACvE2B,KAAK,CAACE,KAAK,CAAC,KAAK,CAAC,CAACC,KAAK,CAAEC,SAAS,IAAKA,SAAS,CAAC/B,MAAM,GAAG,CAAC,IAAIsB,cAAc,CAACC,QAAQ,CAACQ,SAAS,CAAC,CAAC;IACrG,IAAI,CAACb,KAAK,EAAEK,QAAQ,CAACE,SAAS,CAAC,IAAI,CAACG,cAAc,EAAE;MAClD,OAAO,KAAK;IACd;IAEA7B,KAAK,IAAI,CAAC;IACV,IAAIA,KAAK,KAAKoB,MAAM,CAACnB,MAAM,EAAE;MAC3B,OAAO,IAAI;IACb;IACA,MAAMgC,cAAc,GAAGjC,KAAK;IAC5B,OAAOR,YAAY,CAAC4B,MAAM,CAACpB,KAAK,CAAC,CAAC,EAAE;MAClCA,KAAK,IAAI,CAAC;IACZ;IACA,IAAIA,KAAK,KAAKoB,MAAM,CAACnB,MAAM,IAAKmB,MAAM,CAACpB,KAAK,CAAC,KAAK,GAAG,IAAIA,KAAK,KAAKoB,MAAM,CAACnB,MAAM,GAAG,CAAE,EAAE;MACrF,OAAO,IAAI;IACb;IACA,IAAID,KAAK,KAAKiC,cAAc,EAAE;MAC5B,OAAO,KAAK;IACd;EACF;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMC,WAAW,GAAGA,CAACvB,KAAa,EAAEwB,KAAuB,KAAcxB,KAAK,CAACyB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAACZ,QAAQ,CAACW,KAAK,CAAChC,GAAG,CAAC;AAElI,MAAMkC,QAAQ,GAAGA,CAACT,KAAa,EAAEU,SAAmB,KAAa;EAC/DA,SAAS,CAAC5B,IAAI,CAACkB,KAAK,CAAC;EACrB,OAAO,GAAIzC,gBAAgB,GAAKmD,SAAS,CAACrC,MAAM,GAAG,CAAC,GAAKd,gBAAgB,EAAG;AAC9E,CAAC;AAED,MAAMoD,iBAAiB,GAAGA,CAACC,QAAgB,EAAEF,SAAmB,KAAa;EAC3E,MAAMG,IAAsD,GAAG,EAAE;EACjE,KAAK,IAAIzC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGwC,QAAQ,CAACvC,MAAM,GAAG;IAC5C,IAAIuC,QAAQ,CAACxC,KAAK,CAAC,KAAK,GAAG,EAAE;MAC3BA,KAAK,IAAI,CAAC;MACV;IACF;IAEA,IAAIe,GAAG,GAAGf,KAAK,GAAG,CAAC;IACnB,OAAOwC,QAAQ,CAACzB,GAAG,CAAC,KAAK,GAAG,EAAE;MAC5BA,GAAG,IAAI,CAAC;IACV;IACA,IAAI2B,oBAAoB,GAAG,CAAC;IAC5B,KAAK,IAAIC,QAAQ,GAAG3C,KAAK,GAAG,CAAC,EAAE2C,QAAQ,IAAI,CAAC,IAAIH,QAAQ,CAACG,QAAQ,CAAC,KAAK,IAAI,EAAEA,QAAQ,IAAI,CAAC,EAAE;MAC1FD,oBAAoB,IAAI,CAAC;IAC3B;IACA,MAAME,gBAAgB,GAAGF,oBAAoB,GAAG,CAAC;IACjD,IAAI3B,GAAG,GAAGf,KAAK,GAAG4C,gBAAgB,EAAE;MAClCH,IAAI,CAAC/B,IAAI,CAAC;QAAEZ,KAAK,EAAEE,KAAK,GAAG4C,gBAAgB;QAAE7B,GAAG;QAAEd,MAAM,EAAEc,GAAG,GAAGf,KAAK,GAAG4C;MAAiB,CAAC,CAAC;IAC7F;IACA5C,KAAK,GAAGe,GAAG;EACb;EAEA,MAAM8B,eAAe,GAAG,IAAIC,GAAG,CAAiB,CAAC;EACjD,MAAMC,OAA+B,GAAG,IAAIC,KAAK,CAACP,IAAI,CAACxC,MAAM,CAAC;EAC9D,KAAK,IAAID,KAAK,GAAGyC,IAAI,CAACxC,MAAM,GAAG,CAAC,EAAED,KAAK,IAAI,CAAC,EAAEA,KAAK,IAAI,CAAC,EAAE;IACxD+C,OAAO,CAAC/C,KAAK,CAAC,GAAG6C,eAAe,CAACI,GAAG,CAACR,IAAI,CAACzC,KAAK,CAAC,CAACC,MAAM,CAAC;IACxD4C,eAAe,CAACK,GAAG,CAACT,IAAI,CAACzC,KAAK,CAAC,CAACC,MAAM,EAAED,KAAK,CAAC;EAChD;EAEA,IAAImD,MAAM,GAAG,EAAE;EACf,IAAIC,aAAa,GAAG,CAAC;EACrB,KAAK,IAAIpD,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGyC,IAAI,CAACxC,MAAM,EAAED,KAAK,IAAI,CAAC,EAAE;IACnD,MAAMqD,YAAY,GAAGN,OAAO,CAAC/C,KAAK,CAAC;IACnC,IAAIqD,YAAY,KAAK3D,SAAS,EAAE;MAC9B;IACF;IAEA,MAAM4D,OAAO,GAAGb,IAAI,CAACzC,KAAK,CAAC;IAC3B,MAAMY,OAAO,GAAG6B,IAAI,CAACY,YAAY,CAAC;IAClCF,MAAM,IAAIX,QAAQ,CAACxB,KAAK,CAACoC,aAAa,EAAEE,OAAO,CAACxD,KAAK,CAAC;IACtDqD,MAAM,IAAId,QAAQ,CAACG,QAAQ,CAACxB,KAAK,CAACsC,OAAO,CAACxD,KAAK,EAAEc,OAAO,CAACG,GAAG,CAAC,EAAEuB,SAAS,CAAC;IACzEc,aAAa,GAAGxC,OAAO,CAACG,GAAG;IAC3Bf,KAAK,GAAGqD,YAAY;EACtB;EACA,OAAOF,MAAM,GAAGX,QAAQ,CAACxB,KAAK,CAACoC,aAAa,CAAC;AAC/C,CAAC;AAED,MAAMG,WAAW,GAAGA,CAACf,QAAgB,EAAEF,SAAmB,KAAa;EACrE,MAAMkB,KAAK,GAAGhB,QAAQ,CAACV,KAAK,CAAC,IAAI,CAAC;EAClC,MAAM2B,cAAwB,GAAG,EAAE;EAEnC,KAAK,IAAIzD,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGwD,KAAK,CAACvD,MAAM,EAAED,KAAK,IAAI,CAAC,EAAE;IACpD,MAAMsD,OAAO,GAAG,sBAAsB,CAACI,IAAI,CAACF,KAAK,CAACxD,KAAK,CAAC,CAAC;IACzD,IAAI,CAACsD,OAAO,EAAE;MACZG,cAAc,CAAC/C,IAAI,CAAC8C,KAAK,CAACxD,KAAK,CAAC,CAAC;MACjC;IACF;IAEA,MAAM2D,MAAM,GAAGL,OAAO,CAAC,CAAC,CAAC;IACzB,IAAID,YAAY,GAAGrD,KAAK,GAAG,CAAC;IAC5B,OAAOqD,YAAY,GAAGG,KAAK,CAACvD,MAAM,EAAEoD,YAAY,IAAI,CAAC,EAAE;MACrD,MAAMzC,OAAO,GAAG,uBAAuB,CAAC8C,IAAI,CAACF,KAAK,CAACH,YAAY,CAAC,CAAC;MACjE,IAAIzC,OAAO,IAAIA,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK+C,MAAM,CAAC,CAAC,CAAC,IAAI/C,OAAO,CAAC,CAAC,CAAC,CAACX,MAAM,IAAI0D,MAAM,CAAC1D,MAAM,EAAE;QAChF;MACF;IACF;IAEA,MAAM2D,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACT,YAAY,EAAEG,KAAK,CAACvD,MAAM,GAAG,CAAC,CAAC;IAC7DwD,cAAc,CAAC/C,IAAI,CAAC2B,QAAQ,CAACmB,KAAK,CAACxC,KAAK,CAAChB,KAAK,EAAE4D,YAAY,GAAG,CAAC,CAAC,CAACG,IAAI,CAAC,IAAI,CAAC,EAAEzB,SAAS,CAAC,CAAC;IACzFtC,KAAK,GAAG4D,YAAY;EACtB;EAEA,OAAOrB,iBAAiB,CAACkB,cAAc,CAACM,IAAI,CAAC,IAAI,CAAC,EAAEzB,SAAS,CAAC;AAChE,CAAC;AAEM,MAAM0B,mBAAmB,GAAGA,CAACxB,QAAgB,EAAEyB,WAA+B,GAAG,EAAE,KAAa;EACrG,MAAM3B,SAAmB,GAAG,EAAE;EAC9B,IAAI4B,gBAAgB,GAAGX,WAAW,CAACf,QAAQ,EAAEF,SAAS,CAAC;EAEvD2B,WAAW,CAACE,OAAO,CAAEhC,KAAK,IAAK;IAC7B,MAAM/B,MAAM,GAAGF,cAAc,CAACgE,gBAAgB,EAAE/B,KAAK,CAAChC,GAAG,CAAC;IAC1D,MAAMiE,IAAI,GAAG,IAAIC,GAAG,CAAS,CAAC;IAC9B,MAAMC,QAA+C,GAAG,EAAE;IAE1DlE,MAAM,CAAC+D,OAAO,CAAC,CAAC;MAAExD,KAAK;MAAEX,KAAK;MAAEY;IAAQ,CAAC,KAAK;MAC5C,IAAIA,OAAO,EAAE;QACX;QACA,MAAM0C,OAAO,GAAGgB,QAAQ,CAACC,GAAG,CAAC,CAAC;QAC9B,IAAIjB,OAAO,EAAEkB,OAAO,EAAE;UACpBJ,IAAI,CAACK,GAAG,CAACnB,OAAO,CAACtD,KAAK,CAAC;UACvBoE,IAAI,CAACK,GAAG,CAACzE,KAAK,CAAC;QACjB;MACF,CAAC,MAAM,IAAIkC,WAAW,CAACvB,KAAK,EAAEwB,KAAK,CAAC,EAAE;QACpC,IAAIlB,gBAAgB,CAACkB,KAAK,EAAExB,KAAK,CAAC,EAAE;UAClCyD,IAAI,CAACK,GAAG,CAACzE,KAAK,CAAC;QACjB;MACF,CAAC,MAAM;QACLsE,QAAQ,CAAC5D,IAAI,CAAC;UAAEV,KAAK;UAAEwE,OAAO,EAAEvD,gBAAgB,CAACkB,KAAK,EAAExB,KAAK;QAAE,CAAC,CAAC;MACnE;IACF,CAAC,CAAC;IAEF,IAAIyC,aAAa,GAAG,CAAC;IACrBc,gBAAgB,GAAG9D,MAAM,CAACsE,MAAM,CAAC,CAACvB,MAAM,EAAE;MAAEnD,KAAK;MAAEW;IAAM,CAAC,KAAK;MAC7DwC,MAAM,IAAIe,gBAAgB,CAAClD,KAAK,CAACoC,aAAa,EAAEpD,KAAK,CAAC;MACtDmD,MAAM,IAAIiB,IAAI,CAACO,GAAG,CAAC3E,KAAK,CAAC,GAAGqC,QAAQ,CAAC1B,KAAK,EAAE2B,SAAS,CAAC,GAAG3B,KAAK;MAC9DyC,aAAa,GAAGpD,KAAK,GAAGW,KAAK,CAACV,MAAM;MACpC,OAAOkD,MAAM;IACf,CAAC,EAAE,EAAE,CAAC,GAAGe,gBAAgB,CAAClD,KAAK,CAACoC,aAAa,CAAC;EAChD,CAAC,CAAC;EAEF,IAAID,MAAM,GAAGe,gBAAgB,CAACU,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC;EAC5E;EACA,OAAOrF,cAAc,CAACI,IAAI,CAACwD,MAAM,CAAC,EAAE;IAClCA,MAAM,GAAGA,MAAM,CAACyB,OAAO,CAACtF,kBAAkB,EAAE,CAACuF,CAAC,EAAE7E,KAAa,KAAKsC,SAAS,CAACwC,MAAM,CAAC9E,KAAK,CAAC,CAAC,CAAC;EAC7F;EACA,OAAOmD,MAAM;AACf,CAAC;;AAED;AACA;AACA;AACA;AACA;AAJA4B,OAAA,CAAAf,mBAAA,GAAAA,mBAAA;AAKO,MAAMgB,sBAAsB,GAAIxC,QAAgB,IAAaA,QAAQ,CACzEoC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CACpBA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CACpBA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CACpBA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CACpBA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CACpBA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;AAACG,OAAA,CAAAC,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/cjs/widgets/shared/documents/engines/markdownEditor/sourceAnnotations.js

@@ -0,0 +1,208 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSourceAnnotations = exports.createSourceAnchorResolver = exports.createSourceAnchor = exports.buildSourceDecorations = void 0;
+var _state = require("@codemirror/state");
+var _view = require("@codemirror/view");
+var _annotations = require("../../annotations/annotations.interfaces");
+var _textQuoteAnchor = require("../../annotations/textQuoteAnchor");
+var _markdownTextIndex = require("./markdownTextIndex");
+const COMMENT_ID_ATTRIBUTE = 'data-comment-id';
+const setAnnotations = _state.StateEffect.define();
+// Decorations and selections read the same document repeatedly, so the latest index is reused.
+let cachedIndex = null;
+const getMarkdownTextIndex = markdown => {
+  if (cachedIndex?.markdown !== markdown) {
+    cachedIndex = {
+      markdown,
+      index: (0, _markdownTextIndex.buildMarkdownTextIndex)(markdown)
+    };
+  }
+  return cachedIndex.index;
+};
+
+/*
+  Returns a resolver for anchors in markdown source. Quotes are matched against the rendered text so
+  they resolve in either view; the raw source is a fallback for quotes that include markdown syntax.
+ */
+/* eslint-disable-next-line no-unused-vars */
+const createSourceAnchorResolver = doc => {
+  const index = getMarkdownTextIndex(doc);
+  const resolveInText = (0, _textQuoteAnchor.createTextQuoteResolver)(index.text);
+  let resolveInSource;
+  return anchor => {
+    const match = resolveInText(anchor);
+    if (match) {
+      return (0, _markdownTextIndex.textToSourceRange)(index, match.start, match.end);
+    }
+    resolveInSource ??= (0, _textQuoteAnchor.createTextQuoteResolver)(doc);
+    const sourceMatch = resolveInSource(anchor);
+    return sourceMatch ? {
+      from: sourceMatch.start,
+      to: sourceMatch.end
+    } : null;
+  };
+};
+
+// Creates an anchor for the rendered text within source[from, to); markup-only selections return null.
+exports.createSourceAnchorResolver = createSourceAnchorResolver;
+const createSourceAnchor = (doc, from, to) => {
+  const index = getMarkdownTextIndex(doc);
+  return (0, _textQuoteAnchor.createTextQuoteAnchor)(index.text, (0, _markdownTextIndex.sourceToTextOffset)(index, from), (0, _markdownTextIndex.sourceToTextOffset)(index, to));
+};
+exports.createSourceAnchor = createSourceAnchor;
+const buildDecorationState = (doc, state) => {
+  const ranges = [];
+  let selectedRange = null;
+  const resolveAnchor = createSourceAnchorResolver(doc);
+  (0, _annotations.getVisibleComments)(state.comments, state.showResolved).forEach(comment => {
+    const match = comment.anchor ? resolveAnchor(comment.anchor) : null;
+    if (!match || match.from >= match.to) {
+      return;
+    }
+    const isSelected = comment.id === state.selectedCommentId;
+    if (isSelected) {
+      selectedRange = match;
+    }
+    ranges.push(_view.Decoration.mark({
+      class: `documentAnnotations__sourceHighlight${isSelected ? ' documentAnnotations__sourceHighlight--selected' : ''}`,
+      attributes: {
+        [COMMENT_ID_ATTRIBUTE]: comment.id
+      }
+    }).range(match.from, match.to));
+  });
+  return {
+    decorations: _view.Decoration.set(ranges, true),
+    selectedRange
+  };
+};
+const buildSourceDecorations = (doc, state) => buildDecorationState(doc, state).decorations;
+exports.buildSourceDecorations = buildSourceDecorations;
+const annotationField = _state.StateField.define({
+  create: () => ({
+    state: {
+      comments: []
+    },
+    decorations: _view.Decoration.none,
+    selectedRange: null
+  }),
+  update: (value, transaction) => {
+    const effect = transaction.effects.find(candidate => candidate.is(setAnnotations));
+    if (!effect && !transaction.docChanged) {
+      return value;
+    }
+    const state = effect ? effect.value : value.state;
+    // Anchors are resolved again after edits so highlights follow (or drop) the quoted text.
+    return {
+      state,
+      ...buildDecorationState(transaction.state.doc.toString(), state)
+    };
+  },
+  provide: field => _view.EditorView.decorations.from(field, value => value.decorations)
+});
+
+/*
+  Comment support for the markdown source editor (CodeMirror), which renders and virtualises its
+  own DOM, so highlights are drawn as decorations rather than through the DOM-based AnnotationLayer.
+
+  MDXEditor rebuilds the source editor whenever its extensions change, so the extension is created
+  once and annotation state is pushed into every live editor through `update`.
+ */
+const createSourceAnnotations = handlers => {
+  const views = new Set();
+  const selectionVersions = new WeakMap();
+  let latest = {
+    comments: []
+  };
+  const tracker = _view.ViewPlugin.define(view => {
+    views.add(view);
+    // A view created after the latest update (e.g. on switching to source mode) needs the current state.
+    queueMicrotask(() => {
+      if (views.has(view)) {
+        view.dispatch({
+          effects: setAnnotations.of(latest)
+        });
+      }
+    });
+    return {
+      destroy: () => {
+        selectionVersions.delete(view);
+        views.delete(view);
+        // Switching to rich text destroys the source view; its selection must not outlive it.
+        if (views.size === 0) {
+          handlers.onSelectionChange(null);
+        }
+      }
+    };
+  });
+  const selectionListener = _view.EditorView.updateListener.of(update => {
+    if (!update.selectionSet && !update.docChanged) {
+      return;
+    }
+    const version = (selectionVersions.get(update.view) ?? 0) + 1;
+    selectionVersions.set(update.view, version);
+    const isCurrentSelection = () => selectionVersions.get(update.view) === version;
+    const {
+      from,
+      to,
+      empty
+    } = update.state.selection.main;
+    const anchor = empty ? null : createSourceAnchor(update.state.doc.toString(), from, to);
+    if (!anchor) {
+      handlers.onSelectionChange(null);
+      return;
+    }
+    // Layout must not be read while CodeMirror is applying an update.
+    update.view.requestMeasure({
+      read: view => isCurrentSelection() ? view.coordsAtPos(to) : null,
+      write: coords => {
+        if (isCurrentSelection()) {
+          handlers.onSelectionChange(coords ? {
+            anchor,
+            rect: {
+              bottom: coords.bottom,
+              right: coords.right
+            }
+          } : null);
+        }
+      }
+    });
+  });
+  const clickHandler = _view.EditorView.domEventHandlers({
+    click: event => {
+      const highlight = event.target?.closest?.(`[${COMMENT_ID_ATTRIBUTE}]`);
+      const commentId = highlight?.getAttribute(COMMENT_ID_ATTRIBUTE);
+      if (commentId) {
+        handlers.onSelectComment(commentId);
+      }
+      return false;
+    }
+  });
+  const extension = [annotationField, tracker, selectionListener, clickHandler];
+  const update = state => {
+    // Only a newly selected comment scrolls, not other annotation updates.
+    const shouldScroll = Boolean(state.selectedCommentId) && state.selectedCommentId !== latest.selectedCommentId;
+    latest = state;
+    views.forEach(view => {
+      view.dispatch({
+        effects: setAnnotations.of(state)
+      });
+      const selectedRange = shouldScroll ? view.state.field(annotationField).selectedRange : null;
+      if (selectedRange) {
+        view.dispatch({
+          effects: _view.EditorView.scrollIntoView(selectedRange.from, {
+            y: 'center'
+          })
+        });
+      }
+    });
+  };
+  return {
+    extension,
+    update
+  };
+};
+exports.createSourceAnnotations = createSourceAnnotations;
+//# sourceMappingURL=sourceAnnotations.js.map

package/dist/cjs/widgets/shared/documents/engines/markdownEditor/sourceAnnotations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sourceAnnotations.js","names":["_state","require","_view","_annotations","_textQuoteAnchor","_markdownTextIndex","COMMENT_ID_ATTRIBUTE","setAnnotations","StateEffect","define","cachedIndex","getMarkdownTextIndex","markdown","index","buildMarkdownTextIndex","createSourceAnchorResolver","doc","resolveInText","createTextQuoteResolver","text","resolveInSource","anchor","match","textToSourceRange","start","end","sourceMatch","from","to","exports","createSourceAnchor","createTextQuoteAnchor","sourceToTextOffset","buildDecorationState","state","ranges","selectedRange","resolveAnchor","getVisibleComments","comments","showResolved","forEach","comment","isSelected","id","selectedCommentId","push","Decoration","mark","class","attributes","range","decorations","set","buildSourceDecorations","annotationField","StateField","create","none","update","value","transaction","effect","effects","find","candidate","is","docChanged","toString","provide","field","EditorView","createSourceAnnotations","handlers","views","Set","selectionVersions","WeakMap","latest","tracker","ViewPlugin","view","add","queueMicrotask","has","dispatch","of","destroy","delete","size","onSelectionChange","selectionListener","updateListener","selectionSet","version","get","isCurrentSelection","empty","selection","main","requestMeasure","read","coordsAtPos","write","coords","rect","bottom","right","clickHandler","domEventHandlers","click","event","highlight","target","closest","commentId","getAttribute","onSelectComment","extension","shouldScroll","Boolean","scrollIntoView","y"],"sources":["../../../../../../../src/widgets/shared/documents/engines/markdownEditor/sourceAnnotations.ts"],"sourcesContent":["import { Extension, Range, StateEffect, StateField } from '@codemirror/state';\nimport { Decoration, DecorationSet, EditorView, ViewPlugin } from '@codemirror/view';\n\nimport { DocumentComment, getVisibleComments, TextQuoteAnchor } from '../../annotations/annotations.interfaces';\nimport { createTextQuoteAnchor, createTextQuoteResolver } from '../../annotations/textQuoteAnchor';\nimport { buildMarkdownTextIndex, MarkdownTextIndex, sourceToTextOffset, textToSourceRange } from './markdownTextIndex';\n\nexport type SourceAnnotationState = {\n  comments: DocumentComment[];\n  selectedCommentId?: string;\n  showResolved?: boolean;\n};\n\nexport type SourceSelection = {\n  anchor: TextQuoteAnchor;\n  rect: { bottom: number; right: number };\n} | null;\n\nexport type SourceAnnotationHandlers = {\n  /* eslint-disable-next-line no-unused-vars */\n  onSelectionChange: (selection: SourceSelection) => void;\n  /* eslint-disable-next-line no-unused-vars */\n  onSelectComment: (commentId: string) => void;\n};\n\nconst COMMENT_ID_ATTRIBUTE = 'data-comment-id';\nconst setAnnotations = StateEffect.define<SourceAnnotationState>();\n\ntype SourceRange = { from: number; to: number };\n\n// Decorations and selections read the same document repeatedly, so the latest index is reused.\nlet cachedIndex: { markdown: string; index: MarkdownTextIndex } | null = null;\nconst getMarkdownTextIndex = (markdown: string): MarkdownTextIndex => {\n  if (cachedIndex?.markdown !== markdown) {\n    cachedIndex = { markdown, index: buildMarkdownTextIndex(markdown) };\n  }\n  return cachedIndex.index;\n};\n\n/*\n  Returns a resolver for anchors in markdown source. Quotes are matched against the rendered text so\n  they resolve in either view; the raw source is a fallback for quotes that include markdown syntax.\n */\n/* eslint-disable-next-line no-unused-vars */\nexport const createSourceAnchorResolver = (doc: string): ((anchor: TextQuoteAnchor) => SourceRange | null) => {\n  const index = getMarkdownTextIndex(doc);\n  const resolveInText = createTextQuoteResolver(index.text);\n  let resolveInSource: ReturnType<typeof createTextQuoteResolver> | undefined;\n  return (anchor) => {\n    const match = resolveInText(anchor);\n    if (match) {\n      return textToSourceRange(index, match.start, match.end);\n    }\n    resolveInSource ??= createTextQuoteResolver(doc);\n    const sourceMatch = resolveInSource(anchor);\n    return sourceMatch ? { from: sourceMatch.start, to: sourceMatch.end } : null;\n  };\n};\n\n// Creates an anchor for the rendered text within source[from, to); markup-only selections return null.\nexport const createSourceAnchor = (doc: string, from: number, to: number): TextQuoteAnchor | null => {\n  const index = getMarkdownTextIndex(doc);\n  return createTextQuoteAnchor(index.text, sourceToTextOffset(index, from), sourceToTextOffset(index, to));\n};\n\ntype SourceDecorations = { decorations: DecorationSet; selectedRange: SourceRange | null };\n\nconst buildDecorationState = (doc: string, state: SourceAnnotationState): SourceDecorations => {\n  const ranges: Range<Decoration>[] = [];\n  let selectedRange: SourceRange | null = null;\n  const resolveAnchor = createSourceAnchorResolver(doc);\n  getVisibleComments(state.comments, state.showResolved).forEach((comment) => {\n    const match = comment.anchor ? resolveAnchor(comment.anchor) : null;\n    if (!match || match.from >= match.to) {\n      return;\n    }\n    const isSelected = comment.id === state.selectedCommentId;\n    if (isSelected) {\n      selectedRange = match;\n    }\n    ranges.push(Decoration.mark({\n      class: `documentAnnotations__sourceHighlight${ isSelected ? ' documentAnnotations__sourceHighlight--selected' : '' }`,\n      attributes: { [COMMENT_ID_ATTRIBUTE]: comment.id }\n    }).range(match.from, match.to));\n  });\n  return { decorations: Decoration.set(ranges, true), selectedRange };\n};\n\nexport const buildSourceDecorations = (doc: string, state: SourceAnnotationState): DecorationSet =>\n  buildDecorationState(doc, state).decorations;\n\ntype FieldValue = SourceDecorations & { state: SourceAnnotationState };\n\nconst annotationField = StateField.define<FieldValue>({\n  create: () => ({ state: { comments: [] }, decorations: Decoration.none, selectedRange: null }),\n  update: (value, transaction) => {\n    const effect = transaction.effects.find((candidate) => candidate.is(setAnnotations));\n    if (!effect && !transaction.docChanged) {\n      return value;\n    }\n    const state = effect ? (effect.value as SourceAnnotationState) : value.state;\n    // Anchors are resolved again after edits so highlights follow (or drop) the quoted text.\n    return { state, ...buildDecorationState(transaction.state.doc.toString(), state) };\n  },\n  provide: (field) => EditorView.decorations.from(field, (value) => value.decorations)\n});\n\n/*\n  Comment support for the markdown source editor (CodeMirror), which renders and virtualises its\n  own DOM, so highlights are drawn as decorations rather than through the DOM-based AnnotationLayer.\n\n  MDXEditor rebuilds the source editor whenever its extensions change, so the extension is created\n  once and annotation state is pushed into every live editor through `update`.\n */\nexport const createSourceAnnotations = (handlers: SourceAnnotationHandlers) => {\n  const views = new Set<EditorView>();\n  const selectionVersions = new WeakMap<EditorView, number>();\n  let latest: SourceAnnotationState = { comments: [] };\n\n  const tracker = ViewPlugin.define((view) => {\n    views.add(view);\n    // A view created after the latest update (e.g. on switching to source mode) needs the current state.\n    queueMicrotask(() => {\n      if (views.has(view)) {\n        view.dispatch({ effects: setAnnotations.of(latest) });\n      }\n    });\n    return {\n      destroy: () => {\n        selectionVersions.delete(view);\n        views.delete(view);\n        // Switching to rich text destroys the source view; its selection must not outlive it.\n        if (views.size === 0) {\n          handlers.onSelectionChange(null);\n        }\n      }\n    };\n  });\n\n  const selectionListener = EditorView.updateListener.of((update) => {\n    if (!update.selectionSet && !update.docChanged) {\n      return;\n    }\n    const version = (selectionVersions.get(update.view) ?? 0) + 1;\n    selectionVersions.set(update.view, version);\n    const isCurrentSelection = () => selectionVersions.get(update.view) === version;\n    const { from, to, empty } = update.state.selection.main;\n    const anchor = empty ? null : createSourceAnchor(update.state.doc.toString(), from, to);\n    if (!anchor) {\n      handlers.onSelectionChange(null);\n      return;\n    }\n    // Layout must not be read while CodeMirror is applying an update.\n    update.view.requestMeasure({\n      read: (view) => (isCurrentSelection() ? view.coordsAtPos(to) : null),\n      write: (coords) => {\n        if (isCurrentSelection()) {\n          handlers.onSelectionChange(coords ? { anchor, rect: { bottom: coords.bottom, right: coords.right } } : null);\n        }\n      }\n    });\n  });\n\n  const clickHandler = EditorView.domEventHandlers({\n    click: (event) => {\n      const highlight = (event.target as Element | null)?.closest?.(`[${ COMMENT_ID_ATTRIBUTE }]`);\n      const commentId = highlight?.getAttribute(COMMENT_ID_ATTRIBUTE);\n      if (commentId) {\n        handlers.onSelectComment(commentId);\n      }\n      return false;\n    }\n  });\n\n  const extension: Extension = [annotationField, tracker, selectionListener, clickHandler];\n\n  const update = (state: SourceAnnotationState) => {\n    // Only a newly selected comment scrolls, not other annotation updates.\n    const shouldScroll = Boolean(state.selectedCommentId) && state.selectedCommentId !== latest.selectedCommentId;\n    latest = state;\n    views.forEach((view) => {\n      view.dispatch({ effects: setAnnotations.of(state) });\n      const selectedRange = shouldScroll ? view.state.field(annotationField).selectedRange : null;\n      if (selectedRange) {\n        view.dispatch({ effects: EditorView.scrollIntoView(selectedRange.from, { y: 'center' }) });\n      }\n    });\n  };\n\n  return { extension, update };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/widgets/shared/documents/engines/markdownRenderer/MarkdownRenderer.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MarkdownRenderer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactMarkdown = _interopRequireWildcard(require("react-markdown"));
+var _remarkGfm = _interopRequireDefault(require("remark-gfm"));
+var _documentHelpers = require("../../documentHelpers");
+var _plugins = require("./plugins");
+require("./markdownRenderer.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const remarkPlugins = [_remarkGfm.default, _plugins.remarkLineBreaks, _plugins.remarkParagraphBreaks, _plugins.remarkLayoutTables, _plugins.remarkTableCellLists, _plugins.remarkSafeTables];
+const rehypePlugins = [_plugins.rehypeTableCleanup];
+const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+
+// mdast-util-to-hast prefixes footnote targets but leaves the shared label ID unprefixed.
+const rehypeFootnoteLabel = labelId => tree => {
+  const visit = node => {
+    if (node.properties?.id === 'footnote-label') {
+      node.properties.id = labelId;
+    }
+    if (node.properties?.dataFootnoteRef) {
+      node.properties.ariaDescribedBy = [labelId];
+    }
+    node.children?.forEach(visit);
+  };
+  visit(tree);
+};
+const getHeadingComponents = headingOffset => {
+  if (headingOffset <= 0) {
+    return undefined;
+  }
+  return Object.fromEntries(headingTags.map((tag, index) => {
+    const level = index + 1 + headingOffset;
+    const HeadingComponent = (
+    // `node` is react-markdown's AST node; it is removed so it is not written to the DOM.
+    /* eslint-disable-next-line no-unused-vars */
+    {
+      node: _node,
+      ...props
+    }) => level <= 6 ? /*#__PURE__*/(0, _react.createElement)(`h${level}`, props) : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
+      role: "heading",
+      "aria-level": level
+    }));
+    return [tag, HeadingComponent];
+  }));
+};
+const MarkdownRenderer = ({
+  markdown,
+  headingOffset = 0,
+  resolveResourceUrl,
+  cssClass = ''
+}) => {
+  const components = (0, _react.useMemo)(() => getHeadingComponents(headingOffset), [headingOffset]);
+  const footnoteId = (0, _react.useId)();
+  const scopedRehypePlugins = (0, _react.useMemo)(() => [...(rehypePlugins ?? []), [rehypeFootnoteLabel, `document-${footnoteId}-footnote-label`]], [footnoteId]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `markdownRenderer ${cssClass}`.trim()
+  }, /*#__PURE__*/_react.default.createElement(_reactMarkdown.default, {
+    remarkPlugins: remarkPlugins,
+    rehypePlugins: scopedRehypePlugins,
+    remarkRehypeOptions: {
+      clobberPrefix: `document-${footnoteId}-`
+    },
+    components: components,
+    urlTransform: (url, key, node) => {
+      // react-markdown visits final HAST, including children injected by remarkSafeTables.
+      const resolved = resolveResourceUrl ? resolveResourceUrl(url) ?? '' : url;
+      if (key === 'src' && node.tagName === 'img') {
+        const vetted = (0, _documentHelpers.resolveDocumentResource)(resolved);
+        if (/^(?:blob:|data:)/i.test(vetted)) {
+          return vetted;
+        }
+      }
+      return (0, _reactMarkdown.defaultUrlTransform)(resolved);
+    }
+  }, markdown));
+};
+exports.MarkdownRenderer = MarkdownRenderer;
+var _default = exports.default = MarkdownRenderer;
+//# sourceMappingURL=MarkdownRenderer.js.map