@x15ventures/x15-ui-library 3.19.0 → 3.20.0

package/dist/esm/widgets/shared/documents/engines/documentDiff/buildDocumentDiff.js

@@ -0,0 +1,102 @@
+import { diffArrays, diffLines, diffWordsWithSpace } from 'diff';
+import remarkGfm from 'remark-gfm';
+import remarkParse from 'remark-parse';
+import remarkStringify from 'remark-stringify';
+import { unified } from 'unified';
+const markdownParser = unified().use(remarkParse).use(remarkGfm).use(remarkStringify);
+const getNodeMarkdown = (markdown, node) => {
+  const start = node.position?.start.offset;
+  const end = node.position?.end.offset;
+  if (start === undefined || end === undefined) {
+    throw new Error('Parsed markdown node has no source offsets.');
+  }
+  return markdown.slice(start, end);
+};
+export const getMarkdownDefinitions = markdown => {
+  const tree = markdownParser.parse(markdown);
+  const definitions = [];
+  const visit = node => {
+    if (node.type === 'definition' || node.type === 'footnoteDefinition') {
+      definitions.push(node);
+    } else if ('children' in node) {
+      node.children.forEach(visit);
+    }
+  };
+  visit(tree);
+  // Serialising nodes removes container markers from definitions nested in quotes or lists.
+  return markdownParser.stringify({
+    ...tree,
+    children: definitions
+  });
+};
+
+/*
+  Splits markdown into parsed top-level blocks, keeping fenced code, lists and definitions intact.
+  Diffing whole blocks means each side renders as valid markdown, so tables, lists and code are
+  never cut part-way through by a change boundary.
+ */
+export const splitMarkdownBlocks = markdown => {
+  const normalised = markdown.replace(/\r\n?/g, '\n');
+  return markdownParser.parse(normalised).children.map(node => getNodeMarkdown(normalised, node));
+};
+const getChange = part => {
+  if (part.added) {
+    return 'added';
+  }
+  return part.removed ? 'removed' : 'unchanged';
+};
+export const buildBlockDiff = (baseline, revised) => diffArrays(splitMarkdownBlocks(baseline), splitMarkdownBlocks(revised)).flatMap(part => {
+  const change = getChange(part);
+  return part.value.map(markdown => ({
+    change,
+    markdown
+  }));
+});
+const toLines = value => value.replace(/\n$/, '').split('\n');
+const wordSegments = (before, after, side) => diffWordsWithSpace(before, after).filter(part => side === 'removed' ? !part.added : !part.removed).map(part => ({
+  change: part.added || part.removed ? side : 'unchanged',
+  text: part.value
+}));
+export const buildLineDiff = (baseline, revised) => {
+  const parts = diffLines(baseline, revised);
+  const lines = [];
+  parts.forEach((part, index) => {
+    const previous = parts[index - 1];
+    const next = parts[index + 1];
+    if (part.added && previous?.removed) {
+      // Already emitted together with the removal it replaces.
+      return;
+    }
+    if (part.removed && next?.added) {
+      const removedLines = toLines(part.value);
+      const addedLines = toLines(next.value);
+      removedLines.forEach((line, lineIndex) => {
+        lines.push({
+          change: 'removed',
+          segments: wordSegments(line, addedLines[lineIndex] ?? '', 'removed')
+        });
+      });
+      addedLines.forEach((line, lineIndex) => {
+        lines.push({
+          change: 'added',
+          segments: wordSegments(removedLines[lineIndex] ?? '', line, 'added')
+        });
+      });
+      return;
+    }
+    const change = getChange(part);
+    toLines(part.value).forEach(line => lines.push({
+      change,
+      segments: [{
+        change,
+        text: line
+      }]
+    }));
+  });
+  return lines;
+};
+export const summariseDiff = items => ({
+  added: items.filter(item => item.change === 'added').length,
+  removed: items.filter(item => item.change === 'removed').length
+});
+//# sourceMappingURL=buildDocumentDiff.js.map

