jvetrau-ds 0.2.31 → 0.2.33

package/components/index.d.ts

@@ -50,7 +50,7 @@ export type { CardGroupProps } from './card-group/card-group';
 export { default as Breadcrumbs } from './breadcrumbs/breadcrumbs';
 export type { BreadcrumbsProps } from './breadcrumbs/breadcrumbs';
 export { default as Markdown } from './markdown/markdown';
-export type { MarkdownProps } from './markdown/markdown';
+export type { MarkdownEmbed, MarkdownProps, } from './markdown/markdown';
 export { default as Discussion } from './discussion/discussion';
 export type { DiscussionItem, DiscussionProps, } from './discussion/discussion';
 export { default as CourseOutline } from './course-outline/course-outline';

package/components/markdown/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './markdown';
-export type { MarkdownProps } from './markdown';
+export type { MarkdownEmbed, MarkdownProps, } from './markdown';

package/components/markdown/markdown.cjs

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var ReactMarkdown = require('react-markdown');
+var remarkDirective = require('remark-directive');
 var remarkGfm = require('remark-gfm');
 require('./markdown.css');
 var classnames = require('../helpers/classnames');
@@ -9,6 +10,7 @@ var classnames = require('../helpers/classnames');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var remarkDirective__default = /*#__PURE__*/_interopDefault(remarkDirective);
 var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
 
 function normalizeHeadingLevelOffset(value) {
@@ -35,6 +37,55 @@ function appendNodesWithSeparator(target, nodes) {
   }
   target.push(...nodes);
 }
