@uiw/react-md-editor 3.9.8 → 3.9.9

package/dist/mdeditor.js

@@ -38128,22 +38128,7 @@ function _objectWithoutProperties(source, excluded) {
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
 var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(9787);
 var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_);
-;// CONCATENATED MODULE: ./node_modules/@uiw/react-markdown-preview/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-function objectWithoutPropertiesLoose_objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-;// CONCATENATED MODULE: ./node_modules/@uiw/react-markdown-preview/node_modules/@babel/runtime/helpers/esm/extends.js
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -49256,7 +49241,7 @@ function returnNode(h, node) {
  * @param {MdastNode} parent
  */
 function traverse_all(h, parent) {
-  /** @type {Array.<Content>} */
+  /** @type {Array<Content>} */
   const values = []
 
   if ('children' in parent) {
@@ -49293,20 +49278,143 @@ function traverse_all(h, parent) {
   return values
 }
 
-;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/thematic-break.js
+;// CONCATENATED MODULE: ./node_modules/micromark-util-encode/index.js
+const characterReferences = {'"': 'quot', '&': 'amp', '<': 'lt', '>': 'gt'}
+
 /**
- * @typedef {import('mdast').ThematicBreak} ThematicBreak
- * @typedef {import('hast').Element} Element
- * @typedef {import('../index.js').Handler} Handler
+ * Encode only the dangerous HTML characters.
+ *
+ * This ensures that certain characters which have special meaning in HTML are
+ * dealt with.
+ * Technically, we can skip `>` and `"` in many cases, but CM includes them.
+ *
+ * @param {string} value
+ * @returns {string}
  */
+function encode(value) {
+  return value.replace(/["&<>]/g, replace)
+
+  /**
+   * @param {string} value
+   * @returns {string}
+   */
+  function replace(value) {
+    // @ts-expect-error Hush, it’s fine.
+    return '&' + characterReferences[value] + ';'
+  }
+}
+
+;// CONCATENATED MODULE: ./node_modules/micromark-util-sanitize-uri/index.js
+
+
 
 /**
- * @type {Handler}
- * @param {ThematicBreak} [node]
- * @returns {Element}
+ * Make a value safe for injection as a URL.
+ *
+ * This encodes unsafe characters with percent-encoding and skips already
+ * encoded sequences (see `normalizeUri` below).
+ * Further unsafe characters are encoded as character references (see
+ * `micromark-util-encode`).
+ *
+ * Then, a regex of allowed protocols can be given, in which case the URL is
+ * sanitized.
+ * For example, `/^(https?|ircs?|mailto|xmpp)$/i` can be used for `a[href]`,
+ * or `/^https?$/i` for `img[src]`.
+ * If the URL includes an unknown protocol (one not matched by `protocol`, such
+ * as a dangerous example, `javascript:`), the value is ignored.
+ *
+ * @param {string|undefined} url
+ * @param {RegExp} [protocol]
+ * @returns {string}
  */
-function thematic_break_thematicBreak(h, node) {
-  return h(node, 'hr')
+function sanitizeUri(url, protocol) {
+  const value = encode(normalizeUri(url || ''))
+
+  if (!protocol) {
+    return value
+  }
+
+  const colon = value.indexOf(':')
+  const questionMark = value.indexOf('?')
+  const numberSign = value.indexOf('#')
+  const slash = value.indexOf('/')
+
+  if (
+    // If there is no protocol, it’s relative.
+    colon < 0 || // If the first colon is after a `?`, `#`, or `/`, it’s not a protocol.
+    (slash > -1 && colon > slash) ||
+    (questionMark > -1 && colon > questionMark) ||
+    (numberSign > -1 && colon > numberSign) || // It is a protocol, it should be allowed.
+    protocol.test(value.slice(0, colon))
+  ) {
+    return value
+  }
+
+  return ''
+}
+/**
+ * Normalize a URL (such as used in definitions).
+ *
+ * Encode unsafe characters with percent-encoding, skipping already encoded
+ * sequences.
+ *
+ * @param {string} value
+ * @returns {string}
+ */
+
+function normalizeUri(value) {
+  /** @type {string[]} */
+  const result = []
+  let index = -1
+  let start = 0
+  let skip = 0
+
+  while (++index < value.length) {
+    const code = value.charCodeAt(index)
+    /** @type {string} */
+
+    let replace = '' // A correct percent encoded value.
+
+    if (
+      code === 37 &&
+      asciiAlphanumeric(value.charCodeAt(index + 1)) &&
+      asciiAlphanumeric(value.charCodeAt(index + 2))
+    ) {
+      skip = 2
+    } // ASCII.
+    else if (code < 128) {
+      if (!/[!#$&-;=?-Z_a-z~]/.test(String.fromCharCode(code))) {
+        replace = String.fromCharCode(code)
+      }
+    } // Astral.
+    else if (code > 55295 && code < 57344) {
+      const next = value.charCodeAt(index + 1) // A correct surrogate pair.
+
+      if (code < 56320 && next > 56319 && next < 57344) {
+        replace = String.fromCharCode(code, next)
+        skip = 1
+      } // Lone surrogate.
+      else {
+        replace = '\uFFFD'
+      }
+    } // Unicode.
+    else {
+      replace = String.fromCharCode(code)
+    }
+
+    if (replace) {
+      result.push(value.slice(start, index), encodeURIComponent(replace))
+      start = index + skip + 1
+      replace = ''
+    }
+
+    if (skip) {
+      index += skip
+      skip = 0
+    }
+  }
+
+  return result.join('') + value.slice(start)
 }
 
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/wrap.js
@@ -49320,12 +49428,12 @@ function thematic_break_thematicBreak(h, node) {
  * Wrap `nodes` with line feeds between each entry.
  * Optionally adds line feeds at the start and end.
  *
- * @param {Array.<Content>} nodes
+ * @param {Array<Content>} nodes
  * @param {boolean} [loose=false]
- * @returns {Array.<Content>}
+ * @returns {Array<Content>}
  */
 function wrap_wrap(nodes, loose) {
-  /** @type {Array.<Content>} */
+  /** @type {Array<Content>} */
   const result = []
   let index = -1
 
@@ -49345,59 +49453,12 @@ function wrap_wrap(nodes, loose) {
   return result
 }
 
-;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/list.js
-/**
- * @typedef {import('mdast').List} List
- * @typedef {import('hast').Element} Element
- * @typedef {import('hast').Properties} Properties
- * @typedef {import('../index.js').Handler} Handler
- */
-
-
-
-
-/**
- * @type {Handler}
- * @param {List} node
- * @returns {Element}
- */
-function list_list(h, node) {
-  /** @type {Properties} */
-  const props = {}
-  const name = node.ordered ? 'ol' : 'ul'
-  const items = traverse_all(h, node)
-  let index = -1
-
-  if (typeof node.start === 'number' && node.start !== 1) {
-    props.start = node.start
-  }
-
-  // Like GitHub, add a class for custom styling.
-  while (++index < items.length) {
-    const item = items[index]
-
-    if (
-      item.type === 'element' &&
-      item.tagName === 'li' &&
-      item.properties &&
-      Array.isArray(item.properties.className) &&
-      item.properties.className.includes('task-list-item')
-    ) {
-      props.className = ['contains-task-list']
-      break
-    }
-  }
-
-  return h(node, name, props, wrap_wrap(items, true))
-}
-
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/footer.js
 /**
  * @typedef {import('mdast').BlockContent} BlockContent
  * @typedef {import('mdast').FootnoteDefinition} FootnoteDefinition
- * @typedef {import('mdast').Link} Link
- * @typedef {import('mdast').ListItem} ListItem
- * @typedef {import('mdast').Paragraph} Paragraph
+ * @typedef {import('hast').Element} Element
+ * @typedef {import('hast').ElementContent} ElementContent
  * @typedef {import('./index.js').H} H
  */
 
@@ -49405,67 +49466,118 @@ function list_list(h, node) {
 
 
 
+
 /**
  * @param {H} h
  */
 function footer(h) {
-  const footnoteById = h.footnoteById
-  const footnoteOrder = h.footnoteOrder
   let index = -1
-  /** @type {Array.<ListItem>} */
+  /** @type {Array<ElementContent>} */
   const listItems = []
 
-  while (++index < footnoteOrder.length) {
-    const def = footnoteById[footnoteOrder[index].toUpperCase()]
+  while (++index < h.footnoteOrder.length) {
+    const def = h.footnoteById[h.footnoteOrder[index].toUpperCase()]
 
     if (!def) {
       continue
     }
 
-    const marker = String(index + 1)
-    const content = [...def.children]
-    /** @type {Link} */
-    const backReference = {
-      type: 'link',
-      url: '#fnref' + marker,
-      data: {hProperties: {className: ['footnote-back'], role: 'doc-backlink'}},
-      children: [{type: 'text', value: '↩'}]
+    const content = traverse_all(h, def)
+    const id = String(def.identifier)
+    const safeId = sanitizeUri(id.toLowerCase())
+    let referenceIndex = 0
+    /** @type {Array<ElementContent>} */
+    const backReferences = []
+
+    while (++referenceIndex <= h.footnoteCounts[id]) {
+      /** @type {Element} */
+      const backReference = {
+        type: 'element',
+        tagName: 'a',
+        properties: {
+          href:
+            '#' +
+            h.clobberPrefix +
+            'fnref-' +
+            safeId +
+            (referenceIndex > 1 ? '-' + referenceIndex : ''),
+          dataFootnoteBackref: true,
+          className: ['data-footnote-backref'],
+          ariaLabel: h.footnoteBackLabel
+        },
+        children: [{type: 'text', value: '↩'}]
+      }
+
+      if (referenceIndex > 1) {
+        backReference.children.push({
+          type: 'element',
+          tagName: 'sup',
+          children: [{type: 'text', value: String(referenceIndex)}]
+        })
+      }
+
+      if (backReferences.length > 0) {
+        backReferences.push({type: 'text', value: ' '})
+      }
+
+      backReferences.push(backReference)
     }
+
     const tail = content[content.length - 1]
 
-    if (tail && tail.type === 'paragraph') {
-      tail.children.push(backReference)
+    if (tail && tail.type === 'element' && tail.tagName === 'p') {
+      const tailTail = tail.children[tail.children.length - 1]
+      if (tailTail && tailTail.type === 'text') {
+        tailTail.value += ' '
+      } else {
+        tail.children.push({type: 'text', value: ' '})
+      }
+
+      tail.children.push(...backReferences)
     } else {
-      // @ts-expect-error Indeed, link directly added in block content.
-      // Which we do because that way at least the handlers will be called
-      // for the other HTML we’re generating (as markdown).
-      content.push(backReference)
+      content.push(...backReferences)
     }
 
-    listItems.push({
-      type: 'listItem',
-      data: {hProperties: {id: 'fn' + marker, role: 'doc-endnote'}},
-      children: content,
-      position: def.position
-    })
+    /** @type {Element} */
+    const listItem = {
+      type: 'element',
+      tagName: 'li',
+      properties: {id: h.clobberPrefix + 'fn-' + safeId},
+      children: wrap_wrap(content, true)
+    }
+
+    if (def.position) {
+      listItem.position = def.position
+    }
+
+    listItems.push(listItem)
   }
 
   if (listItems.length === 0) {
     return null
   }
 
-  return h(
-    null,
-    'section',
-    {className: ['footnotes'], role: 'doc-endnotes'},
-    wrap_wrap(
-      [
-        thematic_break_thematicBreak(h),
-        list_list(h, {type: 'list', ordered: true, children: listItems})
-      ],
-      true
-    )
-  )
+  return {
+    type: 'element',
+    tagName: 'section',
+    properties: {dataFootnotes: true, className: ['footnotes']},
+    children: [
+      {
+        type: 'element',
+        tagName: 'h2',
+        properties: {id: 'footnote-label', className: ['sr-only']},
+        children: [u('text', h.footnoteLabel)]
+      },
+      {type: 'text', value: '\n'},
+      {
+        type: 'element',
+        tagName: 'ol',
+        properties: {},
+        children: wrap_wrap(listItems, true)
+      },
+      {type: 'text', value: '\n'}
+    ]
+  }
 }
 
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/blockquote.js
@@ -49579,35 +49691,59 @@ function emphasis(h, node) {
 
 
 
+
 /**
  * @type {Handler}
  * @param {FootnoteReference} node
  */
 function footnoteReference(h, node) {
-  const footnoteOrder = h.footnoteOrder
-  const identifier = String(node.identifier)
-  const index = footnoteOrder.indexOf(identifier)
-  const marker = String(
-    index === -1 ? footnoteOrder.push(identifier) : index + 1
-  )
+  const id = String(node.identifier)
+  const safeId = sanitizeUri(id.toLowerCase())
+  const index = h.footnoteOrder.indexOf(id)
+  /** @type {number} */
+  let counter
 
-  return h(
-    node,
-    'a',
-    {
-      href: '#fn' + marker,
-      className: ['footnote-ref'],
-      id: 'fnref' + marker,
-      role: 'doc-noteref'
-    },
-    [h(node.position, 'sup', [u('text', marker)])]
-  )
+  if (index === -1) {
+    h.footnoteOrder.push(id)
+    h.footnoteCounts[id] = 1
+    counter = h.footnoteOrder.length
+  } else {
+    h.footnoteCounts[id]++
+    counter = index + 1
+  }
+
+  const reuseCounter = h.footnoteCounts[id]
+
+  return h(node, 'sup', [
+    h(
+      node.position,
+      'a',
+      {
+        href: '#' + h.clobberPrefix + 'fn-' + safeId,
+        id:
+          h.clobberPrefix +
+          'fnref-' +
+          safeId +
+          (reuseCounter > 1 ? '-' + reuseCounter : ''),
+        dataFootnoteRef: true,
+        ariaDescribedBy: 'footnote-label'
+      },
+      [u('text', String(counter))]
+    )
+  ])
 }
 
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/footnote.js
 /**
  * @typedef {import('mdast').Footnote} Footnote
  * @typedef {import('../index.js').Handler} Handler
+ *
+ * @todo
+ *   `footnote` (or “inline note”) are a pandoc footnotes feature (`^[a note]`)
+ *   that does not exist in GFM.
+ *   We still have support for it, so that things remain working with
+ *   `micromark-extension-footnote` and `mdast-util-footnote`, but in the future
+ *   we might be able to remove it?
  */
 
 
@@ -49618,17 +49754,12 @@ function footnoteReference(h, node) {
  */
 function footnote(h, node) {
   const footnoteById = h.footnoteById
-  const footnoteOrder = h.footnoteOrder
   let no = 1
 
   while (no in footnoteById) no++
 
   const identifier = String(no)
 
-  // No need to check if `identifier` exists in `footnoteOrder`, it’s guaranteed
-  // to not exist because we just generated it.
-  footnoteOrder.push(identifier)
-
   footnoteById[identifier] = {
     type: 'footnoteDefinition',
     identifier,
@@ -49678,7 +49809,7 @@ function html(h, node) {
 }
 
 // EXTERNAL MODULE: ./node_modules/mdurl/encode.js
-var encode = __webpack_require__(4547);
+var mdurl_encode = __webpack_require__(4547);
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/revert.js
 /**
  * @typedef {import('mdast').LinkReference} LinkReference
@@ -49695,7 +49826,7 @@ var encode = __webpack_require__(4547);
  *
  * @type {Handler}
  * @param {ImageReference|LinkReference} node
- * @returns {Content|Array.<Content>}
+ * @returns {Content|Array<Content>}
  */
 function revert(h, node) {
   const subtype = node.referenceType
@@ -49753,7 +49884,7 @@ function imageReference(h, node) {
   }
 
   /** @type {Properties} */
-  const props = {src: encode(def.url || ''), alt: node.alt}
+  const props = {src: mdurl_encode(def.url || ''), alt: node.alt}
 
   if (def.title !== null && def.title !== undefined) {
     props.title = def.title
@@ -49777,7 +49908,7 @@ function imageReference(h, node) {
  */
 function image_image(h, node) {
   /** @type {Properties} */
-  const props = {src: encode(node.url), alt: node.alt}
+  const props = {src: mdurl_encode(node.url), alt: node.alt}
 
   if (node.title !== null && node.title !== undefined) {
     props.title = node.title
@@ -49825,7 +49956,7 @@ function linkReference(h, node) {
   }
 
   /** @type {Properties} */
-  const props = {href: encode(def.url || '')}
+  const props = {href: mdurl_encode(def.url || '')}
 
   if (def.title !== null && def.title !== undefined) {
     props.title = def.title
@@ -49850,7 +49981,7 @@ function linkReference(h, node) {
  */
 function link_link(h, node) {
   /** @type {Properties} */
-  const props = {href: encode(node.url)}
+  const props = {href: mdurl_encode(node.url)}
 
   if (node.title !== null && node.title !== undefined) {
     props.title = node.title
@@ -49882,7 +50013,7 @@ function listItem(h, node, parent) {
   const loose = parent ? listLoose(parent) : listItemLoose(node)
   /** @type {Properties} */
   const props = {}
-  /** @type {Array.<Content>} */
+  /** @type {Array<Content>} */
   const wrapped = []
 
   if (typeof node.checked === 'boolean') {
@@ -49977,6 +50108,52 @@ function listItemLoose(node) {
     : spread
 }
 
+;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/list.js
+/**
+ * @typedef {import('mdast').List} List
+ * @typedef {import('hast').Element} Element
+ * @typedef {import('hast').Properties} Properties
+ * @typedef {import('../index.js').Handler} Handler
+ */
+
+
+
+
+/**
+ * @type {Handler}
+ * @param {List} node
+ * @returns {Element}
+ */
+function list_list(h, node) {
+  /** @type {Properties} */
+  const props = {}
+  const name = node.ordered ? 'ol' : 'ul'
+  const items = traverse_all(h, node)
+  let index = -1
+
+  if (typeof node.start === 'number' && node.start !== 1) {
+    props.start = node.start
+  }
+
+  // Like GitHub, add a class for custom styling.
+  while (++index < items.length) {
+    const item = items[index]
+
+    if (
+      item.type === 'element' &&
+      item.tagName === 'li' &&
+      item.properties &&
+      Array.isArray(item.properties.className) &&
+      item.properties.className.includes('task-list-item')
+    ) {
+      props.className = ['contains-task-list']
+      break
+    }
+  }
+
+  return h(node, name, props, wrap_wrap(items, true))
+}
+
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/paragraph.js
 /**
  * @typedef {import('mdast').Paragraph} Paragraph
@@ -50049,19 +50226,22 @@ function table(h, node) {
   const rows = node.children
   let index = -1
   const align = node.align || []
-  /** @type {Array.<Element>} */
+  /** @type {Array<Element>} */
   const result = []
 
   while (++index < rows.length) {
     const row = rows[index].children
     const name = index === 0 ? 'th' : 'td'
-    let pos = node.align ? align.length : row.length
-    /** @type {Array.<Content>} */
+    /** @type {Array<Content>} */
     const out = []
+    let cellIndex = -1
+    const length = node.align ? align.length : row.length
 
-    while (pos--) {
-      const cell = row[pos]
-      out[pos] = h(cell, name, {align: align[pos]}, cell ? traverse_all(h, cell) : [])
+    while (++cellIndex < length) {
+      const cell = row[cellIndex]
+      out.push(
+        h(cell, name, {align: align[cellIndex]}, cell ? traverse_all(h, cell) : [])
+      )
     }
 
     result[index] = h(rows[index], 'tr', wrap_wrap(out, true))
@@ -50107,6 +50287,22 @@ function handlers_text_text(h, node) {
   )
 }
 
+;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/thematic-break.js
+/**
+ * @typedef {import('mdast').ThematicBreak} ThematicBreak
+ * @typedef {import('hast').Element} Element
+ * @typedef {import('../index.js').Handler} Handler
+ */
+
+/**
+ * @type {Handler}
+ * @param {ThematicBreak} [node]
+ * @returns {Element}
+ */
+function thematic_break_thematicBreak(h, node) {
+  return h(node, 'hr')
+}
+
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/index.js
 
 
@@ -50183,9 +50379,9 @@ function ignore() {
  * @typedef EmbeddedHastFields
  * @property {string} [hName] Defines the tag name of an element
  * @property {Properties} [hProperties] Defines the properties of an element
- * @property {Array.<Content>} [hChildren] Defines the (hast) children of an element
+ * @property {Array<Content>} [hChildren] Defines the (hast) children of an element
  *
- * @typedef {Object.<string, unknown> & EmbeddedHastFields} Data unist data with embedded hast fields
+ * @typedef {Record<string, unknown> & EmbeddedHastFields} Data unist data with embedded hast fields
  *
  * @typedef {MdastNode & {data?: Data}} NodeWithData unist node with embedded hast data
  *
@@ -50193,39 +50389,69 @@ function ignore() {
  * @param {H} h Handle context
  * @param {any} node mdast node to handle
  * @param {Parent|null} parent Parent of `node`
- * @returns {Content|Array.<Content>|null|undefined} hast node
+ * @returns {Content|Array<Content>|null|undefined} hast node
  *
  * @callback HFunctionProps
  * @param {MdastNode|PositionLike|null|undefined} node mdast node or unist position
  * @param {string} tagName HTML tag name
  * @param {Properties} props Properties
- * @param {Array.<Content>?} [children] hast content
+ * @param {Array<Content>?} [children] hast content
  * @returns {Element}
  *
  * @callback HFunctionNoProps
  * @param {MdastNode|PositionLike|null|undefined} node mdast node or unist position
  * @param {string} tagName HTML tag name
- * @param {Array.<Content>?} [children] hast content
+ * @param {Array<Content>?} [children] hast content
  * @returns {Element}
  *
  * @typedef HFields
  * @property {boolean} dangerous Whether HTML is allowed
+ * @property {string} clobberPrefix Prefix to use to prevent DOM clobbering
+ * @property {string} footnoteLabel Label to use to introduce the footnote section
+ * @property {string} footnoteBackLabel Label to use to go back to a footnote call from the footnote section
  * @property {(identifier: string) => Definition|null} definition Definition cache
- * @property {Object.<string, FootnoteDefinition>} footnoteById Footnote cache
- * @property {Array.<string>} footnoteOrder Order in which footnotes occur
+ * @property {Record<string, FootnoteDefinition>} footnoteById Footnote cache
+ * @property {Array<string>} footnoteOrder Order in which footnotes occur
+ * @property {Record<string, number>} footnoteCounts Counts the same footnote was used
  * @property {Handlers} handlers Applied handlers
  * @property {Handler} unknownHandler Handler for any none not in `passThrough` or otherwise handled
  * @property {(left: NodeWithData|PositionLike|null|undefined, right: Content) => Content} augment Like `h` but lower-level and usable on non-elements.
- * @property {Array.<string>} passThrough List of node types to pass through untouched (except for their children).
+ * @property {Array<string>} passThrough List of node types to pass through untouched (except for their children).
  *
  * @typedef Options
- * @property {boolean} [allowDangerousHtml=false] Whether to allow `html` nodes and inject them as `raw` HTML
- * @property {Handlers} [handlers] Object mapping mdast nodes to functions handling them
- * @property {Array.<string>} [passThrough] List of custom mdast node types to pass through (keep) in hast
- * @property {Handler} [unknownHandler] Handler for all unknown nodes.
+ * @property {boolean} [allowDangerousHtml=false]
+ *   Whether to allow `html` nodes and inject them as `raw` HTML
+ * @property {string} [clobberPrefix='user-content-']
+ *   Prefix to use before the `id` attribute to prevent it from *clobbering*.
+ *   attributes.
+ *   DOM clobbering is this:
+ *
+ *   ```html
+ *   <p id=x></p>
+ *   <script>alert(x)</script>
+ *   ```
+ *
+ *   Elements by their ID are made available in browsers on the `window` object.
+ *   Using a prefix prevents this from being a problem.
+ * @property {string} [footnoteLabel='Footnotes']
+ *   Label to use for the footnotes section.
+ *   Affects screen reader users.
+ *   Change it if you’re authoring in a different language.
+ * @property {string} [footnoteBackLabel='Back to content']
+ *   Label to use from backreferences back to their footnote call.
+ *   Affects screen reader users.
+ *   Change it if you’re authoring in a different language.
+ * @property {Handlers} [handlers]
+ *   Object mapping mdast nodes to functions handling them
+ * @property {Array<string>} [passThrough]
+ *   List of custom mdast node types to pass through (keep) in hast
+ * @property {Handler} [unknownHandler]
+ *   Handler for all unknown nodes.
  *
- * @typedef {Record.<string, Handler>} Handlers Map of node types to handlers
- * @typedef {HFunctionProps & HFunctionNoProps & HFields} H Handle context
+ * @typedef {Record<string, Handler>} Handlers
+ *   Map of node types to handlers
+ * @typedef {HFunctionProps & HFunctionNoProps & HFields} H
+ *   Handle context
  */
 
 
@@ -50248,14 +50474,22 @@ const mdast_util_to_hast_lib_own = {}.hasOwnProperty
 function factory(tree, options) {
   const settings = options || {}
   const dangerous = settings.allowDangerousHtml || false
-  /** @type {Object.<string, FootnoteDefinition>} */
+  /** @type {Record<string, FootnoteDefinition>} */
   const footnoteById = {}
 
   h.dangerous = dangerous
+  h.clobberPrefix =
+    settings.clobberPrefix === undefined || settings.clobberPrefix === null
+      ? 'user-content-'
+      : settings.clobberPrefix
+  h.footnoteLabel = settings.footnoteLabel || 'Footnotes'
+  h.footnoteBackLabel = settings.footnoteBackLabel || 'Back to content'
   h.definition = definitions(tree)
   h.footnoteById = footnoteById
-  /** @type {Array.<string>} */
+  /** @type {Array<string>} */
   h.footnoteOrder = []
+  /** @type {Record<string, number>} */
+  h.footnoteCounts = {}
   h.augment = augment
   h.handlers = {...handlers, ...settings.handlers}
   h.unknownHandler = settings.unknownHandler
@@ -50362,9 +50596,10 @@ function toHast(tree, options) {
   return Array.isArray(node) ? {type: 'root', children: node} : node
 }
 
-;// CONCATENATED MODULE: ./node_modules/remark-rehype/index.js
+
+
+;// CONCATENATED MODULE: ./node_modules/remark-rehype/lib/index.js
 /**
- * @typedef {import('unist').Node} Node
  * @typedef {import('hast').Root} HastRoot
  * @typedef {import('mdast').Root} MdastRoot
  * @typedef {import('mdast-util-to-hast').Options} Options
@@ -50378,12 +50613,21 @@ function toHast(tree, options) {
 // Note: the `<MdastRoot, HastRoot>` overload doesn’t seem to work :'(
 
 /**
- * Plugin to bridge or mutate to rehype.
+ * Plugin that turns markdown into HTML to support rehype.
  *
- * If a destination is given, runs the destination with the new hast tree
- * (bridge-mode).
- * Without destination, returns the hast tree: further plugins run on that tree
- * (mutate-mode).
+ * *   If a destination processor is given, that processor runs with a new HTML
+ *     (hast) tree (bridge-mode).
+ *     As the given processor runs with a hast tree, and rehype plugins support
+ *     hast, that means rehype plugins can be used with the given processor.
+ *     The hast tree is discarded in the end.
+ *     It’s highly unlikely that you want to do this.
+ * *   The common case is to not pass a destination processor, in which case the
+ *     current processor continues running with a new HTML (hast) tree
+ *     (mutate-mode).
+ *     As the current processor continues with a hast tree, and rehype plugins
+ *     support hast, that means rehype plugins can be used after
+ *     `remark-rehype`.
+ *     It’s likely that this is what you want to do.
  *
  * @param destination
  *   Optional unified processor.
@@ -50391,16 +50635,16 @@ function toHast(tree, options) {
  *   Options passed to `mdast-util-to-hast`.
  */
 const remarkRehype =
-  /** @type {(import('unified').Plugin<[Processor, Options?]|[Options]|[], MdastRoot>)} */
+  /** @type {(import('unified').Plugin<[Processor, Options?]|[null|undefined, Options?]|[Options]|[], MdastRoot>)} */
   (
     function (destination, options) {
       return destination && 'run' in destination
         ? bridge(destination, options)
-        : mutate(destination)
+        : mutate(destination || options)
     }
   )
 
-/* harmony default export */ const remark_rehype = (remarkRehype);
+/* harmony default export */ const lib = (remarkRehype);
 
 /**
  * Bridge-mode.
@@ -50418,12 +50662,12 @@ function bridge(destination, options) {
 
 /**
  * Mutate-mode.
- * Further transformers run on the nlcst tree.
+ * Further plugins run on the hast tree.
  *
  * @type {import('unified').Plugin<[Options?]|void[], MdastRoot, HastRoot>}
  */
 function mutate(options) {
-  // @ts-expect-error: assume a corresponding node is returned for `toHast`.
+  // @ts-expect-error: assume a corresponding node is returned by `toHast`.
   return (node) => toHast(node, options)
 }
 
@@ -52910,9 +53154,9 @@ function flattenPosition(pos) {
  * @property {string} children
  *
  * @typedef PluginOptions
- * @property {PluggableList} [plugins=[]] **deprecated**: use `remarkPlugins` instead
  * @property {PluggableList} [remarkPlugins=[]]
  * @property {PluggableList} [rehypePlugins=[]]
+ * @property {import('remark-rehype').Options} [remarkRehypeOptions={}]
  *
  * @typedef LayoutOptions
  * @property {string} [className]
@@ -52941,6 +53185,7 @@ const changelog =
 
 /** @type {Record<string, Deprecation>} */
 const deprecated = {
+  plugins: {to: 'plugins', id: 'change-plugins-to-remarkplugins'},
   renderers: {to: 'components', id: 'change-renderers-to-components'},
   astPlugins: {id: 'remove-buggy-html-in-markdown-parser'},
   allowDangerousHtml: {id: 'remove-buggy-html-in-markdown-parser'},
@@ -52985,9 +53230,11 @@ function ReactMarkdown(options) {
 
   const processor = unified()
     .use(remark_parse)
-    // TODO: deprecate `plugins` in v8.0.0.
-    .use(options.remarkPlugins || options.plugins || [])
-    .use(remark_rehype, {allowDangerousHtml: true})
+    .use(options.remarkPlugins || [])
+    .use(lib, {
+      ...options.remarkRehypeOptions,
+      allowDangerousHtml: true
+    })
     .use(options.rehypePlugins || [])
     .use(rehypeFilter, options)
 
@@ -66880,7 +67127,7 @@ const rehypeAttrs = (options) => {
         });
     };
 };
-/* harmony default export */ const lib = (rehypeAttrs);
+/* harmony default export */ const rehype_attr_lib = (rehypeAttrs);
 
 // EXTERNAL MODULE: ./node_modules/@mapbox/rehype-prism/index.js
 var rehype_prism = __webpack_require__(7748);
@@ -71329,7 +71576,7 @@ var jsx_runtime = __webpack_require__(9724);
 ;// CONCATENATED MODULE: ./node_modules/@uiw/react-markdown-preview/esm/index.js
 
 
-var _excluded = ["prefixCls", "className", "source", "style", "onScroll", "onMouseOver", "warpperElement"];
+var _excluded = ["prefixCls", "className", "source", "style", "onScroll", "onMouseOver", "pluginsFilter", "warpperElement"];
 
 
 
@@ -71391,15 +71638,24 @@ var getCodeStr = function getCodeStr(data, code) {
     style,
     onScroll,
     onMouseOver,
+    pluginsFilter,
     warpperElement = {}
   } = props,
-      other = objectWithoutPropertiesLoose_objectWithoutPropertiesLoose(props, _excluded);
+      other = _objectWithoutPropertiesLoose(props, _excluded);
 
   var mdp = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref, () => _extends({}, props, {
     mdp
   }), [mdp, props]);
   var cls = (prefixCls || '') + " " + (className || '');
+  var rehypePlugins = [[(rehype_prism_default()), {
+    ignoreMissing: true
+  }], rehypeRaw, rehypeSlug, rehypeAutolinkHeadings, [rehype_rewrite_lib, {
+    rewrite: rehypeRewriteHandle
+  }], [rehype_attr_lib, {
+    properties: 'attr'
+  }], ...(other.rehypePlugins || [])];
+  var remarkPlugins = [...(other.remarkPlugins || []), remarkGfm];
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
     ref: mdp,
     onScroll: onScroll,
@@ -71408,14 +71664,8 @@ var getCodeStr = function getCodeStr(data, code) {
     className: cls,
     style: style,
     children: /*#__PURE__*/(0,jsx_runtime.jsx)(ReactMarkdown, _extends({}, other, {
-      rehypePlugins: [[(rehype_prism_default()), {
-        ignoreMissing: true
-      }], rehypeRaw, rehypeSlug, rehypeAutolinkHeadings, [rehype_rewrite_lib, {
-        rewrite: rehypeRewriteHandle
-      }], [lib, {
-        properties: 'attr'
-      }], ...(other.rehypePlugins || [])],
-      remarkPlugins: [...(other.remarkPlugins || []), remarkGfm],
+      rehypePlugins: pluginsFilter ? pluginsFilter('rehype', rehypePlugins) : rehypePlugins,
+      remarkPlugins: pluginsFilter ? pluginsFilter('remark', remarkPlugins) : remarkPlugins,
       children: source || ''
     }))
   }));
@@ -75332,7 +75582,7 @@ function Child_Child(props){var _ref=props||{},prefixCls=_ref.prefixCls,groupNam
 function ToolbarItems(props){var prefixCls=props.prefixCls;var _useContext=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(EditorContext),fullscreen=_useContext.fullscreen,preview=_useContext.preview,_useContext$barPopup=_useContext.barPopup,barPopup=_useContext$barPopup===void 0?{}:_useContext$barPopup,commandOrchestrator=_useContext.commandOrchestrator,dispatch=_useContext.dispatch;var originalOverflow=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)('');function handleClick(command,name){if(!dispatch)return;var state={barPopup:_objectSpread2({},barPopup)};if(command.keyCommand==='preview'){state.preview=command.value;}if(command.keyCommand==='fullscreen'){state.fullscreen=!fullscreen;}if(props.commands&&command.keyCommand==='group'){props.commands.forEach(function(item){if(name===item.groupName){state.barPopup[name]=true;}else if(item.keyCommand){state.barPopup[item.groupName]=false;}});}else if(name||command.parent){Object.keys(state.barPopup||{}).forEach(function(keyName){state.barPopup[keyName]=false;});}if(Object.keys(state).length){dispatch(_objectSpread2({},state));}commandOrchestrator&&commandOrchestrator.executeCommand(command);}(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(document){if(fullscreen){// prevent scroll on fullscreen
 document.body.style.overflow='hidden';}else{// get the original overflow only the first time
 if(!originalOverflow.current){originalOverflow.current=window.getComputedStyle(document.body,null).overflow;}// reset to the original overflow
-document.body.style.overflow=originalOverflow.current;}}},[fullscreen,originalOverflow]);return/*#__PURE__*/(0,jsx_runtime.jsx)("ul",{children:(props.commands||[]).map(function(item,idx){if(item.keyCommand==='divider'){return/*#__PURE__*/(0,jsx_runtime.jsx)("li",_objectSpread2(_objectSpread2({},item.liProps),{},{className:"".concat(prefixCls,"-toolbar-divider")}),idx);}if(!item.keyCommand)return/*#__PURE__*/(0,jsx_runtime.jsx)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment,{},idx);var activeBtn=fullscreen&&item.keyCommand==='fullscreen'||item.keyCommand==='preview'&&preview===item.value;var childNode=item.children&&typeof item.children==='function'?item.children({getState:function getState(){return commandOrchestrator.getState();},textApi:commandOrchestrator?commandOrchestrator.textApi:undefined,close:function close(){return handleClick({},item.groupName);},execute:function execute(){return handleClick({execute:item.execute});}}):undefined;var disabled=barPopup&&preview&&preview==='preview'&&!/(preview|fullscreen)/.test(item.keyCommand);return/*#__PURE__*/(0,jsx_runtime.jsxs)("li",_objectSpread2(_objectSpread2({},item.liProps),{},{className:activeBtn?"active":'',children:[!item.buttonProps&&item.icon,item.buttonProps&&/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement('button',_objectSpread2(_objectSpread2({type:'button',disabled:disabled,'data-name':item.name},item.buttonProps),{},{onClick:function onClick(evn){evn.stopPropagation();handleClick(item,item.groupName);}}),item.icon),item.children&&/*#__PURE__*/(0,jsx_runtime.jsx)(Child_Child,{groupName:item.groupName,prefixCls:prefixCls,children:childNode,commands:Array.isArray(item.children)?item.children:undefined})]}),idx);})});}function Toolbar_Toolbar(){var props=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var prefixCls=props.prefixCls,_props$height=props.height,height=_props$height===void 0?29:_props$height,isChild=props.isChild;var _useContext2=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(EditorContext),commands=_useContext2.commands,extraCommands=_useContext2.extraCommands;return/*#__PURE__*/(0,jsx_runtime.jsxs)("div",{className:"".concat(prefixCls,"-toolbar"),style:{height:height},children:[/*#__PURE__*/(0,jsx_runtime.jsx)(ToolbarItems,_objectSpread2(_objectSpread2({},props),{},{commands:props.commands||commands||[]})),!isChild&&/*#__PURE__*/(0,jsx_runtime.jsx)(ToolbarItems,_objectSpread2(_objectSpread2({},props),{},{commands:extraCommands||[]}))]});}
+document.body.style.overflow=originalOverflow.current;}}},[fullscreen,originalOverflow]);return/*#__PURE__*/(0,jsx_runtime.jsx)("ul",{children:(props.commands||[]).map(function(item,idx){if(item.keyCommand==='divider'){return/*#__PURE__*/(0,jsx_runtime.jsx)("li",_objectSpread2(_objectSpread2({},item.liProps),{},{className:"".concat(prefixCls,"-toolbar-divider")}),idx);}if(!item.keyCommand)return/*#__PURE__*/(0,jsx_runtime.jsx)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment,{},idx);var activeBtn=fullscreen&&item.keyCommand==='fullscreen'||item.keyCommand==='preview'&&preview===item.value;var childNode=item.children&&typeof item.children==='function'?item.children({getState:function getState(){return commandOrchestrator.getState();},textApi:commandOrchestrator?commandOrchestrator.textApi:undefined,close:function close(){return handleClick({},item.groupName);},execute:function execute(){return handleClick({execute:item.execute});}}):undefined;var disabled=barPopup&&preview&&preview==='preview'&&!/(preview|fullscreen)/.test(item.keyCommand);return/*#__PURE__*/(0,jsx_runtime.jsxs)("li",_objectSpread2(_objectSpread2({},item.liProps),{},{className:activeBtn?"active":'',children:[!item.buttonProps&&item.icon,item.buttonProps&&/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement('button',_objectSpread2(_objectSpread2({type:'button',key:idx,disabled:disabled,'data-name':item.name},item.buttonProps),{},{onClick:function onClick(evn){evn.stopPropagation();handleClick(item,item.groupName);}}),item.icon),item.children&&/*#__PURE__*/(0,jsx_runtime.jsx)(Child_Child,{groupName:item.groupName,prefixCls:prefixCls,children:childNode,commands:Array.isArray(item.children)?item.children:undefined})]}),idx);})});}function Toolbar_Toolbar(){var props=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var prefixCls=props.prefixCls,_props$height=props.height,height=_props$height===void 0?29:_props$height,isChild=props.isChild;var _useContext2=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(EditorContext),commands=_useContext2.commands,extraCommands=_useContext2.extraCommands;return/*#__PURE__*/(0,jsx_runtime.jsxs)("div",{className:"".concat(prefixCls,"-toolbar"),style:{height:height},children:[/*#__PURE__*/(0,jsx_runtime.jsx)(ToolbarItems,_objectSpread2(_objectSpread2({},props),{},{commands:props.commands||commands||[]})),!isChild&&/*#__PURE__*/(0,jsx_runtime.jsx)(ToolbarItems,_objectSpread2(_objectSpread2({},props),{},{commands:extraCommands||[]}))]});}
 ;// CONCATENATED MODULE: ./src/components/DragBar/index.less
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const DragBar = ({});