package/dist/esm/widgets/shared/documents/engines/documentDiff/buildDocumentDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildDocumentDiff.js","names":["diffArrays","diffLines","diffWordsWithSpace","remarkGfm","remarkParse","remarkStringify","unified","markdownParser","use","getNodeMarkdown","markdown","node","start","position","offset","end","undefined","Error","slice","getMarkdownDefinitions","tree","parse","definitions","visit","type","push","children","forEach","stringify","splitMarkdownBlocks","normalised","replace","map","getChange","part","added","removed","buildBlockDiff","baseline","revised","flatMap","change","value","toLines","split","wordSegments","before","after","side","filter","text","buildLineDiff","parts","lines","index","previous","next","removedLines","addedLines","line","lineIndex","segments","summariseDiff","items","item","length"],"sources":["../../../../../../../src/widgets/shared/documents/engines/documentDiff/buildDocumentDiff.ts"],"sourcesContent":["import { diffArrays, diffLines, diffWordsWithSpace } from 'diff';\nimport remarkGfm from 'remark-gfm';\nimport remarkParse from 'remark-parse';\nimport remarkStringify from 'remark-stringify';\nimport { unified } from 'unified';\n\nexport type DocumentDiffChange = 'added' | 'removed' | 'unchanged';\n\nexport type DocumentDiffBlock = {\n  change: DocumentDiffChange;\n  markdown: string;\n};\n\nexport type DocumentDiffSegment = {\n  change: DocumentDiffChange;\n  text: string;\n};\n\nexport type DocumentDiffLine = {\n  change: DocumentDiffChange;\n  // Word-level segments; a changed line paired with its replacement highlights only what differs.\n  segments: DocumentDiffSegment[];\n};\n\nexport type DocumentDiffSummary = {\n  added: number;\n  removed: number;\n};\n\nconst markdownParser = unified().use(remarkParse).use(remarkGfm).use(remarkStringify);\ntype ParsedMarkdownNode = ReturnType<typeof markdownParser.parse> | ReturnType<typeof markdownParser.parse>['children'][number];\n\nconst getNodeMarkdown = (markdown: string, node: ParsedMarkdownNode): string => {\n  const start = node.position?.start.offset;\n  const end = node.position?.end.offset;\n  if (start === undefined || end === undefined) {\n    throw new Error('Parsed markdown node has no source offsets.');\n  }\n  return markdown.slice(start, end);\n};\n\nexport const getMarkdownDefinitions = (markdown: string): string => {\n  const tree = markdownParser.parse(markdown);\n  const definitions: typeof tree.children = [];\n  const visit = (node: ParsedMarkdownNode) => {\n    if (node.type === 'definition' || node.type === 'footnoteDefinition') {\n      definitions.push(node);\n    } else if ('children' in node) {\n      node.children.forEach(visit);\n    }\n  };\n  visit(tree);\n  // Serialising nodes removes container markers from definitions nested in quotes or lists.\n  return markdownParser.stringify({ ...tree, children: definitions });\n};\n\n/*\n  Splits markdown into parsed top-level blocks, keeping fenced code, lists and definitions intact.\n  Diffing whole blocks means each side renders as valid markdown, so tables, lists and code are\n  never cut part-way through by a change boundary.\n */\nexport const splitMarkdownBlocks = (markdown: string): string[] => {\n  const normalised = markdown.replace(/\\r\\n?/g, '\\n');\n  return markdownParser.parse(normalised).children.map((node) => getNodeMarkdown(normalised, node));\n};\n\nconst getChange = (part: { added?: boolean; removed?: boolean }): DocumentDiffChange => {\n  if (part.added) {\n    return 'added';\n  }\n  return part.removed ? 'removed' : 'unchanged';\n};\n\nexport const buildBlockDiff = (baseline: string, revised: string): DocumentDiffBlock[] =>\n  diffArrays(splitMarkdownBlocks(baseline), splitMarkdownBlocks(revised)).flatMap((part) => {\n    const change = getChange(part);\n    return part.value.map((markdown) => ({ change, markdown }));\n  });\n\nconst toLines = (value: string): string[] => value.replace(/\\n$/, '').split('\\n');\n\nconst wordSegments = (before: string, after: string, side: 'removed' | 'added'): DocumentDiffSegment[] =>\n  diffWordsWithSpace(before, after)\n    .filter((part) => (side === 'removed' ? !part.added : !part.removed))\n    .map((part) => ({\n      change: part.added || part.removed ? side : 'unchanged',\n      text: part.value\n    }));\n\nexport const buildLineDiff = (baseline: string, revised: string): DocumentDiffLine[] => {\n  const parts = diffLines(baseline, revised);\n  const lines: DocumentDiffLine[] = [];\n\n  parts.forEach((part, index) => {\n    const previous = parts[index - 1];\n    const next = parts[index + 1];\n    if (part.added && previous?.removed) {\n      // Already emitted together with the removal it replaces.\n      return;\n    }\n    if (part.removed && next?.added) {\n      const removedLines = toLines(part.value);\n      const addedLines = toLines(next.value);\n      removedLines.forEach((line, lineIndex) => {\n        lines.push({ change: 'removed', segments: wordSegments(line, addedLines[lineIndex] ?? '', 'removed') });\n      });\n      addedLines.forEach((line, lineIndex) => {\n        lines.push({ change: 'added', segments: wordSegments(removedLines[lineIndex] ?? '', line, 'added') });\n      });\n      return;\n    }\n    const change = getChange(part);\n    toLines(part.value).forEach((line) => lines.push({ change, segments: [{ change, text: line }] }));\n  });\n\n  return lines;\n};\n\nexport const summariseDiff = (items: { change: DocumentDiffChange }[]): DocumentDiffSummary => ({\n  added: items.filter((item) => item.change === 'added').length,\n  removed: items.filter((item) => item.change === 'removed').length\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+.documentDiff {
+  padding: var(--documentDiffPadding, var(--documentPadding, 30px));
+}
+
+.documentDiff__summary {
+  margin: 0 0 10px;
+  color: var(--documentDiffSummaryColor, var(--documentMutedFgColor));
+}
+
+.documentDiff__block {
+  border-left: var(--documentDiffMarkerWidth, 5px) solid transparent;
+}
+
+.documentDiff__block--added {
+  background: var(--documentDiffAddedBg, var(--documentAddedBg));
+  color: var(--documentDiffAddedFgColor, var(--documentAddedFgColor, inherit));
+  border-left-color: var(--documentDiffAddedBorderColor, var(--documentAddedBorderColor));
+}
+
+.documentDiff__block--removed {
+  background: var(--documentDiffRemovedBg, var(--documentRemovedBg));
+  color: var(--documentDiffRemovedFgColor, var(--documentRemovedFgColor, inherit));
+  border-left-color: var(--documentDiffRemovedBorderColor, var(--documentRemovedBorderColor));
+  text-decoration: var(--documentDiffRemovedTextDecoration, line-through);
+}
+
+.documentDiff__markdown {
+  --markdownRendererPadding: 5px 15px;
+  --markdownRendererMaxWidth: none;
+}
+
+.documentDiff__source {
+  margin: 0;
+  font-family: var(--documentDiffSourceFont, monospace);
+  font-size: var(--documentDiffSourceFontSize, 0.8125rem);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.documentDiff__line {
+  display: block;
+  padding: 0 10px;
+  border-left: var(--documentDiffMarkerWidth, 5px) solid transparent;
+}
+
+.documentDiff__line--added {
+  border-left-color: var(--documentDiffAddedBorderColor, var(--documentAddedBorderColor));
+}
+
+.documentDiff__line--removed {
+  border-left-color: var(--documentDiffRemovedBorderColor, var(--documentRemovedBorderColor));
+}
+
+.documentDiff__word {
+  border-radius: 3px;
+}
+
+.documentDiff__word--added {
+  background: var(--documentDiffAddedBg, var(--documentAddedBg));
+  color: var(--documentDiffAddedFgColor, var(--documentAddedFgColor, inherit));
+  border-left-color: var(--documentDiffAddedBorderColor, var(--documentAddedBorderColor));
+}
+
+.documentDiff__word--removed {
+  background: var(--documentDiffRemovedBg, var(--documentRemovedBg));
+  color: var(--documentDiffRemovedFgColor, var(--documentRemovedFgColor, inherit));
+  border-left-color: var(--documentDiffRemovedBorderColor, var(--documentRemovedBorderColor));
+  text-decoration: var(--documentDiffRemovedTextDecoration, line-through);
+}

package/dist/esm/widgets/shared/documents/engines/documentDiff/documentDiff.interfaces.js

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

package/dist/esm/widgets/shared/documents/engines/documentDiff/documentDiff.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentDiff.interfaces.js","names":[],"sources":["../../../../../../../src/widgets/shared/documents/engines/documentDiff/documentDiff.interfaces.ts"],"sourcesContent":["import { ResolveResourceUrl } from '../../documents.interfaces';\n\nexport type DocumentDiffView = 'rendered' | 'source';\n\nexport type DocumentDiffLabels = {\n  added: string;\n  removed: string;\n  noChanges: string;\n  /* eslint-disable-next-line no-unused-vars */\n  summary: (added: number, removed: number) => string;\n};\n\nexport type DocumentDiffProps = {\n  baseline: string;\n  revised: string;\n  view?: DocumentDiffView;\n  headingOffset?: number;\n  resolveResourceUrl?: ResolveResourceUrl;\n  labels: DocumentDiffLabels;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/esm/widgets/shared/documents/engines/lazyEngines.js

@@ -0,0 +1,13 @@
+import { lazy } from 'react';
+
+/*
+  The document engines depend on large third-party packages (react-markdown, docx-preview,
+  MDXEditor, diff). Widgets import them only through these lazy wrappers so the packages are
+  downloaded the first time a widget actually needs them, never as part of the library entry point.
+  Render them inside <Suspense>.
+ */
+export const LazyMarkdownRenderer = /*#__PURE__*/lazy(() => import('./markdownRenderer/MarkdownRenderer'));
+export const LazyWordRenderer = /*#__PURE__*/lazy(() => import('./wordRenderer/WordRenderer'));
+export const LazyMarkdownEditorEngine = /*#__PURE__*/lazy(() => import('./markdownEditor/MarkdownEditorEngine'));
+export const LazyDocumentDiff = /*#__PURE__*/lazy(() => import('./documentDiff/DocumentDiff'));
+//# sourceMappingURL=lazyEngines.js.map

package/dist/esm/widgets/shared/documents/engines/lazyEngines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazyEngines.js","names":["lazy","LazyMarkdownRenderer","LazyWordRenderer","LazyMarkdownEditorEngine","LazyDocumentDiff"],"sources":["../../../../../../src/widgets/shared/documents/engines/lazyEngines.ts"],"sourcesContent":["import { lazy } from 'react';\n\n/*\n  The document engines depend on large third-party packages (react-markdown, docx-preview,\n  MDXEditor, diff). Widgets import them only through these lazy wrappers so the packages are\n  downloaded the first time a widget actually needs them, never as part of the library entry point.\n  Render them inside <Suspense>.\n */\nexport const LazyMarkdownRenderer = lazy(() => import('./markdownRenderer/MarkdownRenderer'));\nexport const LazyWordRenderer = lazy(() => import('./wordRenderer/WordRenderer'));\nexport const LazyMarkdownEditorEngine = lazy(() => import('./markdownEditor/MarkdownEditorEngine'));\nexport const LazyDocumentDiff = lazy(() => import('./documentDiff/DocumentDiff'));\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,gBAAGD,IAAI,CAAC,MAAM,MAAM,CAAC,qCAAqC,CAAC,CAAC;AAC7F,OAAO,MAAME,gBAAgB,gBAAGF,IAAI,CAAC,MAAM,MAAM,CAAC,6BAA6B,CAAC,CAAC;AACjF,OAAO,MAAMG,wBAAwB,gBAAGH,IAAI,CAAC,MAAM,MAAM,CAAC,uCAAuC,CAAC,CAAC;AACnG,OAAO,MAAMI,gBAAgB,gBAAGJ,IAAI,CAAC,MAAM,MAAM,CAAC,6BAA6B,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,191 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { BlockTypeSelect, BoldItalicUnderlineToggles, codeBlockPlugin, CreateLink, diffSourcePlugin, DiffSourceToggleWrapper, headingsPlugin, imagePlugin, InsertCodeBlock, InsertImage, InsertTable, InsertThematicBreak, linkDialogPlugin, linkPlugin, listsPlugin, ListsToggle, markdownShortcutPlugin, MDXEditor, quotePlugin, Separator, tablePlugin, thematicBreakPlugin, toolbarPlugin, UndoRedo, useCodeBlockEditorContext } from '@mdxeditor/editor';
+import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { AnnotationLayer } from '../../annotations/AnnotationLayer';
+import { desanitizeEditorOutput, sanitizeEditorInput } from './sanitizeForMdx';
+import { createSourceAnnotations } from './sourceAnnotations';
+import '@mdxeditor/editor/style.css';
+import './markdownEditorEngine.css';
+export const DEFAULT_TOOLBAR_ITEMS = ['undoRedo', 'blockType', 'formatting', 'lists', 'link', 'table', 'thematicBreak'];
+const DEFAULT_LIST_TYPES = ['bullet', 'number'];
+const ALLOWED_HTML = [{
+  tag: 'img',
+  attrs: ['src', 'alt', 'width', 'height']
+}, {
+  tag: 'br'
+}];
+// Consistent serialisation keeps saved documents stable and diffs free of formatting noise.
+const TO_MARKDOWN_OPTIONS = {
+  listItemIndent: 'one',
+  bullet: '-',
+  emphasis: '_',
+  strong: '*',
+  rule: '-'
+};
+
+// Code blocks are edited as plain text, avoiding a syntax-highlighting editor per language.
+const createPlainTextCodeEditor = readOnly => ({
+  match: () => true,
+  priority: 0,
+  Editor: ({
+    code
+  }) => {
+    const codeBlock = useCodeBlockEditorContext();
+    return (
+      /*#__PURE__*/
+      // Stops the surrounding rich-text editor handling key presses meant for the code block.
+      React.createElement("div", {
+        role: "none",
+        onKeyDown: event => event.nativeEvent.stopImmediatePropagation()
+      }, /*#__PURE__*/React.createElement("textarea", {
+        className: "markdownEditorEngine__codeBlock",
+        defaultValue: code,
+        readOnly: readOnly,
+        onChange: event => codeBlock.setCode(event.target.value)
+      }))
+    );
+  }
+});
+const renderToolbarItem = (item, listTypes) => {
+  switch (item) {
+    case 'undoRedo':
+      return /*#__PURE__*/React.createElement(UndoRedo, null);
+    case 'blockType':
+      return /*#__PURE__*/React.createElement(BlockTypeSelect, null);
+    case 'formatting':
+      return /*#__PURE__*/React.createElement(BoldItalicUnderlineToggles, null);
+    case 'lists':
+      return /*#__PURE__*/React.createElement(ListsToggle, {
+        options: listTypes
+      });
+    case 'link':
+      return /*#__PURE__*/React.createElement(CreateLink, null);
+    case 'image':
+      return /*#__PURE__*/React.createElement(InsertImage, null);
+    case 'table':
+      return /*#__PURE__*/React.createElement(InsertTable, null);
+    case 'thematicBreak':
+      return /*#__PURE__*/React.createElement(InsertThematicBreak, null);
+    case 'codeBlock':
+      return /*#__PURE__*/React.createElement(InsertCodeBlock, null);
+    default:
+      return null;
+  }
+};
+
+// Comments in the rich-text view are anchored to the editable content, not the toolbar or dialogs.
+const findRichTextRoot = content => content.querySelector('.markdownEditorEngine__content');
+
+/*
+  Rich-text markdown editing built on MDXEditor. Loaded lazily by the document widgets because
+  MDXEditor and its dependencies are large.
+ */
+export const MarkdownEditorEngine = ({
+  markdown,
+  onChange,
+  readOnly = false,
+  viewMode = 'rich-text',
+  viewModes = ['rich-text', 'source'],
+  diffMarkdown,
+  toolbarItems = DEFAULT_TOOLBAR_ITEMS,
+  listTypes = DEFAULT_LIST_TYPES,
+  imageUploadHandler,
+  imagePreviewHandler,
+  contentCssClass = '',
+  annotations,
+  annotationLayerId = 'markdownEditorAnnotations',
+  onParseError
+}) => {
+  const editorRef = useRef(null);
+  const [sourceSelection, setSourceSelection] = useState(null);
+
+  // The handlers read the latest props through a ref so the CodeMirror extension can stay stable.
+  const annotationsRef = useRef(annotations);
+  annotationsRef.current = annotations;
+  const [sourceAnnotations] = useState(() => createSourceAnnotations({
+    onSelectionChange: setSourceSelection,
+    onSelectComment: commentId => annotationsRef.current?.onSelectComment?.(commentId)
+  }));
+  const hasAnnotations = annotations !== undefined;
+  const codeMirrorExtensions = useMemo(() => hasAnnotations ? [sourceAnnotations.extension] : [], [hasAnnotations, sourceAnnotations]);
+  useEffect(() => {
+    if (annotations) {
+      sourceAnnotations.update({
+        comments: annotations.comments,
+        selectedCommentId: annotations.selectedCommentId,
+        showResolved: annotations.showResolved
+      });
+    }
+  }, [annotations, sourceAnnotations]);
+  const safeMarkdown = useMemo(() => sanitizeEditorInput(markdown, ALLOWED_HTML), [markdown]);
+  const safeDiffMarkdown = useMemo(() => sanitizeEditorInput(diffMarkdown ?? markdown, ALLOWED_HTML), [diffMarkdown, markdown]);
+
+  // MDXEditor only reads `markdown` on mount. Read-only content (e.g. streamed output) is pushed in
+  // imperatively; while editing, external updates are ignored so they never overwrite the user's input.
+  useEffect(() => {
+    if (readOnly) {
+      editorRef.current?.setMarkdown(safeMarkdown);
+    }
+  }, [readOnly, safeMarkdown]);
+  const plugins = useMemo(() => {
+    const showToolbar = !readOnly && (toolbarItems.length > 0 || viewModes.length > 1);
+    const items = toolbarItems.filter(item => item !== 'image' || imageUploadHandler);
+    return [headingsPlugin(), listsPlugin(), quotePlugin(), thematicBreakPlugin(), linkPlugin(), linkDialogPlugin(), tablePlugin(), imagePlugin({
+      imageUploadHandler: imageUploadHandler ?? null,
+      ...(imagePreviewHandler ? {
+        imagePreviewHandler
+      } : {})
+    }), codeBlockPlugin({
+      codeBlockEditorDescriptors: [createPlainTextCodeEditor(readOnly)]
+    }), markdownShortcutPlugin(), diffSourcePlugin({
+      diffMarkdown: safeDiffMarkdown,
+      viewMode,
+      readOnlyDiff: true,
+      codeMirrorExtensions
+    }), ...(showToolbar ? [toolbarPlugin({
+      toolbarContents: () => /*#__PURE__*/React.createElement(DiffSourceToggleWrapper, {
+        options: viewModes
+      }, items.map((item, index) => /*#__PURE__*/React.createElement(Fragment, {
+        key: item
+      }, index > 0 && /*#__PURE__*/React.createElement(Separator, null), renderToolbarItem(item, listTypes))))
+    })] : [])];
+  }, [readOnly, toolbarItems, viewModes, imageUploadHandler, imagePreviewHandler, safeDiffMarkdown, viewMode, listTypes, codeMirrorExtensions]);
+  const handleChange = useCallback((nextMarkdown, initialMarkdownNormalize) => {
+    // The first change event is MDXEditor normalising the input, not a user edit.
+    if (!readOnly && !initialMarkdownNormalize) {
+      onChange?.(desanitizeEditorOutput(nextMarkdown));
+    }
+  }, [readOnly, onChange]);
+  const handleError = useCallback(({
+    error
+  }) => {
+    // Deferred because MDXEditor can report errors while building its initial state, and updating
+    // another component's state during render triggers a React warning.
+    queueMicrotask(() => onParseError?.(error));
+  }, [onParseError]);
+  const editor = /*#__PURE__*/React.createElement(MDXEditor, {
+    ref: editorRef
+    // Plugins cannot change after mount, so remount when the mode or editability changes.
+    ,
+    key: `${viewMode}_${readOnly}`,
+    className: "markdownEditorEngine",
+    contentEditableClassName: `markdownEditorEngine__content ${contentCssClass}`.trim(),
+    markdown: safeMarkdown,
+    readOnly: readOnly,
+    plugins: plugins,
+    onChange: handleChange,
+    onError: handleError,
+    toMarkdownOptions: TO_MARKDOWN_OPTIONS
+  });
+  if (!annotations) {
+    return editor;
+  }
+  return /*#__PURE__*/React.createElement(AnnotationLayer, _extends({}, annotations, {
+    id: annotationLayerId,
+    getTextRoot: findRichTextRoot,
+    externalSelection: sourceSelection,
+    onExternalSelectionConsumed: () => setSourceSelection(null)
+  }), editor);
+};
+export default MarkdownEditorEngine;
+//# sourceMappingURL=MarkdownEditorEngine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditorEngine.js","names":["BlockTypeSelect","BoldItalicUnderlineToggles","codeBlockPlugin","CreateLink","diffSourcePlugin","DiffSourceToggleWrapper","headingsPlugin","imagePlugin","InsertCodeBlock","InsertImage","InsertTable","InsertThematicBreak","linkDialogPlugin","linkPlugin","listsPlugin","ListsToggle","markdownShortcutPlugin","MDXEditor","quotePlugin","Separator","tablePlugin","thematicBreakPlugin","toolbarPlugin","UndoRedo","useCodeBlockEditorContext","React","Fragment","useCallback","useEffect","useMemo","useRef","useState","AnnotationLayer","desanitizeEditorOutput","sanitizeEditorInput","createSourceAnnotations","DEFAULT_TOOLBAR_ITEMS","DEFAULT_LIST_TYPES","ALLOWED_HTML","tag","attrs","TO_MARKDOWN_OPTIONS","listItemIndent","bullet","emphasis","strong","rule","createPlainTextCodeEditor","readOnly","match","priority","Editor","code","codeBlock","createElement","role","onKeyDown","event","nativeEvent","stopImmediatePropagation","className","defaultValue","onChange","setCode","target","value","renderToolbarItem","item","listTypes","options","findRichTextRoot","content","querySelector","MarkdownEditorEngine","markdown","viewMode","viewModes","diffMarkdown","toolbarItems","imageUploadHandler","imagePreviewHandler","contentCssClass","annotations","annotationLayerId","onParseError","editorRef","sourceSelection","setSourceSelection","annotationsRef","current","sourceAnnotations","onSelectionChange","onSelectComment","commentId","hasAnnotations","undefined","codeMirrorExtensions","extension","update","comments","selectedCommentId","showResolved","safeMarkdown","safeDiffMarkdown","setMarkdown","plugins","showToolbar","length","items","filter","codeBlockEditorDescriptors","readOnlyDiff","toolbarContents","map","index","key","handleChange","nextMarkdown","initialMarkdownNormalize","handleError","error","queueMicrotask","editor","ref","contentEditableClassName","trim","onError","toMarkdownOptions","_extends","id","getTextRoot","externalSelection","onExternalSelectionConsumed"],"sources":["../../../../../../../src/widgets/shared/documents/engines/markdownEditor/MarkdownEditorEngine.tsx"],"sourcesContent":["import {\n  BlockTypeSelect,\n  BoldItalicUnderlineToggles,\n  codeBlockPlugin,\n  CodeBlockEditorDescriptor,\n  CreateLink,\n  diffSourcePlugin,\n  DiffSourceToggleWrapper,\n  headingsPlugin,\n  imagePlugin,\n  InsertCodeBlock,\n  InsertImage,\n  InsertTable,\n  InsertThematicBreak,\n  linkDialogPlugin,\n  linkPlugin,\n  listsPlugin,\n  ListsToggle,\n  markdownShortcutPlugin,\n  MDXEditor,\n  MDXEditorMethods,\n  quotePlugin,\n  RealmPlugin,\n  Separator,\n  tablePlugin,\n  thematicBreakPlugin,\n  toolbarPlugin,\n  UndoRedo,\n  useCodeBlockEditorContext\n} from '@mdxeditor/editor';\nimport React, { FC, Fragment, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { AnnotationLayer } from '../../annotations/AnnotationLayer';\nimport {\n  MarkdownEditorEngineProps,\n  MarkdownEditorListType,\n  MarkdownEditorToolbarItem\n} from './markdownEditorEngine.interfaces';\nimport { AllowedHtmlEntry, desanitizeEditorOutput, sanitizeEditorInput } from './sanitizeForMdx';\nimport { createSourceAnnotations, SourceSelection } from './sourceAnnotations';\n\nimport '@mdxeditor/editor/style.css';\nimport './markdownEditorEngine.scss';\n\nexport const DEFAULT_TOOLBAR_ITEMS: MarkdownEditorToolbarItem[] = [\n  'undoRedo', 'blockType', 'formatting', 'lists', 'link', 'table', 'thematicBreak'\n];\nconst DEFAULT_LIST_TYPES: MarkdownEditorListType[] = ['bullet', 'number'];\nconst ALLOWED_HTML: AllowedHtmlEntry[] = [\n  { tag: 'img', attrs: ['src', 'alt', 'width', 'height'] },\n  { tag: 'br' }\n];\n// Consistent serialisation keeps saved documents stable and diffs free of formatting noise.\nconst TO_MARKDOWN_OPTIONS = { listItemIndent: 'one', bullet: '-', emphasis: '_', strong: '*', rule: '-' } as const;\n\n// Code blocks are edited as plain text, avoiding a syntax-highlighting editor per language.\nconst createPlainTextCodeEditor = (readOnly: boolean): CodeBlockEditorDescriptor => ({\n  match: () => true,\n  priority: 0,\n  Editor: ({ code }) => {\n    const codeBlock = useCodeBlockEditorContext();\n    return (\n      // Stops the surrounding rich-text editor handling key presses meant for the code block.\n      <div role=\"none\" onKeyDown={ (event) => event.nativeEvent.stopImmediatePropagation() }>\n        <textarea\n          className=\"markdownEditorEngine__codeBlock\"\n          defaultValue={ code }\n          readOnly={ readOnly }\n          onChange={ (event) => codeBlock.setCode(event.target.value) }\n        />\n      </div>\n    );\n  }\n});\n\nconst renderToolbarItem = (item: MarkdownEditorToolbarItem, listTypes: MarkdownEditorListType[]): ReactNode => {\n  switch (item) {\n  case 'undoRedo':\n    return <UndoRedo />;\n  case 'blockType':\n    return <BlockTypeSelect />;\n  case 'formatting':\n    return <BoldItalicUnderlineToggles />;\n  case 'lists':\n    return <ListsToggle options={ listTypes } />;\n  case 'link':\n    return <CreateLink />;\n  case 'image':\n    return <InsertImage />;\n  case 'table':\n    return <InsertTable />;\n  case 'thematicBreak':\n    return <InsertThematicBreak />;\n  case 'codeBlock':\n    return <InsertCodeBlock />;\n  default:\n    return null;\n  }\n};\n\n// Comments in the rich-text view are anchored to the editable content, not the toolbar or dialogs.\nconst findRichTextRoot = (content: HTMLElement): HTMLElement | null => content.querySelector('.markdownEditorEngine__content');\n\n/*\n  Rich-text markdown editing built on MDXEditor. Loaded lazily by the document widgets because\n  MDXEditor and its dependencies are large.\n */\nexport const MarkdownEditorEngine: FC<MarkdownEditorEngineProps> = (\n  {\n    markdown,\n    onChange,\n    readOnly = false,\n    viewMode = 'rich-text',\n    viewModes = ['rich-text', 'source'],\n    diffMarkdown,\n    toolbarItems = DEFAULT_TOOLBAR_ITEMS,\n    listTypes = DEFAULT_LIST_TYPES,\n    imageUploadHandler,\n    imagePreviewHandler,\n    contentCssClass = '',\n    annotations,\n    annotationLayerId = 'markdownEditorAnnotations',\n    onParseError\n  }\n) => {\n  const editorRef = useRef<MDXEditorMethods>(null);\n  const [sourceSelection, setSourceSelection] = useState<SourceSelection>(null);\n\n  // The handlers read the latest props through a ref so the CodeMirror extension can stay stable.\n  const annotationsRef = useRef(annotations);\n  annotationsRef.current = annotations;\n  const [sourceAnnotations] = useState(() => createSourceAnnotations({\n    onSelectionChange: setSourceSelection,\n    onSelectComment: (commentId) => annotationsRef.current?.onSelectComment?.(commentId)\n  }));\n  const hasAnnotations = annotations !== undefined;\n  const codeMirrorExtensions = useMemo(() => (hasAnnotations ? [sourceAnnotations.extension] : []), [hasAnnotations, sourceAnnotations]);\n\n  useEffect(() => {\n    if (annotations) {\n      sourceAnnotations.update({\n        comments: annotations.comments,\n        selectedCommentId: annotations.selectedCommentId,\n        showResolved: annotations.showResolved\n      });\n    }\n  }, [annotations, sourceAnnotations]);\n  const safeMarkdown = useMemo(() => sanitizeEditorInput(markdown, ALLOWED_HTML), [markdown]);\n  const safeDiffMarkdown = useMemo(() => sanitizeEditorInput(diffMarkdown ?? markdown, ALLOWED_HTML), [diffMarkdown, markdown]);\n\n  // MDXEditor only reads `markdown` on mount. Read-only content (e.g. streamed output) is pushed in\n  // imperatively; while editing, external updates are ignored so they never overwrite the user's input.\n  useEffect(() => {\n    if (readOnly) {\n      editorRef.current?.setMarkdown(safeMarkdown);\n    }\n  }, [readOnly, safeMarkdown]);\n\n  const plugins = useMemo((): RealmPlugin[] => {\n    const showToolbar = !readOnly && (toolbarItems.length > 0 || viewModes.length > 1);\n    const items = toolbarItems.filter((item) => item !== 'image' || imageUploadHandler);\n    return [\n      headingsPlugin(),\n      listsPlugin(),\n      quotePlugin(),\n      thematicBreakPlugin(),\n      linkPlugin(),\n      linkDialogPlugin(),\n      tablePlugin(),\n      imagePlugin({\n        imageUploadHandler: imageUploadHandler ?? null,\n        ...(imagePreviewHandler ? { imagePreviewHandler } : {})\n      }),\n      codeBlockPlugin({ codeBlockEditorDescriptors: [createPlainTextCodeEditor(readOnly)] }),\n      markdownShortcutPlugin(),\n      diffSourcePlugin({ diffMarkdown: safeDiffMarkdown, viewMode, readOnlyDiff: true, codeMirrorExtensions }),\n      ...(showToolbar ? [toolbarPlugin({\n        toolbarContents: () => (\n          <DiffSourceToggleWrapper options={ viewModes }>\n            { items.map((item, index) => (\n              <Fragment key={ item }>\n                { index > 0 && <Separator /> }\n                { renderToolbarItem(item, listTypes) }\n              </Fragment>\n            )) }\n          </DiffSourceToggleWrapper>\n        )\n      })] : [])\n    ];\n  }, [readOnly, toolbarItems, viewModes, imageUploadHandler, imagePreviewHandler, safeDiffMarkdown, viewMode, listTypes, codeMirrorExtensions]);\n\n  const handleChange = useCallback((nextMarkdown: string, initialMarkdownNormalize: boolean) => {\n    // The first change event is MDXEditor normalising the input, not a user edit.\n    if (!readOnly && !initialMarkdownNormalize) {\n      onChange?.(desanitizeEditorOutput(nextMarkdown));\n    }\n  }, [readOnly, onChange]);\n\n  const handleError = useCallback(({ error }: { error: string }) => {\n    // Deferred because MDXEditor can report errors while building its initial state, and updating\n    // another component's state during render triggers a React warning.\n    queueMicrotask(() => onParseError?.(error));\n  }, [onParseError]);\n\n  const editor = (\n    <MDXEditor\n      ref={ editorRef }\n      // Plugins cannot change after mount, so remount when the mode or editability changes.\n      key={ `${ viewMode }_${ readOnly }` }\n      className=\"markdownEditorEngine\"\n      contentEditableClassName={ `markdownEditorEngine__content ${ contentCssClass }`.trim() }\n      markdown={ safeMarkdown }\n      readOnly={ readOnly }\n      plugins={ plugins }\n      onChange={ handleChange }\n      onError={ handleError }\n      toMarkdownOptions={ TO_MARKDOWN_OPTIONS }\n    />\n  );\n\n  if (!annotations) {\n    return editor;\n  }\n\n  return (\n    <AnnotationLayer\n      { ...annotations }\n      id={ annotationLayerId }\n      getTextRoot={ findRichTextRoot }\n      externalSelection={ sourceSelection }\n      onExternalSelectionConsumed={ () => setSourceSelection(null) }\n    >\n      { editor }\n    </AnnotationLayer>\n  );\n};\n\nexport default MarkdownEditorEngine;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/widgets/shared/documents/engines/markdownEditor/markdownEditorEngine.css

@@ -0,0 +1,50 @@
+.markdownEditorEngine {
+  --basePageBg: var(--markdownEditorEngineBg, var(--documentBg, #fff));
+  --baseBg: var(--markdownEditorEngineToolbarBg, var(--documentSubtleBg));
+  --baseTextContrast: var(--markdownEditorEngineFgColor, var(--documentFgColor, inherit));
+  --accentSolid: var(--markdownEditorEngineAccentColor, var(--primaryButtonBg, currentColor));
+  --font-body: var(--markdownEditorEngineFont, var(--documentFont));
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  font-family: var(--markdownEditorEngineFont, var(--documentFont));
+}
+.markdownEditorEngine [role=toolbar] {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  border-radius: 0;
+  background: var(--markdownEditorEngineToolbarBg, var(--documentSubtleBg));
+}
+
+.markdownEditorEngine__content {
+  min-height: var(--markdownEditorEngineContentMinHeight, 450px);
+  padding: var(--markdownEditorEngineContentPadding, 20px);
+  color: var(--markdownEditorEngineFgColor, var(--documentFgColor, inherit));
+  font-size: var(--markdownEditorEngineFontSize, 0.875rem);
+  line-height: var(--markdownEditorEngineLineHeight, 1.6);
+  overflow-wrap: anywhere;
+}
+.markdownEditorEngine__content table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.markdownEditorEngine__content th,
+.markdownEditorEngine__content td {
+  padding: var(--markdownEditorEngineCellPadding, 10px);
+  border: var(--markdownEditorEngineCellBorder, var(--documentBorder));
+  vertical-align: top;
+}
+
+.markdownEditorEngine__codeBlock {
+  width: 100%;
+  min-height: 100px;
+  padding: 10px;
+  border: 0;
+  border-radius: var(--documentBorderRadius, 5px);
+  background: var(--markdownEditorEngineCodeBlockBg, var(--documentSubtleBg));
+  font-family: var(--markdownEditorEngineCodeBlockFont, monospace);
+  font-size: 0.875em;
+  resize: vertical;
+}

package/dist/esm/widgets/shared/documents/engines/markdownEditor/markdownEditorEngine.interfaces.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdownEditorEngine.interfaces.js","names":[],"sources":["../../../../../../../src/widgets/shared/documents/engines/markdownEditor/markdownEditorEngine.interfaces.ts"],"sourcesContent":["import { DocumentAnnotationsProps } from '../../annotations/annotations.interfaces';\n\nexport type MarkdownEditorViewMode = 'rich-text' | 'source' | 'diff';\n\nexport type MarkdownEditorToolbarItem =\n  | 'undoRedo'\n  | 'blockType'\n  | 'formatting'\n  | 'lists'\n  | 'link'\n  | 'image'\n  | 'table'\n  | 'thematicBreak'\n  | 'codeBlock';\n\nexport type MarkdownEditorListType = 'bullet' | 'number' | 'check';\n\n/* eslint-disable-next-line no-unused-vars */\nexport type MarkdownEditorImageUploadHandler = (image: File) => Promise<string>;\n\n/* eslint-disable-next-line no-unused-vars */\nexport type MarkdownEditorImagePreviewHandler = (source: string) => Promise<string>;\n\nexport type MarkdownEditorEngineProps = {\n  markdown: string;\n  /* eslint-disable-next-line no-unused-vars */\n  onChange?: (markdown: string) => void;\n  readOnly?: boolean;\n  viewMode?: MarkdownEditorViewMode;\n  // Modes offered in the toolbar toggle; omit 'diff' when there is no baseline to compare with.\n  viewModes?: MarkdownEditorViewMode[];\n  diffMarkdown?: string;\n  toolbarItems?: MarkdownEditorToolbarItem[];\n  listTypes?: MarkdownEditorListType[];\n  imageUploadHandler?: MarkdownEditorImageUploadHandler;\n  imagePreviewHandler?: MarkdownEditorImagePreviewHandler;\n  contentCssClass?: string;\n  // Pinned comments, shown and created in both the rich-text and source views.\n  annotations?: DocumentAnnotationsProps;\n  // Element id for the annotation layer; required when `annotations` is set.\n  annotationLayerId?: string;\n  /* eslint-disable-next-line no-unused-vars */\n  onParseError?: (error: string) => void;\n};\n"],"mappings":"","ignoreList":[]}