+function getNodeText(node) {
+  if (typeof node.value === "string") {
+    return node.value;
+  }
+  return (node.children ?? []).map(getNodeText).join("");
+}
+function getEmbed(node) {
+  if (node.type !== "leafDirective" || node.name !== "embed") {
+    return null;
+  }
+  const src = node.attributes?.src ?? "";
+  const label = getNodeText(node);
+  if (!src.trim() || !label.trim()) {
+    return null;
+  }
+  return {
+    src,
+    label
+  };
+}
+function transformEmbedNodes(nodes) {
+  for (const node of nodes) {
+    if (node.type === "leafDirective" && node.name === "embed") {
+      const embed = getEmbed(node);
+      node.data = {
+        ...node.data,
+        hName: "div",
+        hProperties: embed ? {
+          "data-markdown-embed": "true",
+          "data-markdown-embed-src": embed.src,
+          "data-markdown-embed-label": embed.label
+        } : {
+          "data-markdown-embed": "invalid"
+        },
+        hChildren: []
+      };
+      continue;
+    }
+    if (node.children) {
+      transformEmbedNodes(node.children);
+    }
+  }
+}
+const remarkEmbed = () => {
+  return (tree) => {
+    const root = tree;
+    transformEmbedNodes(root.children);
+  };
+};
 function flattenInlineNode(node) {
   switch (node.type) {
     case "html":
@@ -82,6 +133,12 @@ function flattenBlockNode(node) {
           value: node.value
         }
       ] : [];
+    case "leafDirective": {
+      const embed = getEmbed(node);
+      return embed ? [
+        createTextNode(embed.label)
+      ] : [];
+    }
     case "html":
     case "definition":
     case "footnoteDefinition":
@@ -142,7 +199,7 @@ const MarkdownHeading = ({
       return /* @__PURE__ */ jsxRuntime.jsx("h6", { ...props, children });
   }
 };
-function createDocumentComponents(headingLevelOffset) {
+function createDocumentComponents(headingLevelOffset, renderEmbed) {
   return {
     h1: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsxRuntime.jsx(
       MarkdownHeading,
@@ -191,13 +248,35 @@ function createDocumentComponents(headingLevelOffset) {
         sourceLevel: 6,
         offset: headingLevelOffset
       }
-    )
+    ),
+    div: ({
+      node: _node,
+      ...divProps
+    }) => {
+      const {
+        "data-markdown-embed": embedMarker,
+        "data-markdown-embed-src": embedSrc,
+        "data-markdown-embed-label": embedLabel,
+        ...props
+      } = divProps;
+      if (embedMarker !== void 0) {
+        if (embedMarker !== "true" || !embedSrc || !embedLabel || !renderEmbed) {
+          return null;
+        }
+        return renderEmbed({
+          src: embedSrc,
+          label: embedLabel
+        });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props });
+    }
   };
 }
 const Markdown = ({
   content,
   excerpt = false,
   headingLevelOffset = 0,
+  renderEmbed,
   className = "",
   ...props
 }) => {
@@ -218,6 +297,7 @@ const Markdown = ({
           {
             remarkPlugins: [
               remarkGfm__default.default,
+              remarkDirective__default.default,
               remarkExcerpt
             ],
             children: content
@@ -228,7 +308,8 @@ const Markdown = ({
   }
   const normalizedHeadingLevelOffset = normalizeHeadingLevelOffset(headingLevelOffset);
   const documentComponents = createDocumentComponents(
-    normalizedHeadingLevelOffset
+    normalizedHeadingLevelOffset,
+    renderEmbed
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -238,7 +319,11 @@ const Markdown = ({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         ReactMarkdown__default.default,
         {
-          remarkPlugins: [remarkGfm__default.default],
+          remarkPlugins: [
+            remarkGfm__default.default,
+            remarkDirective__default.default,
+            remarkEmbed
+          ],
           components: documentComponents,
           children: content
         }

package/components/markdown/markdown.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":["jsx","classnames","ReactMarkdown","remarkGfm"],"mappings":"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","file":"markdown.cjs","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport type { Plugin } from 'unified';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  excerpt?: boolean;\n  headingLevelOffset?: number;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\ntype MarkdownNode = {\n  type: string;\n  value?: string;\n  alt?: string | null;\n  children?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownRoot = {\n  type: 'root';\n  children: MarkdownNode[];\n};\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nfunction createTextNode(value: string): MarkdownNode {\n  return {\n    type: 'text',\n    value,\n  };\n}\n\nfunction appendNodesWithSeparator(\n  target: MarkdownNode[],\n  nodes: MarkdownNode[],\n) {\n  if (nodes.length === 0) {\n    return;\n  }\n\n  if (target.length > 0) {\n    target.push(createTextNode(' '));\n  }\n\n  target.push(...nodes);\n}\n\nfunction flattenInlineNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'html':\n      return [];\n\n    case 'break':\n      return [\n        createTextNode(' '),\n      ];\n\n    case 'image':\n    case 'imageReference':\n      return node.alt\n        ? [\n            createTextNode(node.alt),\n          ]\n        : [];\n\n    default:\n      if (!node.children) {\n        return [\n          node,\n        ];\n      }\n\n      return [\n        {\n          ...node,\n          children: node.children.flatMap(\n            flattenInlineNode,\n          ),\n        },\n      ];\n  }\n}\n\nfunction flattenBlockNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'paragraph':\n    case 'heading':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'tableCell':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'code':\n      return node.value\n        ? [\n            {\n              type: 'inlineCode',\n              value: node.value,\n            },\n          ]\n        : [];\n\n    case 'html':\n    case 'definition':\n    case 'footnoteDefinition':\n    case 'thematicBreak':\n    case 'yaml':\n      return [];\n\n    case 'blockquote':\n    case 'list':\n    case 'listItem':\n    case 'table':\n    case 'tableRow':\n      return flattenBlockNodes(node.children ?? []);\n\n    default:\n      return node.children\n        ? flattenBlockNodes(node.children)\n        : [];\n  }\n}\n\nfunction flattenBlockNodes(\n  nodes: MarkdownNode[],\n): MarkdownNode[] {\n  const result: MarkdownNode[] = [];\n\n  for (const node of nodes) {\n    appendNodesWithSeparator(\n      result,\n      flattenBlockNode(node),\n    );\n  }\n\n  return result;\n}\n\nconst remarkExcerpt: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n    const children = flattenBlockNodes(root.children);\n\n    root.children = children.length > 0\n      ? [\n          {\n            type: 'paragraph',\n            children,\n          },\n        ]\n      : [];\n  };\n};\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nfunction createDocumentComponents(\n  headingLevelOffset: number,\n): Components {\n  return {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={headingLevelOffset}\n      />\n    ),\n  };\n}\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  excerpt = false,\n  headingLevelOffset = 0,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {\n    'markdown--excerpt': excerpt,\n  });\n\n  if (excerpt) {\n    return (\n      <div\n        className={classes}\n        {...props}\n      >\n        <ReactMarkdown\n          remarkPlugins={[\n            remarkGfm,\n            remarkExcerpt,\n          ]}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const documentComponents = createDocumentComponents(\n    normalizedHeadingLevelOffset,\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={documentComponents}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}
+{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":["jsx","classnames","ReactMarkdown","remarkGfm","remarkDirective"],"mappings":";;;;;;;;;;;;;;;AAkEA,SAAS,4BAA4B,KAAA,EAA2B;AAC9D,EAAA,IAAI,UAAU,MAAA,IAAa,CAAC,MAAA,CAAO,QAAA,CAAS,KAAK,CAAA,EAAG;AAClD,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,OAAO,KAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAK,CAAC,CAAA;AACtC;AAEA,SAAS,eAAA,CACP,aACA,MAAA,EACA;AACA,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,WAAA,GAAc,MAAM,CAAA;AACzC;AAEA,SAAS,eAAe,KAAA,EAA6B;AACnD,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN;AAAA,GACF;AACF;AAEA,SAAS,wBAAA,CACP,QACA,KAAA,EACA;AACA,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA;AAAA,EACF;AAEA,EAAA,IAAI,MAAA,CAAO,SAAS,CAAA,EAAG;AACrB,IAAA,MAAA,CAAO,IAAA,CAAK,cAAA,CAAe,GAAG,CAAC,CAAA;AAAA,EACjC;AAEA,EAAA,MAAA,CAAO,IAAA,CAAK,GAAG,KAAK,CAAA;AACtB;AAEA,SAAS,YAAY,IAAA,EAA4B;AAC/C,EAAA,IAAI,OAAO,IAAA,CAAK,KAAA,KAAU,QAAA,EAAU;AAClC,IAAA,OAAO,IAAA,CAAK,KAAA;AAAA,EACd;AAEA,EAAA,OAAA,CAAQ,IAAA,CAAK,YAAY,EAAC,EACvB,IAAI,WAAW,CAAA,CACf,KAAK,EAAE,CAAA;AACZ;AAEA,SAAS,SACP,IAAA,EACsB;AACtB,EAAA,IACE,IAAA,CAAK,IAAA,KAAS,eAAA,IACd,IAAA,CAAK,SAAS,OAAA,EACd;AACA,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,UAAA,EAAY,GAAA,IAAO,EAAA;AACpC,EAAA,MAAM,KAAA,GAAQ,YAAY,IAAI,CAAA;AAE9B,EAAA,IAAI,CAAC,GAAA,CAAI,IAAA,MAAU,CAAC,KAAA,CAAM,MAAK,EAAG;AAChC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAO;AAAA,IACL,GAAA;AAAA,IACA;AAAA,GACF;AACF;AAEA,SAAS,oBACP,KAAA,EACA;AACA,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,IACE,IAAA,CAAK,IAAA,KAAS,eAAA,IACd,IAAA,CAAK,SAAS,OAAA,EACd;AACA,MAAA,MAAM,KAAA,GAAQ,SAAS,IAAI,CAAA;AAE3B,MAAA,IAAA,CAAK,IAAA,GAAO;AAAA,QACV,GAAG,IAAA,CAAK,IAAA;AAAA,QACR,KAAA,EAAO,KAAA;AAAA,QACP,aAAa,KAAA,GACT;AAAA,UACE,qBAAA,EAAuB,MAAA;AAAA,UACvB,2BACE,KAAA,CAAM,GAAA;AAAA,UACR,6BACE,KAAA,CAAM;AAAA,SACV,GACA;AAAA,UACE,qBAAA,EACE;AAAA,SACJ;AAAA,QACJ,WAAW;AAAC,OACd;AAEA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,KAAK,QAAA,EAAU;AACjB,MAAA,mBAAA,CAAoB,KAAK,QAAQ,CAAA;AAAA,IACnC;AAAA,EACF;AACF;AAEA,MAAM,cAAsB,MAAM;AAChC,EAAA,OAAO,CAAC,IAAA,KAAS;AACf,IAAA,MAAM,IAAA,GAAO,IAAA;AAEb,IAAA,mBAAA,CAAoB,KAAK,QAAQ,CAAA;AAAA,EACnC,CAAA;AACF,CAAA;AAEA,SAAS,kBACP,IAAA,EACgB;AAChB,EAAA,QAAQ,KAAK,IAAA;AAAM,IACjB,KAAK,MAAA;AACH,MAAA,OAAO,EAAC;AAAA,IAEV,KAAK,OAAA;AACH,MAAA,OAAO;AAAA,QACL,eAAe,GAAG;AAAA,OACpB;AAAA,IAEF,KAAK,OAAA;AAAA,IACL,KAAK,gBAAA;AACH,MAAA,OAAO,KAAK,GAAA,GACR;AAAA,QACE,cAAA,CAAe,KAAK,GAAG;AAAA,UAEzB,EAAC;AAAA,IAEP;AACE,MAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAClB,QAAA,OAAO;AAAA,UACL;AAAA,SACF;AAAA,MACF;AAEA,MAAA,OAAO;AAAA,QACL;AAAA,UACE,GAAG,IAAA;AAAA,UACH,QAAA,EAAU,KAAK,QAAA,CAAS,OAAA;AAAA,YACtB;AAAA;AACF;AACF,OACF;AAAA;AAEN;AAEA,SAAS,iBACP,IAAA,EACgB;AAChB,EAAA,QAAQ,KAAK,IAAA;AAAM,IACjB,KAAK,WAAA;AAAA,IACL,KAAK,SAAA;AACH,MAAA,OAAA,CAAQ,IAAA,CAAK,QAAA,IAAY,EAAC,EAAG,OAAA;AAAA,QAC3B;AAAA,OACF;AAAA,IAEF,KAAK,WAAA;AACH,MAAA,OAAA,CAAQ,IAAA,CAAK,QAAA,IAAY,EAAC,EAAG,OAAA;AAAA,QAC3B;AAAA,OACF;AAAA,IAEF,KAAK,MAAA;AACH,MAAA,OAAO,KAAK,KAAA,GACR;AAAA,QACE;AAAA,UACE,IAAA,EAAM,YAAA;AAAA,UACN,OAAO,IAAA,CAAK;AAAA;AACd,UAEF,EAAC;AAAA,IAEP,KAAK,eAAA,EAAiB;AACpB,MAAA,MAAM,KAAA,GAAQ,SAAS,IAAI,CAAA;AAE3B,MAAA,OAAO,KAAA,GACH;AAAA,QACE,cAAA,CAAe,MAAM,KAAK;AAAA,UAE5B,EAAC;AAAA,IACP;AAAA,IAEA,KAAK,MAAA;AAAA,IACL,KAAK,YAAA;AAAA,IACL,KAAK,oBAAA;AAAA,IACL,KAAK,eAAA;AAAA,IACL,KAAK,MAAA;AACH,MAAA,OAAO,EAAC;AAAA,IAEV,KAAK,YAAA;AAAA,IACL,KAAK,MAAA;AAAA,IACL,KAAK,UAAA;AAAA,IACL,KAAK,OAAA;AAAA,IACL,KAAK,UAAA;AACH,MAAA,OAAO,iBAAA,CAAkB,IAAA,CAAK,QAAA,IAAY,EAAE,CAAA;AAAA,IAE9C;AACE,MAAA,OAAO,KAAK,QAAA,GACR,iBAAA,CAAkB,IAAA,CAAK,QAAQ,IAC/B,EAAC;AAAA;AAEX;AAEA,SAAS,kBACP,KAAA,EACgB;AAChB,EAAA,MAAM,SAAyB,EAAC;AAEhC,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,wBAAA;AAAA,MACE,MAAA;AAAA,MACA,iBAAiB,IAAI;AAAA,KACvB;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT;AAEA,MAAM,gBAAwB,MAAM;AAClC,EAAA,OAAO,CAAC,IAAA,KAAS;AACf,IAAA,MAAM,IAAA,GAAO,IAAA;AACb,IAAA,MAAM,QAAA,GAAW,iBAAA,CAAkB,IAAA,CAAK,QAAQ,CAAA;AAEhD,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA,CAAS,MAAA,GAAS,CAAA,GAC9B;AAAA,MACE;AAAA,QACE,IAAA,EAAM,WAAA;AAAA,QACN;AAAA;AACF,QAEF,EAAC;AAAA,EACP,CAAA;AACF,CAAA;AAEA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,WAAA,EAAa,MAAM,CAAA;AAEjD,EAAA,QAAQ,KAAA;AAAO,IACb,KAAK,CAAA;AACH,MAAA,uBAAOA,cAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,IAElC,KAAK,CAAA;AACH,MAAA,uBAAOA,cAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,IAElC,KAAK,CAAA;AACH,MAAA,uBAAOA,cAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,IAElC,KAAK,CAAA;AACH,MAAA,uBAAOA,cAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,IAElC,KAAK,CAAA;AACH,MAAA,uBAAOA,cAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,IAElC;AACE,MAAA,uBAAOA,cAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA;AAEtC,CAAA;AAEA,SAAS,wBAAA,CACP,oBACA,WAAA,EAKY;AACZ,EAAA,OAAO;AAAA,IACL,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClCA,cAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClCA,cAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClCA,cAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClCA,cAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClCA,cAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClCA,cAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,KAAK,CAAC;AAAA,MACJ,IAAA,EAAM,KAAA;AAAA,MACN,GAAG;AAAA,KACL,KAAM;AACJ,MAAA,MAAM;AAAA,QACJ,qBAAA,EACE,WAAA;AAAA,QACF,yBAAA,EACE,QAAA;AAAA,QACF,2BAAA,EACE,UAAA;AAAA,QACF,GAAG;AAAA,OACL,GAAI,QAAA;AAEJ,MAAA,IAAI,gBAAgB,MAAA,EAAW;AAC7B,QAAA,IACE,gBAAgB,MAAA,IAChB,CAAC,YACD,CAAC,UAAA,IACD,CAAC,WAAA,EACD;AACA,UAAA,OAAO,IAAA;AAAA,QACT;AAEA,QAAA,OAAO,WAAA,CAAY;AAAA,UACjB,GAAA,EAAK,QAAA;AAAA,UACL,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,MACH;AAEA,MAAA,uBAAOA,cAAA,CAAC,KAAA,EAAA,EAAK,GAAG,KAAA,EAAO,CAAA;AAAA,IACzB;AAAA,GACF;AACF;AAEA,MAAM,WAAoC,CAAC;AAAA,EACzC,OAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,kBAAA,GAAqB,CAAA;AAAA,EACrB,WAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,CAAC,OAAA,CAAQ,IAAA,EAAK,EAAG;AACnB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,OAAA,GAAUC,qBAAA,CAAW,UAAA,EAAY,SAAA,EAAW;AAAA,IAChD,mBAAA,EAAqB;AAAA,GACtB,CAAA;AAED,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACED,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,OAAA;AAAA,QACV,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAAA,cAAA;AAAA,UAACE,8BAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAe;AAAA,cACbC,0BAAA;AAAA,cACAC,gCAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,MAAM,4BAAA,GACJ,4BAA4B,kBAAkB,CAAA;AAEhD,EAAA,MAAM,kBAAA,GAAqB,wBAAA;AAAA,IACzB,4BAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACEJ,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAA,cAAA;AAAA,QAACE,8BAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAe;AAAA,YACbC,0BAAA;AAAA,YACAC,gCAAA;AAAA,YACA;AAAA,WACF;AAAA,UACA,UAAA,EAAY,kBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"markdown.cjs","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkDirective from 'remark-directive';\nimport remarkGfm from 'remark-gfm';\nimport type { Plugin } from 'unified';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownEmbed {\n  src: string;\n  label: string;\n}\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  excerpt?: boolean;\n  headingLevelOffset?: number;\n  renderEmbed?: (\n    embed: MarkdownEmbed,\n  ) => React.ReactNode;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\ntype MarkdownNodeData = {\n  hName?: string;\n  hProperties?: Record<string, unknown>;\n  hChildren?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownNode = {\n  type: string;\n  name?: string;\n  value?: string;\n  alt?: string | null;\n  attributes?: Record<\n    string,\n    string | null | undefined\n  >;\n  data?: MarkdownNodeData;\n  children?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownRoot = {\n  type: 'root';\n  children: MarkdownNode[];\n};\n\ntype MarkdownEmbedDivProps =\n  React.HTMLAttributes<HTMLDivElement> & {\n    'data-markdown-embed'?: string;\n    'data-markdown-embed-src'?: string;\n    'data-markdown-embed-label'?: string;\n  };\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nfunction createTextNode(value: string): MarkdownNode {\n  return {\n    type: 'text',\n    value,\n  };\n}\n\nfunction appendNodesWithSeparator(\n  target: MarkdownNode[],\n  nodes: MarkdownNode[],\n) {\n  if (nodes.length === 0) {\n    return;\n  }\n\n  if (target.length > 0) {\n    target.push(createTextNode(' '));\n  }\n\n  target.push(...nodes);\n}\n\nfunction getNodeText(node: MarkdownNode): string {\n  if (typeof node.value === 'string') {\n    return node.value;\n  }\n\n  return (node.children ?? [])\n    .map(getNodeText)\n    .join('');\n}\n\nfunction getEmbed(\n  node: MarkdownNode,\n): MarkdownEmbed | null {\n  if (\n    node.type !== 'leafDirective' ||\n    node.name !== 'embed'\n  ) {\n    return null;\n  }\n\n  const src = node.attributes?.src ?? '';\n  const label = getNodeText(node);\n\n  if (!src.trim() || !label.trim()) {\n    return null;\n  }\n\n  return {\n    src,\n    label,\n  };\n}\n\nfunction transformEmbedNodes(\n  nodes: MarkdownNode[],\n) {\n  for (const node of nodes) {\n    if (\n      node.type === 'leafDirective' &&\n      node.name === 'embed'\n    ) {\n      const embed = getEmbed(node);\n\n      node.data = {\n        ...node.data,\n        hName: 'div',\n        hProperties: embed\n          ? {\n              'data-markdown-embed': 'true',\n              'data-markdown-embed-src':\n                embed.src,\n              'data-markdown-embed-label':\n                embed.label,\n            }\n          : {\n              'data-markdown-embed':\n                'invalid',\n            },\n        hChildren: [],\n      };\n\n      continue;\n    }\n\n    if (node.children) {\n      transformEmbedNodes(node.children);\n    }\n  }\n}\n\nconst remarkEmbed: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n\n    transformEmbedNodes(root.children);\n  };\n};\n\nfunction flattenInlineNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'html':\n      return [];\n\n    case 'break':\n      return [\n        createTextNode(' '),\n      ];\n\n    case 'image':\n    case 'imageReference':\n      return node.alt\n        ? [\n            createTextNode(node.alt),\n          ]\n        : [];\n\n    default:\n      if (!node.children) {\n        return [\n          node,\n        ];\n      }\n\n      return [\n        {\n          ...node,\n          children: node.children.flatMap(\n            flattenInlineNode,\n          ),\n        },\n      ];\n  }\n}\n\nfunction flattenBlockNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'paragraph':\n    case 'heading':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'tableCell':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'code':\n      return node.value\n        ? [\n            {\n              type: 'inlineCode',\n              value: node.value,\n            },\n          ]\n        : [];\n\n    case 'leafDirective': {\n      const embed = getEmbed(node);\n\n      return embed\n        ? [\n            createTextNode(embed.label),\n          ]\n        : [];\n    }\n\n    case 'html':\n    case 'definition':\n    case 'footnoteDefinition':\n    case 'thematicBreak':\n    case 'yaml':\n      return [];\n\n    case 'blockquote':\n    case 'list':\n    case 'listItem':\n    case 'table':\n    case 'tableRow':\n      return flattenBlockNodes(node.children ?? []);\n\n    default:\n      return node.children\n        ? flattenBlockNodes(node.children)\n        : [];\n  }\n}\n\nfunction flattenBlockNodes(\n  nodes: MarkdownNode[],\n): MarkdownNode[] {\n  const result: MarkdownNode[] = [];\n\n  for (const node of nodes) {\n    appendNodesWithSeparator(\n      result,\n      flattenBlockNode(node),\n    );\n  }\n\n  return result;\n}\n\nconst remarkExcerpt: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n    const children = flattenBlockNodes(root.children);\n\n    root.children = children.length > 0\n      ? [\n          {\n            type: 'paragraph',\n            children,\n          },\n        ]\n      : [];\n  };\n};\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nfunction createDocumentComponents(\n  headingLevelOffset: number,\n  renderEmbed:\n    | ((\n        embed: MarkdownEmbed,\n      ) => React.ReactNode)\n    | undefined,\n): Components {\n  return {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    div: ({\n      node: _node,\n      ...divProps\n    }) => {\n      const {\n        'data-markdown-embed':\n          embedMarker,\n        'data-markdown-embed-src':\n          embedSrc,\n        'data-markdown-embed-label':\n          embedLabel,\n        ...props\n      } = divProps as MarkdownEmbedDivProps;\n\n      if (embedMarker !== undefined) {\n        if (\n          embedMarker !== 'true' ||\n          !embedSrc ||\n          !embedLabel ||\n          !renderEmbed\n        ) {\n          return null;\n        }\n\n        return renderEmbed({\n          src: embedSrc,\n          label: embedLabel,\n        });\n      }\n\n      return <div {...props} />;\n    },\n  };\n}\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  excerpt = false,\n  headingLevelOffset = 0,\n  renderEmbed,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {\n    'markdown--excerpt': excerpt,\n  });\n\n  if (excerpt) {\n    return (\n      <div\n        className={classes}\n        {...props}\n      >\n        <ReactMarkdown\n          remarkPlugins={[\n            remarkGfm,\n            remarkDirective,\n            remarkExcerpt,\n          ]}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const documentComponents = createDocumentComponents(\n    normalizedHeadingLevelOffset,\n    renderEmbed,\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[\n          remarkGfm,\n          remarkDirective,\n          remarkEmbed,\n        ]}\n        components={documentComponents}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}

package/components/markdown/markdown.d.ts

@@ -1,9 +1,14 @@
 import React from 'react';
 import './markdown.css';
+export interface MarkdownEmbed {
+    src: string;
+    label: string;
+}
 export interface MarkdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML'> {
     content: string;
     excerpt?: boolean;
     headingLevelOffset?: number;
+    renderEmbed?: (embed: MarkdownEmbed) => React.ReactNode;
 }
 declare const Markdown: React.FC<MarkdownProps>;
 export default Markdown;

package/components/markdown/markdown.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import ReactMarkdown from 'react-markdown';
+import remarkDirective from 'remark-directive';
 import remarkGfm from 'remark-gfm';
 import './markdown.css';
 import { classnames } from '../helpers/classnames';
@@ -28,6 +29,55 @@ function appendNodesWithSeparator(target, nodes) {
   }
   target.push(...nodes);
 }
+function getNodeText(node) {
+  if (typeof node.value === "string") {
+    return node.value;
+  }
+  return (node.children ?? []).map(getNodeText).join("");
+}
+function getEmbed(node) {
+  if (node.type !== "leafDirective" || node.name !== "embed") {
+    return null;
+  }
+  const src = node.attributes?.src ?? "";
+  const label = getNodeText(node);
+  if (!src.trim() || !label.trim()) {
+    return null;
+  }
+  return {
+    src,
+    label
+  };
+}
+function transformEmbedNodes(nodes) {
+  for (const node of nodes) {
+    if (node.type === "leafDirective" && node.name === "embed") {
+      const embed = getEmbed(node);
+      node.data = {
+        ...node.data,
+        hName: "div",
+        hProperties: embed ? {
+          "data-markdown-embed": "true",
+          "data-markdown-embed-src": embed.src,
+          "data-markdown-embed-label": embed.label
+        } : {
+          "data-markdown-embed": "invalid"
+        },
+        hChildren: []
+      };
+      continue;
+    }
+    if (node.children) {
+      transformEmbedNodes(node.children);
+    }
+  }
+}
+const remarkEmbed = () => {
+  return (tree) => {
+    const root = tree;
+    transformEmbedNodes(root.children);
+  };
+};
 function flattenInlineNode(node) {
   switch (node.type) {
     case "html":
@@ -75,6 +125,12 @@ function flattenBlockNode(node) {
           value: node.value
         }
       ] : [];
+    case "leafDirective": {
+      const embed = getEmbed(node);
+      return embed ? [
+        createTextNode(embed.label)
+      ] : [];
+    }
     case "html":
     case "definition":
     case "footnoteDefinition":
@@ -135,7 +191,7 @@ const MarkdownHeading = ({
       return /* @__PURE__ */ jsx("h6", { ...props, children });
   }
 };
-function createDocumentComponents(headingLevelOffset) {
+function createDocumentComponents(headingLevelOffset, renderEmbed) {
   return {
     h1: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsx(
       MarkdownHeading,
@@ -184,13 +240,35 @@ function createDocumentComponents(headingLevelOffset) {
         sourceLevel: 6,
         offset: headingLevelOffset
       }
-    )
+    ),
+    div: ({
+      node: _node,
+      ...divProps
+    }) => {
+      const {
+        "data-markdown-embed": embedMarker,
+        "data-markdown-embed-src": embedSrc,
+        "data-markdown-embed-label": embedLabel,
+        ...props
+      } = divProps;
+      if (embedMarker !== void 0) {
+        if (embedMarker !== "true" || !embedSrc || !embedLabel || !renderEmbed) {
+          return null;
+        }
+        return renderEmbed({
+          src: embedSrc,
+          label: embedLabel
+        });
+      }
+      return /* @__PURE__ */ jsx("div", { ...props });
+    }
   };
 }
 const Markdown = ({
   content,
   excerpt = false,
   headingLevelOffset = 0,
+  renderEmbed,
   className = "",
   ...props
 }) => {
@@ -211,6 +289,7 @@ const Markdown = ({
           {
             remarkPlugins: [
               remarkGfm,
+              remarkDirective,
               remarkExcerpt
             ],
             children: content
@@ -221,7 +300,8 @@ const Markdown = ({
   }
   const normalizedHeadingLevelOffset = normalizeHeadingLevelOffset(headingLevelOffset);
   const documentComponents = createDocumentComponents(
-    normalizedHeadingLevelOffset
+    normalizedHeadingLevelOffset,
+    renderEmbed
   );
   return /* @__PURE__ */ jsx(
     "div",
@@ -231,7 +311,11 @@ const Markdown = ({
       children: /* @__PURE__ */ jsx(
         ReactMarkdown,
         {
-          remarkPlugins: [remarkGfm],
+          remarkPlugins: [
+            remarkGfm,
+            remarkDirective,
+            remarkEmbed
+          ],
           components: documentComponents,
           children: content
         }

package/components/markdown/markdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":[],"mappings":";;;;;;AAqCA,SAAS,4BAA4B,KAAA,EAA2B;AAC9D,EAAA,IAAI,UAAU,MAAA,IAAa,CAAC,MAAA,CAAO,QAAA,CAAS,KAAK,CAAA,EAAG;AAClD,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,OAAO,KAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAK,CAAC,CAAA;AACtC;AAEA,SAAS,eAAA,CACP,aACA,MAAA,EACA;AACA,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,WAAA,GAAc,MAAM,CAAA;AACzC;AAEA,SAAS,eAAe,KAAA,EAA6B;AACnD,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN;AAAA,GACF;AACF;AAEA,SAAS,wBAAA,CACP,QACA,KAAA,EACA;AACA,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA;AAAA,EACF;AAEA,EAAA,IAAI,MAAA,CAAO,SAAS,CAAA,EAAG;AACrB,IAAA,MAAA,CAAO,IAAA,CAAK,cAAA,CAAe,GAAG,CAAC,CAAA;AAAA,EACjC;AAEA,EAAA,MAAA,CAAO,IAAA,CAAK,GAAG,KAAK,CAAA;AACtB;AAEA,SAAS,kBACP,IAAA,EACgB;AAChB,EAAA,QAAQ,KAAK,IAAA;AAAM,IACjB,KAAK,MAAA;AACH,MAAA,OAAO,EAAC;AAAA,IAEV,KAAK,OAAA;AACH,MAAA,OAAO;AAAA,QACL,eAAe,GAAG;AAAA,OACpB;AAAA,IAEF,KAAK,OAAA;AAAA,IACL,KAAK,gBAAA;AACH,MAAA,OAAO,KAAK,GAAA,GACR;AAAA,QACE,cAAA,CAAe,KAAK,GAAG;AAAA,UAEzB,EAAC;AAAA,IAEP;AACE,MAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAClB,QAAA,OAAO;AAAA,UACL;AAAA,SACF;AAAA,MACF;AAEA,MAAA,OAAO;AAAA,QACL;AAAA,UACE,GAAG,IAAA;AAAA,UACH,QAAA,EAAU,KAAK,QAAA,CAAS,OAAA;AAAA,YACtB;AAAA;AACF;AACF,OACF;AAAA;AAEN;AAEA,SAAS,iBACP,IAAA,EACgB;AAChB,EAAA,QAAQ,KAAK,IAAA;AAAM,IACjB,KAAK,WAAA;AAAA,IACL,KAAK,SAAA;AACH,MAAA,OAAA,CAAQ,IAAA,CAAK,QAAA,IAAY,EAAC,EAAG,OAAA;AAAA,QAC3B;AAAA,OACF;AAAA,IAEF,KAAK,WAAA;AACH,MAAA,OAAA,CAAQ,IAAA,CAAK,QAAA,IAAY,EAAC,EAAG,OAAA;AAAA,QAC3B;AAAA,OACF;AAAA,IAEF,KAAK,MAAA;AACH,MAAA,OAAO,KAAK,KAAA,GACR;AAAA,QACE;AAAA,UACE,IAAA,EAAM,YAAA;AAAA,UACN,OAAO,IAAA,CAAK;AAAA;AACd,UAEF,EAAC;AAAA,IAEP,KAAK,MAAA;AAAA,IACL,KAAK,YAAA;AAAA,IACL,KAAK,oBAAA;AAAA,IACL,KAAK,eAAA;AAAA,IACL,KAAK,MAAA;AACH,MAAA,OAAO,EAAC;AAAA,IAEV,KAAK,YAAA;AAAA,IACL,KAAK,MAAA;AAAA,IACL,KAAK,UAAA;AAAA,IACL,KAAK,OAAA;AAAA,IACL,KAAK,UAAA;AACH,MAAA,OAAO,iBAAA,CAAkB,IAAA,CAAK,QAAA,IAAY,EAAE,CAAA;AAAA,IAE9C;AACE,MAAA,OAAO,KAAK,QAAA,GACR,iBAAA,CAAkB,IAAA,CAAK,QAAQ,IAC/B,EAAC;AAAA;AAEX;AAEA,SAAS,kBACP,KAAA,EACgB;AAChB,EAAA,MAAM,SAAyB,EAAC;AAEhC,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,wBAAA;AAAA,MACE,MAAA;AAAA,MACA,iBAAiB,IAAI;AAAA,KACvB;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT;AAEA,MAAM,gBAAwB,MAAM;AAClC,EAAA,OAAO,CAAC,IAAA,KAAS;AACf,IAAA,MAAM,IAAA,GAAO,IAAA;AACb,IAAA,MAAM,QAAA,GAAW,iBAAA,CAAkB,IAAA,CAAK,QAAQ,CAAA;AAEhD,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA,CAAS,MAAA,GAAS,CAAA,GAC9B;AAAA,MACE;AAAA,QACE,IAAA,EAAM,WAAA;AAAA,QACN;AAAA;AACF,QAEF,EAAC;AAAA,EACP,CAAA;AACF,CAAA;AAEA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,WAAA,EAAa,MAAM,CAAA;AAEjD,EAAA,QAAQ,KAAA;AAAO,IACb,KAAK,CAAA;AACH,MAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,IAElC,KAAK,CAAA;AACH,MAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,IAElC,KAAK,CAAA;AACH,MAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,IAElC,KAAK,CAAA;AACH,MAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,IAElC,KAAK,CAAA;AACH,MAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,IAElC;AACE,MAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAI,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA;AAEtC,CAAA;AAEA,SAAS,yBACP,kBAAA,EACY;AACZ,EAAA,OAAO;AAAA,IACL,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA,KACV;AAAA,IAGF,IAAI,CAAC,EAAE,MAAM,KAAA,EAAO,GAAG,cAAa,qBAClC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,WAAA,EAAa,CAAA;AAAA,QACb,MAAA,EAAQ;AAAA;AAAA;AACV,GAEJ;AACF;AAEA,MAAM,WAAoC,CAAC;AAAA,EACzC,OAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,kBAAA,GAAqB,CAAA;AAAA,EACrB,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,CAAC,OAAA,CAAQ,IAAA,EAAK,EAAG;AACnB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,UAAA,EAAY,SAAA,EAAW;AAAA,IAChD,mBAAA,EAAqB;AAAA,GACtB,CAAA;AAED,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,OAAA;AAAA,QACV,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAe;AAAA,cACb,SAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,MAAM,4BAAA,GACJ,4BAA4B,kBAAkB,CAAA;AAEhD,EAAA,MAAM,kBAAA,GAAqB,wBAAA;AAAA,IACzB;AAAA,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAe,CAAC,SAAS,CAAA;AAAA,UACzB,UAAA,EAAY,kBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"markdown.js","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport type { Plugin } from 'unified';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  excerpt?: boolean;\n  headingLevelOffset?: number;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\ntype MarkdownNode = {\n  type: string;\n  value?: string;\n  alt?: string | null;\n  children?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownRoot = {\n  type: 'root';\n  children: MarkdownNode[];\n};\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nfunction createTextNode(value: string): MarkdownNode {\n  return {\n    type: 'text',\n    value,\n  };\n}\n\nfunction appendNodesWithSeparator(\n  target: MarkdownNode[],\n  nodes: MarkdownNode[],\n) {\n  if (nodes.length === 0) {\n    return;\n  }\n\n  if (target.length > 0) {\n    target.push(createTextNode(' '));\n  }\n\n  target.push(...nodes);\n}\n\nfunction flattenInlineNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'html':\n      return [];\n\n    case 'break':\n      return [\n        createTextNode(' '),\n      ];\n\n    case 'image':\n    case 'imageReference':\n      return node.alt\n        ? [\n            createTextNode(node.alt),\n          ]\n        : [];\n\n    default:\n      if (!node.children) {\n        return [\n          node,\n        ];\n      }\n\n      return [\n        {\n          ...node,\n          children: node.children.flatMap(\n            flattenInlineNode,\n          ),\n        },\n      ];\n  }\n}\n\nfunction flattenBlockNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'paragraph':\n    case 'heading':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'tableCell':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'code':\n      return node.value\n        ? [\n            {\n              type: 'inlineCode',\n              value: node.value,\n            },\n          ]\n        : [];\n\n    case 'html':\n    case 'definition':\n    case 'footnoteDefinition':\n    case 'thematicBreak':\n    case 'yaml':\n      return [];\n\n    case 'blockquote':\n    case 'list':\n    case 'listItem':\n    case 'table':\n    case 'tableRow':\n      return flattenBlockNodes(node.children ?? []);\n\n    default:\n      return node.children\n        ? flattenBlockNodes(node.children)\n        : [];\n  }\n}\n\nfunction flattenBlockNodes(\n  nodes: MarkdownNode[],\n): MarkdownNode[] {\n  const result: MarkdownNode[] = [];\n\n  for (const node of nodes) {\n    appendNodesWithSeparator(\n      result,\n      flattenBlockNode(node),\n    );\n  }\n\n  return result;\n}\n\nconst remarkExcerpt: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n    const children = flattenBlockNodes(root.children);\n\n    root.children = children.length > 0\n      ? [\n          {\n            type: 'paragraph',\n            children,\n          },\n        ]\n      : [];\n  };\n};\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nfunction createDocumentComponents(\n  headingLevelOffset: number,\n): Components {\n  return {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={headingLevelOffset}\n      />\n    ),\n  };\n}\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  excerpt = false,\n  headingLevelOffset = 0,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {\n    'markdown--excerpt': excerpt,\n  });\n\n  if (excerpt) {\n    return (\n      <div\n        className={classes}\n        {...props}\n      >\n        <ReactMarkdown\n          remarkPlugins={[\n            remarkGfm,\n            remarkExcerpt,\n          ]}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const documentComponents = createDocumentComponents(\n    normalizedHeadingLevelOffset,\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={documentComponents}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}
+{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":[],"mappings":"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","file":"markdown.js","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkDirective from 'remark-directive';\nimport remarkGfm from 'remark-gfm';\nimport type { Plugin } from 'unified';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownEmbed {\n  src: string;\n  label: string;\n}\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  excerpt?: boolean;\n  headingLevelOffset?: number;\n  renderEmbed?: (\n    embed: MarkdownEmbed,\n  ) => React.ReactNode;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\ntype MarkdownNodeData = {\n  hName?: string;\n  hProperties?: Record<string, unknown>;\n  hChildren?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownNode = {\n  type: string;\n  name?: string;\n  value?: string;\n  alt?: string | null;\n  attributes?: Record<\n    string,\n    string | null | undefined\n  >;\n  data?: MarkdownNodeData;\n  children?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownRoot = {\n  type: 'root';\n  children: MarkdownNode[];\n};\n\ntype MarkdownEmbedDivProps =\n  React.HTMLAttributes<HTMLDivElement> & {\n    'data-markdown-embed'?: string;\n    'data-markdown-embed-src'?: string;\n    'data-markdown-embed-label'?: string;\n  };\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nfunction createTextNode(value: string): MarkdownNode {\n  return {\n    type: 'text',\n    value,\n  };\n}\n\nfunction appendNodesWithSeparator(\n  target: MarkdownNode[],\n  nodes: MarkdownNode[],\n) {\n  if (nodes.length === 0) {\n    return;\n  }\n\n  if (target.length > 0) {\n    target.push(createTextNode(' '));\n  }\n\n  target.push(...nodes);\n}\n\nfunction getNodeText(node: MarkdownNode): string {\n  if (typeof node.value === 'string') {\n    return node.value;\n  }\n\n  return (node.children ?? [])\n    .map(getNodeText)\n    .join('');\n}\n\nfunction getEmbed(\n  node: MarkdownNode,\n): MarkdownEmbed | null {\n  if (\n    node.type !== 'leafDirective' ||\n    node.name !== 'embed'\n  ) {\n    return null;\n  }\n\n  const src = node.attributes?.src ?? '';\n  const label = getNodeText(node);\n\n  if (!src.trim() || !label.trim()) {\n    return null;\n  }\n\n  return {\n    src,\n    label,\n  };\n}\n\nfunction transformEmbedNodes(\n  nodes: MarkdownNode[],\n) {\n  for (const node of nodes) {\n    if (\n      node.type === 'leafDirective' &&\n      node.name === 'embed'\n    ) {\n      const embed = getEmbed(node);\n\n      node.data = {\n        ...node.data,\n        hName: 'div',\n        hProperties: embed\n          ? {\n              'data-markdown-embed': 'true',\n              'data-markdown-embed-src':\n                embed.src,\n              'data-markdown-embed-label':\n                embed.label,\n            }\n          : {\n              'data-markdown-embed':\n                'invalid',\n            },\n        hChildren: [],\n      };\n\n      continue;\n    }\n\n    if (node.children) {\n      transformEmbedNodes(node.children);\n    }\n  }\n}\n\nconst remarkEmbed: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n\n    transformEmbedNodes(root.children);\n  };\n};\n\nfunction flattenInlineNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'html':\n      return [];\n\n    case 'break':\n      return [\n        createTextNode(' '),\n      ];\n\n    case 'image':\n    case 'imageReference':\n      return node.alt\n        ? [\n            createTextNode(node.alt),\n          ]\n        : [];\n\n    default:\n      if (!node.children) {\n        return [\n          node,\n        ];\n      }\n\n      return [\n        {\n          ...node,\n          children: node.children.flatMap(\n            flattenInlineNode,\n          ),\n        },\n      ];\n  }\n}\n\nfunction flattenBlockNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'paragraph':\n    case 'heading':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'tableCell':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'code':\n      return node.value\n        ? [\n            {\n              type: 'inlineCode',\n              value: node.value,\n            },\n          ]\n        : [];\n\n    case 'leafDirective': {\n      const embed = getEmbed(node);\n\n      return embed\n        ? [\n            createTextNode(embed.label),\n          ]\n        : [];\n    }\n\n    case 'html':\n    case 'definition':\n    case 'footnoteDefinition':\n    case 'thematicBreak':\n    case 'yaml':\n      return [];\n\n    case 'blockquote':\n    case 'list':\n    case 'listItem':\n    case 'table':\n    case 'tableRow':\n      return flattenBlockNodes(node.children ?? []);\n\n    default:\n      return node.children\n        ? flattenBlockNodes(node.children)\n        : [];\n  }\n}\n\nfunction flattenBlockNodes(\n  nodes: MarkdownNode[],\n): MarkdownNode[] {\n  const result: MarkdownNode[] = [];\n\n  for (const node of nodes) {\n    appendNodesWithSeparator(\n      result,\n      flattenBlockNode(node),\n    );\n  }\n\n  return result;\n}\n\nconst remarkExcerpt: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n    const children = flattenBlockNodes(root.children);\n\n    root.children = children.length > 0\n      ? [\n          {\n            type: 'paragraph',\n            children,\n          },\n        ]\n      : [];\n  };\n};\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nfunction createDocumentComponents(\n  headingLevelOffset: number,\n  renderEmbed:\n    | ((\n        embed: MarkdownEmbed,\n      ) => React.ReactNode)\n    | undefined,\n): Components {\n  return {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    div: ({\n      node: _node,\n      ...divProps\n    }) => {\n      const {\n        'data-markdown-embed':\n          embedMarker,\n        'data-markdown-embed-src':\n          embedSrc,\n        'data-markdown-embed-label':\n          embedLabel,\n        ...props\n      } = divProps as MarkdownEmbedDivProps;\n\n      if (embedMarker !== undefined) {\n        if (\n          embedMarker !== 'true' ||\n          !embedSrc ||\n          !embedLabel ||\n          !renderEmbed\n        ) {\n          return null;\n        }\n\n        return renderEmbed({\n          src: embedSrc,\n          label: embedLabel,\n        });\n      }\n\n      return <div {...props} />;\n    },\n  };\n}\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  excerpt = false,\n  headingLevelOffset = 0,\n  renderEmbed,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {\n    'markdown--excerpt': excerpt,\n  });\n\n  if (excerpt) {\n    return (\n      <div\n        className={classes}\n        {...props}\n      >\n        <ReactMarkdown\n          remarkPlugins={[\n            remarkGfm,\n            remarkDirective,\n            remarkExcerpt,\n          ]}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const documentComponents = createDocumentComponents(\n    normalizedHeadingLevelOffset,\n    renderEmbed,\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[\n          remarkGfm,\n          remarkDirective,\n          remarkEmbed,\n        ]}\n        components={documentComponents}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}

package/index.d.ts

@@ -58,7 +58,7 @@ export type { CardGroupProps } from './components/card-group';
 export { default as Breadcrumbs } from './components/breadcrumbs';
 export type { BreadcrumbsProps } from './components/breadcrumbs';
 export { default as Markdown } from './components/markdown';
-export type { MarkdownProps } from './components/markdown';
+export type { MarkdownEmbed, MarkdownProps, } from './components/markdown';
 export { default as Discussion } from './components/discussion';
 export type { DiscussionItem, DiscussionProps, } from './components/discussion';
 export { default as CourseOutline } from './components/course-outline';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jvetrau-ds",
-  "version": "0.2.31",
+  "version": "0.2.33",
   "description": "Multi-brand React design system with semantic tokens",
   "license": "UNLICENSED",
   "type": "module",
@@ -52,6 +52,7 @@
   "dependencies": {
     "hls.js": "^1.6.16",
     "react-markdown": "^10.1.0",
+    "remark-directive": "^4.0.0",
     "remark-gfm": "^4.0.1"
   }
 }