@x15ventures/x15-ui-library 3.18.0 → 3.20.0

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

@@ -0,0 +1,198 @@
+import { StateEffect, StateField } from '@codemirror/state';
+import { Decoration, EditorView, ViewPlugin } from '@codemirror/view';
+import { getVisibleComments } from '../../annotations/annotations.interfaces';
+import { createTextQuoteAnchor, createTextQuoteResolver } from '../../annotations/textQuoteAnchor';
+import { buildMarkdownTextIndex, sourceToTextOffset, textToSourceRange } from './markdownTextIndex';
+const COMMENT_ID_ATTRIBUTE = 'data-comment-id';
+const setAnnotations = 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: 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 */
+export const createSourceAnchorResolver = doc => {
+  const index = getMarkdownTextIndex(doc);
+  const resolveInText = createTextQuoteResolver(index.text);
+  let resolveInSource;
+  return anchor => {
+    const match = resolveInText(anchor);
+    if (match) {
+      return textToSourceRange(index, match.start, match.end);
+    }
+    resolveInSource ??= 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.
+export const createSourceAnchor = (doc, from, to) => {
+  const index = getMarkdownTextIndex(doc);
+  return createTextQuoteAnchor(index.text, sourceToTextOffset(index, from), sourceToTextOffset(index, to));
+};
+const buildDecorationState = (doc, state) => {
+  const ranges = [];
+  let selectedRange = null;
+  const resolveAnchor = createSourceAnchorResolver(doc);
+  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(Decoration.mark({
+      class: `documentAnnotations__sourceHighlight${isSelected ? ' documentAnnotations__sourceHighlight--selected' : ''}`,
+      attributes: {
+        [COMMENT_ID_ATTRIBUTE]: comment.id
+      }
+    }).range(match.from, match.to));
+  });
+  return {
+    decorations: Decoration.set(ranges, true),
+    selectedRange
+  };
+};
+export const buildSourceDecorations = (doc, state) => buildDecorationState(doc, state).decorations;
+const annotationField = StateField.define({
+  create: () => ({
+    state: {
+      comments: []
+    },
+    decorations: 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 => 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`.
+ */
+export const createSourceAnnotations = handlers => {
+  const views = new Set();
+  const selectionVersions = new WeakMap();
+  let latest = {
+    comments: []
+  };
+  const tracker = 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 = 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 = 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: EditorView.scrollIntoView(selectedRange.from, {
+            y: 'center'
+          })
+        });
+      }
+    });
+  };
+  return {
+    extension,
+    update
+  };
+};
+//# sourceMappingURL=sourceAnnotations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sourceAnnotations.js","names":["StateEffect","StateField","Decoration","EditorView","ViewPlugin","getVisibleComments","createTextQuoteAnchor","createTextQuoteResolver","buildMarkdownTextIndex","sourceToTextOffset","textToSourceRange","COMMENT_ID_ATTRIBUTE","setAnnotations","define","cachedIndex","getMarkdownTextIndex","markdown","index","createSourceAnchorResolver","doc","resolveInText","text","resolveInSource","anchor","match","start","end","sourceMatch","from","to","createSourceAnchor","buildDecorationState","state","ranges","selectedRange","resolveAnchor","comments","showResolved","forEach","comment","isSelected","id","selectedCommentId","push","mark","class","attributes","range","decorations","set","buildSourceDecorations","annotationField","create","none","update","value","transaction","effect","effects","find","candidate","is","docChanged","toString","provide","field","createSourceAnnotations","handlers","views","Set","selectionVersions","WeakMap","latest","tracker","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/esm/widgets/shared/documents/engines/markdownRenderer/MarkdownRenderer.js

@@ -0,0 +1,76 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { createElement, useId, useMemo } from 'react';
+import ReactMarkdown, { defaultUrlTransform } from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { resolveDocumentResource } from '../../documentHelpers';
+import { rehypeTableCleanup, remarkLayoutTables, remarkLineBreaks, remarkParagraphBreaks, remarkSafeTables, remarkTableCellLists } from './plugins';
+import './markdownRenderer.css';
+const remarkPlugins = [remarkGfm, remarkLineBreaks, remarkParagraphBreaks, remarkLayoutTables, remarkTableCellLists, remarkSafeTables];
+const rehypePlugins = [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__*/createElement(`h${level}`, props) : /*#__PURE__*/React.createElement("div", _extends({}, props, {
+      role: "heading",
+      "aria-level": level
+    }));
+    return [tag, HeadingComponent];
+  }));
+};
+export const MarkdownRenderer = ({
+  markdown,
+  headingOffset = 0,
+  resolveResourceUrl,
+  cssClass = ''
+}) => {
+  const components = useMemo(() => getHeadingComponents(headingOffset), [headingOffset]);
+  const footnoteId = useId();
+  const scopedRehypePlugins = useMemo(() => [...(rehypePlugins ?? []), [rehypeFootnoteLabel, `document-${footnoteId}-footnote-label`]], [footnoteId]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: `markdownRenderer ${cssClass}`.trim()
+  }, /*#__PURE__*/React.createElement(ReactMarkdown, {
+    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 = resolveDocumentResource(resolved);
+        if (/^(?:blob:|data:)/i.test(vetted)) {
+          return vetted;
+        }
+      }
+      return defaultUrlTransform(resolved);
+    }
+  }, markdown));
+};
+export default MarkdownRenderer;
+//# sourceMappingURL=MarkdownRenderer.js.map

package/dist/esm/widgets/shared/documents/engines/markdownRenderer/MarkdownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.js","names":["React","createElement","useId","useMemo","ReactMarkdown","defaultUrlTransform","remarkGfm","resolveDocumentResource","rehypeTableCleanup","remarkLayoutTables","remarkLineBreaks","remarkParagraphBreaks","remarkSafeTables","remarkTableCellLists","remarkPlugins","rehypePlugins","headingTags","rehypeFootnoteLabel","labelId","tree","visit","node","properties","id","dataFootnoteRef","ariaDescribedBy","children","forEach","getHeadingComponents","headingOffset","undefined","Object","fromEntries","map","tag","index","level","HeadingComponent","_node","props","_extends","role","MarkdownRenderer","markdown","resolveResourceUrl","cssClass","components","footnoteId","scopedRehypePlugins","className","trim","remarkRehypeOptions","clobberPrefix","urlTransform","url","key","resolved","tagName","vetted","test"],"sources":["../../../../../../../src/widgets/shared/documents/engines/markdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import React, { createElement, FC, useId, useMemo } from 'react';\nimport ReactMarkdown, { Components, defaultUrlTransform, Options } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nimport { resolveDocumentResource } from '../../documentHelpers';\nimport { ResolveResourceUrl } from '../../documents.interfaces';\nimport {\n  rehypeTableCleanup,\n  remarkLayoutTables,\n  remarkLineBreaks,\n  remarkParagraphBreaks,\n  remarkSafeTables,\n  remarkTableCellLists\n} from './plugins';\nimport { MarkdownNode, MarkdownTransformer } from './plugins/markdownNode.interfaces';\n\nimport './markdownRenderer.scss';\n\nexport type MarkdownRendererProps = {\n  markdown: string;\n  // Demote headings so an embedded document sits beneath the host page's own heading.\n  headingOffset?: number;\n  resolveResourceUrl?: ResolveResourceUrl;\n  cssClass?: string;\n};\n\nconst remarkPlugins = [\n  remarkGfm,\n  remarkLineBreaks,\n  remarkParagraphBreaks,\n  remarkLayoutTables,\n  remarkTableCellLists,\n  remarkSafeTables\n] as Options['remarkPlugins'];\nconst rehypePlugins = [rehypeTableCleanup] as Options['rehypePlugins'];\nconst headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;\n\n// mdast-util-to-hast prefixes footnote targets but leaves the shared label ID unprefixed.\nconst rehypeFootnoteLabel = (labelId: string): MarkdownTransformer => (tree) => {\n  const visit = (node: MarkdownNode) => {\n    if (node.properties?.id === 'footnote-label') {\n      node.properties.id = labelId;\n    }\n    if (node.properties?.dataFootnoteRef) {\n      node.properties.ariaDescribedBy = [labelId];\n    }\n    node.children?.forEach(visit);\n  };\n  visit(tree);\n};\n\nconst getHeadingComponents = (headingOffset: number): Components | undefined => {\n  if (headingOffset <= 0) {\n    return undefined;\n  }\n  return Object.fromEntries(headingTags.map((tag, index) => {\n    const level = index + 1 + headingOffset;\n    const HeadingComponent: FC<React.HTMLAttributes<HTMLHeadingElement> & { node?: unknown }> = (\n      // `node` is react-markdown's AST node; it is removed so it is not written to the DOM.\n      /* eslint-disable-next-line no-unused-vars */\n      { node: _node, ...props }\n    ) => (level <= 6\n      ? createElement(`h${ level }`, props)\n      : <div { ...props } role=\"heading\" aria-level={ level } />);\n    return [tag, HeadingComponent];\n  })) as Components;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = (\n  {\n    markdown,\n    headingOffset = 0,\n    resolveResourceUrl,\n    cssClass = ''\n  }\n) => {\n  const components = useMemo(() => getHeadingComponents(headingOffset), [headingOffset]);\n  const footnoteId = useId();\n  const scopedRehypePlugins = useMemo(() => [\n    ...rehypePlugins ?? [],\n    [rehypeFootnoteLabel, `document-${ footnoteId }-footnote-label`]\n  ] as Options['rehypePlugins'], [footnoteId]);\n\n  return (\n    <div className={ `markdownRenderer ${ cssClass }`.trim() }>\n      <ReactMarkdown\n        remarkPlugins={ remarkPlugins }\n        rehypePlugins={ scopedRehypePlugins }\n        remarkRehypeOptions={ { clobberPrefix: `document-${ footnoteId }-` } }\n        components={ components }\n        urlTransform={ (url, key, node) => {\n          // react-markdown visits final HAST, including children injected by remarkSafeTables.\n          const resolved = resolveResourceUrl ? resolveResourceUrl(url) ?? '' : url;\n          if (key === 'src' && node.tagName === 'img') {\n            const vetted = resolveDocumentResource(resolved);\n            if (/^(?:blob:|data:)/i.test(vetted)) {\n              return vetted;\n            }\n          }\n          return defaultUrlTransform(resolved);\n        } }\n      >\n        { markdown }\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default MarkdownRenderer;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/widgets/shared/documents/engines/markdownRenderer/markdownRenderer.css

@@ -0,0 +1,78 @@
+.markdownRenderer {
+  padding: var(--markdownRendererPadding, var(--documentPadding, 30px));
+  max-width: var(--markdownRendererMaxWidth, 920px);
+  font-family: var(--documentFont);
+  color: var(--documentFgColor);
+}
+.markdownRenderer h1,
+.markdownRenderer h2,
+.markdownRenderer h3,
+.markdownRenderer h4,
+.markdownRenderer h5,
+.markdownRenderer h6,
+.markdownRenderer [role=heading] {
+  margin: var(--markdownRendererHeadingMargin, 25px 0 10px);
+  font-family: var(--documentHeadingFont);
+}
+.markdownRenderer h1:first-child,
+.markdownRenderer h2:first-child,
+.markdownRenderer h3:first-child,
+.markdownRenderer h4:first-child,
+.markdownRenderer h5:first-child,
+.markdownRenderer h6:first-child,
+.markdownRenderer [role=heading]:first-child {
+  margin-top: 0;
+}
+.markdownRenderer p,
+.markdownRenderer li {
+  line-height: var(--markdownRendererLineHeight, 1.6);
+}
+.markdownRenderer table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: var(--markdownRendererTableMargin, 20px 0);
+}
+.markdownRenderer th,
+.markdownRenderer td {
+  border: var(--markdownRendererCellBorder, var(--documentBorder));
+  padding: var(--markdownRendererCellPadding, 10px);
+  vertical-align: top;
+}
+.markdownRenderer th {
+  background: var(--markdownRendererTableHeaderBg, var(--documentSubtleBg));
+  text-align: left;
+}
+.markdownRenderer td ul {
+  margin: 5px 0;
+  padding-left: 20px;
+}
+.markdownRenderer td li + li {
+  margin-top: 5px;
+}
+.markdownRenderer table.layoutTable > :is(thead, tbody, tfoot) > tr > :is(th, td):first-child:not(:last-child) {
+  min-width: var(--markdownRendererLayoutLabelMinWidth, clamp(100px, 20vw, 150px));
+}
+.markdownRenderer th.shortTableCell,
+.markdownRenderer td.shortTableCell {
+  white-space: nowrap;
+}
+@media (max-width: 600px) {
+  .markdownRenderer th.shortTableCell,
+  .markdownRenderer td.shortTableCell {
+    white-space: normal;
+  }
+}
+.markdownRenderer code {
+  background: var(--markdownRendererCodeBg, var(--documentSubtleBg));
+  border-radius: var(--documentBorderRadius);
+  padding: 0 5px;
+}
+.markdownRenderer pre code {
+  display: block;
+  padding: 10px;
+  overflow-x: auto;
+}
+.markdownRenderer img {
+  max-width: 100%;
+  height: auto;
+}

package/dist/esm/widgets/shared/documents/engines/markdownRenderer/plugins/index.js

@@ -0,0 +1,5 @@
+export { remarkLayoutTables, remarkLineBreaks, remarkParagraphBreaks, remarkTableCellLists } from './remarkPlugins';
+export { remarkSafeTables } from './remarkSafeTables';
+export { rehypeTableCleanup } from './rehypeTableCleanup';
+export { hasMeaningfulTableText, isLikelyLayoutTable, LAYOUT_TABLE_MARKER } from './tableHelpers';
+//# sourceMappingURL=index.js.map

package/dist/esm/widgets/shared/documents/engines/markdownRenderer/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["remarkLayoutTables","remarkLineBreaks","remarkParagraphBreaks","remarkTableCellLists","remarkSafeTables","rehypeTableCleanup","hasMeaningfulTableText","isLikelyLayoutTable","LAYOUT_TABLE_MARKER"],"sources":["../../../../../../../../src/widgets/shared/documents/engines/markdownRenderer/plugins/index.ts"],"sourcesContent":["export {\n  remarkLayoutTables,\n  remarkLineBreaks,\n  remarkParagraphBreaks,\n  remarkTableCellLists\n} from './remarkPlugins';\nexport { remarkSafeTables } from './remarkSafeTables';\nexport { rehypeTableCleanup } from './rehypeTableCleanup';\nexport { hasMeaningfulTableText, isLikelyLayoutTable, LAYOUT_TABLE_MARKER } from './tableHelpers';\nexport type { LayoutTableCell } from './tableHelpers';\nexport type { MarkdownNode, MarkdownTransformer } from './markdownNode.interfaces';\n"],"mappings":"AAAA,SACEA,kBAAkB,EAClBC,gBAAgB,EAChBC,qBAAqB,EACrBC,oBAAoB,QACf,iBAAiB;AACxB,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,sBAAsB,EAAEC,mBAAmB,EAAEC,mBAAmB,QAAQ,gBAAgB","ignoreList":[]}

package/dist/esm/widgets/shared/documents/engines/markdownRenderer/plugins/markdownNode.interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=markdownNode.interfaces.js.map

package/dist/esm/widgets/shared/documents/engines/markdownRenderer/plugins/markdownNode.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownNode.interfaces.js","names":[],"sources":["../../../../../../../../src/widgets/shared/documents/engines/markdownRenderer/plugins/markdownNode.interfaces.ts"],"sourcesContent":["// Minimal structural view of mdast/hast nodes; the plugins only need these fields, which keeps\n// them free of the unified type packages.\nexport type MarkdownNode = {\n  type: string;\n  value?: string;\n  tagName?: string;\n  properties?: Record<string, unknown>;\n  children?: MarkdownNode[];\n  data?: {\n    hName?: string;\n    hProperties?: Record<string, unknown> & { className?: string[] };\n    hChildren?: unknown[];\n  };\n};\n\n/* eslint-disable-next-line no-unused-vars */\nexport type MarkdownTransformer = (tree: MarkdownNode) => void;\n"],"mappings":"","ignoreList":[]}

package/dist/esm/widgets/shared/documents/engines/markdownRenderer/plugins/rehypeTableCleanup.js

@@ -0,0 +1,64 @@
+import { hasMeaningfulTableText } from './tableHelpers';
+const SHORT_TABLE_CELL_MAX_LENGTH = 20;
+const inlineTags = new Set(['strong', 'em', 'b', 'i', 'u', 'del', 's', 'code', 'a', 'span']);
+const mediaTags = ['img', 'svg', 'video', 'audio', 'canvas'];
+const getInlineText = node => {
+  if (node.type === 'text') {
+    return node.value ?? '';
+  }
+  if (node.type !== 'element' || !inlineTags.has(node.tagName ?? '')) {
+    return undefined;
+  }
+  const parts = node.children?.map(getInlineText) ?? [];
+  return parts.some(part => part === undefined) ? undefined : parts.join('');
+};
+const getClassNames = className => {
+  if (Array.isArray(className)) {
+    return className;
+  }
+  return typeof className === 'string' ? className.split(/\s+/) : [];
+};
+
+// Short cells (labels, codes, dates) are kept on one line rather than wrapping awkwardly.
+const markShortCell = cell => {
+  const parts = cell.children?.map(getInlineText) ?? [];
+  if (parts.some(part => part === undefined)) {
+    return;
+  }
+  const text = parts.join('').replace(/\s+/g, ' ').trim();
+  if (!text || text.length > SHORT_TABLE_CELL_MAX_LENGTH) {
+    return;
+  }
+  const className = [...new Set([...getClassNames(cell.properties?.className), 'shortTableCell'])];
+  cell.properties = {
+    ...cell.properties,
+    className
+  };
+};
+const hasContent = node => node.type === 'text' && hasMeaningfulTableText(node.value ?? '') || node.type === 'element' && mediaTags.includes(node.tagName ?? '') || Boolean(node.children?.some(hasContent));
+const isCell = node => node.tagName === 'td' || node.tagName === 'th';
+const getCells = node => isCell(node) ? [node] : node.children?.flatMap(getCells) ?? [];
+
+// Removes tables and table headers that converters emit with no visible content.
+export const rehypeTableCleanup = () => {
+  const transform = parent => {
+    if (isCell(parent)) {
+      markShortCell(parent);
+    }
+    if (!parent.children) {
+      return;
+    }
+    parent.children = parent.children.filter(node => {
+      if (node.tagName === 'table' && !getCells(node).some(hasContent)) {
+        return false;
+      }
+      if (parent.tagName === 'table' && node.tagName === 'thead' && !getCells(node).some(hasContent)) {
+        return false;
+      }
+      transform(node);
+      return true;
+    });
+  };
+  return transform;
+};
+//# sourceMappingURL=rehypeTableCleanup.js.map

package/dist/esm/widgets/shared/documents/engines/markdownRenderer/plugins/rehypeTableCleanup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rehypeTableCleanup.js","names":["hasMeaningfulTableText","SHORT_TABLE_CELL_MAX_LENGTH","inlineTags","Set","mediaTags","getInlineText","node","type","value","has","tagName","undefined","parts","children","map","some","part","join","getClassNames","className","Array","isArray","split","markShortCell","cell","text","replace","trim","length","properties","hasContent","includes","Boolean","isCell","getCells","flatMap","rehypeTableCleanup","transform","parent","filter"],"sources":["../../../../../../../../src/widgets/shared/documents/engines/markdownRenderer/plugins/rehypeTableCleanup.ts"],"sourcesContent":["import { hasMeaningfulTableText } from './tableHelpers';\nimport { MarkdownNode, MarkdownTransformer } from './markdownNode.interfaces';\n\nconst SHORT_TABLE_CELL_MAX_LENGTH = 20;\nconst inlineTags = new Set(['strong', 'em', 'b', 'i', 'u', 'del', 's', 'code', 'a', 'span']);\nconst mediaTags = ['img', 'svg', 'video', 'audio', 'canvas'];\n\nconst getInlineText = (node: MarkdownNode): string | undefined => {\n  if (node.type === 'text') {\n    return node.value ?? '';\n  }\n  if (node.type !== 'element' || !inlineTags.has(node.tagName ?? '')) {\n    return undefined;\n  }\n  const parts = node.children?.map(getInlineText) ?? [];\n  return parts.some((part) => part === undefined) ? undefined : parts.join('');\n};\n\nconst getClassNames = (className: unknown): string[] => {\n  if (Array.isArray(className)) {\n    return className as string[];\n  }\n  return typeof className === 'string' ? className.split(/\\s+/) : [];\n};\n\n// Short cells (labels, codes, dates) are kept on one line rather than wrapping awkwardly.\nconst markShortCell = (cell: MarkdownNode): void => {\n  const parts = cell.children?.map(getInlineText) ?? [];\n  if (parts.some((part) => part === undefined)) {\n    return;\n  }\n  const text = parts.join('').replace(/\\s+/g, ' ').trim();\n  if (!text || text.length > SHORT_TABLE_CELL_MAX_LENGTH) {\n    return;\n  }\n  const className = [...new Set([...getClassNames(cell.properties?.className), 'shortTableCell'])];\n  cell.properties = { ...cell.properties, className };\n};\n\nconst hasContent = (node: MarkdownNode): boolean =>\n  (node.type === 'text' && hasMeaningfulTableText(node.value ?? ''))\n  || (node.type === 'element' && mediaTags.includes(node.tagName ?? ''))\n  || Boolean(node.children?.some(hasContent));\n\nconst isCell = (node: MarkdownNode): boolean => node.tagName === 'td' || node.tagName === 'th';\n\nconst getCells = (node: MarkdownNode): MarkdownNode[] => (isCell(node) ? [node] : node.children?.flatMap(getCells) ?? []);\n\n// Removes tables and table headers that converters emit with no visible content.\nexport const rehypeTableCleanup = (): MarkdownTransformer => {\n  const transform = (parent: MarkdownNode): void => {\n    if (isCell(parent)) {\n      markShortCell(parent);\n    }\n    if (!parent.children) {\n      return;\n    }\n    parent.children = parent.children.filter((node) => {\n      if (node.tagName === 'table' && !getCells(node).some(hasContent)) {\n        return false;\n      }\n      if (parent.tagName === 'table' && node.tagName === 'thead' && !getCells(node).some(hasContent)) {\n        return false;\n      }\n      transform(node);\n      return true;\n    });\n  };\n  return transform;\n};\n"],"mappings":"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","ignoreList":[]}