@krainovsd/markdown-editor 0.3.0 → 0.3.2

package/lib/esm/extensions/markdown/image/image-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-widget.js","sources":["../../../../../src/extensions/markdown/image/image-widget.ts"],"sourcesContent":["import { type EditorView, WidgetType } from \"@codemirror/view\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport { openedImageEffect } from \"../markdown-state\";\nimport styles from \"../styles.module.scss\";\n\nconst INTERVAL_DELAY = 10000;\nconst IMAGE_NODES: Record<string, ImageElement | undefined> = {};\nconst EXISTING_WIDGETS: Set<string> = new Set();\nlet interval: NodeJS.Timeout | null = null;\n\ninterface ImageElement extends HTMLImageElement {\n  clearListeners?: () => void;\n  destroy?: () => void;\n}\n\nexport class ImageWidget extends WidgetType {\n  constructor(\n    private text: string,\n    private link: string,\n    private from: number,\n    private to: number,\n    private imageSrcGetter: ((src: string) => string) | undefined,\n    private view: EditorView,\n  ) {\n    super();\n  }\n\n  get key() {\n    return `${this.link}:${this.text}:${this.from}:${this.to}`;\n  }\n\n  get src() {\n    return this.imageSrcGetter ? this.imageSrcGetter(this.link) : this.link;\n  }\n\n  eq(widget: ImageWidget): boolean {\n    const image = IMAGE_NODES[this.key];\n\n    if (!image) return false;\n\n    delete IMAGE_NODES[this.key];\n    EXISTING_WIDGETS.delete(this.key);\n\n    if (image.src !== widget.src) image.src = widget.src;\n    if (image.alt !== widget.text) image.alt = widget.text;\n\n    this.link = widget.link;\n    this.text = widget.text;\n    this.from = widget.from;\n    this.to = widget.to;\n\n    this.registerListeners(image);\n    IMAGE_NODES[this.key] = image;\n    EXISTING_WIDGETS.add(this.key);\n\n    return true;\n  }\n\n  updateDOM(): boolean {\n    return true;\n  }\n\n  toDOM(): HTMLElement {\n    EXISTING_WIDGETS.add(this.key);\n\n    let image = IMAGE_NODES[this.key];\n    if (image) {\n      if (image.src !== this.src) {\n        image.src = this.src;\n      }\n      if (image.alt !== this.text) image.alt = this.text;\n\n      return image;\n    }\n\n    image = document.createElement(\"img\");\n    image.classList.add(styles.image);\n    image.alt = this.text;\n    image.src = this.src;\n    image.style.maxWidth = \"100%\";\n\n    this.registerListeners(image);\n    IMAGE_NODES[this.key] = image;\n\n    if (!interval) interval = setInterval(garbageCollectorInterval, INTERVAL_DELAY);\n\n    return image;\n  }\n\n  destroy(): void {\n    EXISTING_WIDGETS.delete(this.key);\n  }\n\n  registerListeners(image: ImageElement) {\n    image.clearListeners?.();\n    const abortController = new AbortController();\n    image.addEventListener(\n      \"mousedown\",\n      (event) => handleClick(this.view, this.text, this.link, this.key, event),\n      { signal: abortController.signal },\n    );\n    image.clearListeners = () => {\n      abortController.abort();\n    };\n    image.destroy = () => {\n      image.clearListeners?.();\n      image.remove();\n    };\n  }\n}\n\nfunction garbageCollectorInterval() {\n  for (const [key, node] of Object.entries(IMAGE_NODES)) {\n    if (EXISTING_WIDGETS.has(key) || !node) continue;\n\n    delete IMAGE_NODES[key];\n    node.destroy?.();\n  }\n\n  if (Object.keys(IMAGE_NODES).length === 0 && interval) {\n    clearInterval(interval);\n    interval = null;\n  }\n}\n\n/** recursively find the link text node in line */\nfunction getTextNode(\n  text: string,\n  link: string,\n  key: string,\n  line: ChildNode | Node | null | undefined,\n): ChildNode | null {\n  if (!line) return null;\n  const textNodeContainer = getTextNodeContainer(text, link, key, line);\n  if (!textNodeContainer) return null;\n\n  for (const node of Array.from(textNodeContainer.childNodes)) {\n    if (isCorrectNode(text, link, node)) {\n      return node;\n    }\n  }\n\n  return null;\n}\n\nfunction getTextNodeContainer(\n  text: string,\n  link: string,\n  key: string,\n  line: ChildNode | Node | null | undefined,\n): HTMLElement | null {\n  if (!line) return null;\n\n  for (const node of Array.from(line.childNodes)) {\n    if (node instanceof HTMLElement && node.getAttribute(\"data-id\") === key) {\n      return node;\n    }\n\n    if (node.nodeType !== 3) {\n      const inner = getTextNodeContainer(text, link, key, node);\n      if (inner) return inner;\n    }\n  }\n\n  return null;\n}\n\nfunction isCorrectNode(\n  text: string,\n  link: string,\n  node: ChildNode | Node | null | undefined,\n): node is ChildNode | Node {\n  if (!node) return false;\n\n  const textContent = node?.textContent;\n\n  return Boolean(\n    node &&\n      textContent &&\n      node.nodeType === 3 &&\n      textContent.includes(link) &&\n      textContent.includes(text),\n  );\n}\n\ntype SelectLinkOptions = {\n  node: ChildNode | Node;\n  selection: Selection;\n  start?: number;\n  link: string;\n};\nfunction selectLink({ link, node, selection, start }: SelectLinkOptions) {\n  const startPosition = start ?? (node.textContent?.indexOf?.(link) || 0);\n  const endPosition = startPosition + link.length;\n\n  const range = document.createRange();\n  range.setStart(node, startPosition);\n  range.setEnd(node, endPosition);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nfunction handleClick(\n  view: EditorView | undefined,\n  text: string,\n  link: string,\n  key: string,\n  event: MouseEvent,\n) {\n  const selection = window.getSelection();\n\n  if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) {\n    return;\n  }\n\n  event.stopPropagation();\n  event.preventDefault();\n  const target = event.target as HTMLImageElement;\n  const parent = target.parentNode;\n  let line: HTMLElement | null = parent as HTMLElement | null;\n\n  /** recursively find line that contains link */\n  while (line && !line.classList.contains(\"cm-line\")) {\n    line = line.parentNode as HTMLElement | null;\n  }\n\n  const editor = Array.from(document.querySelectorAll(\".cm-editor\")).find((element) =>\n    element.contains(target),\n  );\n\n  if (!selection || !editor || !parent) return;\n\n  const textNode = getTextNode(text, link, key, line);\n\n  if (textNode) {\n    return void selectLink({ selection, link, node: textNode });\n  }\n\n  saveDispatch(() => {\n    if (!view) return;\n    view.dispatch(view.state.update({ effects: openedImageEffect.of(key) }));\n\n    const textNode = getTextNode(text, link, key, line);\n    if (textNode) {\n      selectLink({ selection, link, node: textNode });\n    }\n\n    requestAnimationFrame(() => {\n      saveDispatch(() => {\n        if (view) view.dispatch(view.state.update({ effects: openedImageEffect.of(undefined) }));\n      });\n    });\n  });\n\n  return false;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"image-widget.js","sources":["../../../../../src/extensions/markdown/image/image-widget.ts"],"sourcesContent":["import { type EditorView, WidgetType } from \"@codemirror/view\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport { openedImageEffect } from \"../markdown-state\";\nimport styles from \"../styles.module.scss\";\n\nconst IMAGE_NODES: Record<string, ImageContainerElement | undefined> = {};\nconst INTERVAL_DELAY = 10000;\nconst EXISTING_WIDGETS: Set<string> = new Set();\nlet interval: NodeJS.Timeout | null = null;\ninterface ImageContainerElement extends HTMLSpanElement {\n  clearListeners?: () => void;\n  destroy?: () => void;\n  image?: HTMLImageElement;\n}\n\nexport class ImageWidget extends WidgetType {\n  constructor(\n    private text: string,\n    private link: string,\n    private from: number,\n    private to: number,\n    private uniqueId: string,\n    private fullLine: boolean,\n    private imageSrcGetter: ((src: string) => string) | undefined,\n    private view: EditorView,\n  ) {\n    super();\n  }\n\n  get key() {\n    return `${this.link}:${this.text}:${this.uniqueId}:${this.from}:${this.to}`;\n  }\n\n  get src() {\n    return this.imageSrcGetter ? this.imageSrcGetter(this.link) : this.link;\n  }\n\n  eq(widget: ImageWidget): boolean {\n    const container = IMAGE_NODES[this.key];\n    const image = container?.image;\n\n    if (!image) return false;\n\n    delete IMAGE_NODES[this.key];\n    EXISTING_WIDGETS.delete(this.key);\n\n    if (image.src !== widget.src) image.src = widget.src;\n    if (image.alt !== widget.text) image.alt = widget.text;\n\n    this.link = widget.link;\n    this.text = widget.text;\n    this.from = widget.from;\n    this.to = widget.to;\n\n    this.registerListeners(image);\n    IMAGE_NODES[this.key] = image;\n    EXISTING_WIDGETS.add(this.key);\n\n    return true;\n  }\n\n  updateDOM(): boolean {\n    return true;\n  }\n\n  toDOM(): HTMLElement {\n    EXISTING_WIDGETS.add(this.key);\n    let container = IMAGE_NODES[this.key];\n    let image = container?.image;\n\n    if (image && container) {\n      if (image.src !== this.src) {\n        image.src = this.src;\n      }\n      if (image.alt !== this.text) image.alt = this.text;\n\n      return container;\n    }\n\n    image = document.createElement(\"img\");\n    image.classList.add(styles.image);\n    image.alt = this.text;\n    image.src = this.src;\n    image.style.maxWidth = \"100%\";\n\n    container = document.createElement(\"span\") as ImageContainerElement;\n    container.appendChild(image);\n    container.image = image;\n    if (this.fullLine) {\n      container.style.width = \"100%\";\n      container.style.display = \"inline-block\";\n    }\n\n    this.registerListeners(container);\n    IMAGE_NODES[this.key] = container;\n\n    if (!interval) interval = setInterval(garbageCollectorInterval, INTERVAL_DELAY);\n\n    return container;\n  }\n\n  destroy(): void {\n    EXISTING_WIDGETS.delete(this.key);\n  }\n\n  registerListeners(image: ImageContainerElement) {\n    image.clearListeners?.();\n    const abortController = new AbortController();\n    image.addEventListener(\n      \"mousedown\",\n      (event) => handleClick(this.view, this.text, this.link, this.key, event),\n      { signal: abortController.signal },\n    );\n    image.clearListeners = () => {\n      abortController.abort();\n    };\n    image.destroy = () => {\n      image.clearListeners?.();\n      image.remove();\n    };\n  }\n}\n\n/** for disable cache */\nfunction garbageCollectorInterval() {\n  for (const [key, node] of Object.entries(IMAGE_NODES)) {\n    if (EXISTING_WIDGETS.has(key) || !node) continue;\n    delete IMAGE_NODES[key];\n    node.destroy?.();\n  }\n\n  if (Object.keys(IMAGE_NODES).length === 0 && interval) {\n    clearInterval(interval);\n    interval = null;\n  }\n}\n\n/** recursively find the link text node in line */\nfunction getTextNode(\n  text: string,\n  link: string,\n  key: string,\n  line: ChildNode | Node | null | undefined,\n): ChildNode | null {\n  if (!line) return null;\n  const textNodeContainer = getTextNodeContainer(text, link, key, line);\n  if (!textNodeContainer) return null;\n\n  for (const node of Array.from(textNodeContainer.childNodes)) {\n    if (isCorrectNode(text, link, node)) {\n      return node;\n    }\n  }\n\n  return null;\n}\n\nfunction getTextNodeContainer(\n  text: string,\n  link: string,\n  key: string,\n  line: ChildNode | Node | null | undefined,\n): HTMLElement | null {\n  if (!line) return null;\n\n  for (const node of Array.from(line.childNodes)) {\n    if (node instanceof HTMLElement && node.getAttribute(\"data-id\") === key) {\n      return node;\n    }\n\n    if (node.nodeType !== 3) {\n      const inner = getTextNodeContainer(text, link, key, node);\n      if (inner) return inner;\n    }\n  }\n\n  return null;\n}\n\nfunction isCorrectNode(\n  text: string,\n  link: string,\n  node: ChildNode | Node | null | undefined,\n): node is ChildNode | Node {\n  if (!node) return false;\n\n  const textContent = node?.textContent;\n\n  return Boolean(\n    node &&\n      textContent &&\n      node.nodeType === 3 &&\n      textContent.includes(link) &&\n      textContent.includes(text),\n  );\n}\n\ntype SelectLinkOptions = {\n  node: ChildNode | Node;\n  selection: Selection;\n  start?: number;\n  link: string;\n};\nfunction selectLink({ link, node, selection, start }: SelectLinkOptions) {\n  const startPosition = start ?? (node.textContent?.indexOf?.(link) || 0);\n  const endPosition = startPosition + link.length;\n\n  const range = document.createRange();\n  range.setStart(node, startPosition);\n  range.setEnd(node, endPosition);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nfunction handleClick(\n  view: EditorView | undefined,\n  text: string,\n  link: string,\n  key: string,\n  event: MouseEvent,\n) {\n  const selection = window.getSelection();\n\n  if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) {\n    return;\n  }\n\n  event.stopPropagation();\n  event.preventDefault();\n  const target = event.target as HTMLImageElement;\n  const parent = target.parentNode;\n  let line: HTMLElement | null = parent as HTMLElement | null;\n\n  /** recursively find line that contains link */\n  while (line && !line.classList.contains(\"cm-line\")) {\n    line = line.parentNode as HTMLElement | null;\n  }\n\n  const editor = Array.from(document.querySelectorAll(\".cm-editor\")).find((element) =>\n    element.contains(target),\n  );\n\n  if (!selection || !editor || !parent) return;\n\n  const textNode = getTextNode(text, link, key, line);\n\n  if (textNode) {\n    return void selectLink({ selection, link, node: textNode });\n  }\n\n  saveDispatch(() => {\n    if (!view) return;\n    view.dispatch(view.state.update({ effects: openedImageEffect.of(key) }));\n\n    const textNode = getTextNode(text, link, key, line);\n    if (textNode) {\n      selectLink({ selection, link, node: textNode });\n    }\n\n    requestAnimationFrame(() => {\n      saveDispatch(() => {\n        if (view) view.dispatch(view.state.update({ effects: openedImageEffect.of(undefined) }));\n      });\n    });\n  });\n\n  return false;\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/extensions/markdown/italic/italic-decoration.js

@@ -12,12 +12,12 @@ function getItalicDecorations({ decorations, node }) {
         range: [node.from, node.to],
     }));
 }
-function getItalicSelectionDecorations({ decorations, node, view, forceActive, }) {
+function getItalicSelectionDecorations({ decorations, node, view, forceActive, settings, }) {
     if (node.name !== NAME_OF_ITALIC) {
         return;
     }
-    if (checkIsSeveralEmphasis({ decorations, node, view, forceActive })) {
-        return void splitEmphasis({ decorations, node, view, forceActive });
+    if (checkIsSeveralEmphasis({ decorations, node, view, forceActive, settings })) {
+        return void splitEmphasis({ decorations, node, view, forceActive, settings });
     }
     let step = 1;
     const startText = view.state.doc.sliceString(node.from, node.from + 3);
@@ -46,7 +46,7 @@ function checkIsSeveralEmphasis({ node, view }) {
         return true;
     return false;
 }
-function splitEmphasis({ decorations, node, view, forceActive }) {
+function splitEmphasis({ decorations, node, view, forceActive, settings, }) {
     const text = view.state.doc.sliceString(node.from, node.to);
     let marks = 0;
     let pos = 0;
@@ -60,12 +60,14 @@ function splitEmphasis({ decorations, node, view, forceActive }) {
         view,
         node: { ...node, name: node.name, from: node.from, to: node.from + pos },
         forceActive,
+        settings,
     });
     getItalicSelectionDecorations({
         decorations,
         view,
         node: { ...node, name: node.name, from: node.from + pos, to: node.to },
         forceActive,
+        settings,
     });
 }
 const italicDecorationPlugin = {

package/lib/esm/extensions/markdown/italic/italic-decoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"italic-decoration.js","sources":["../../../../../src/extensions/markdown/italic/italic-decoration.ts"],"sourcesContent":["import { utils } from \"@/lib\";\nimport type {\n  DecorationPlugin,\n  GetDecorationOptions,\n  GetSelectionDecorationOptions,\n} from \"../markdown-types\";\nimport styles from \"../styles.module.scss\";\nimport { LIST_OF_ITALIC_MARKS, NAME_OF_ITALIC } from \"./italic-constants\";\n\nfunction getItalicDecorations({ decorations, node }: GetDecorationOptions) {\n  if (node.name !== NAME_OF_ITALIC) {\n    return;\n  }\n\n  decorations.push(\n    utils.getMarkDecoration({\n      style: styles.italic,\n      range: [node.from, node.to],\n    }),\n  );\n}\n\nfunction getItalicSelectionDecorations({\n  decorations,\n  node,\n  view,\n  forceActive,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_ITALIC) {\n    return;\n  }\n\n  if (checkIsSeveralEmphasis({ decorations, node, view, forceActive })) {\n    return void splitEmphasis({ decorations, node, view, forceActive });\n  }\n\n  let step = 1;\n  const startText = view.state.doc.sliceString(node.from, node.from + 3);\n  if (\n    LIST_OF_ITALIC_MARKS.has(startText.charCodeAt(0)) &&\n    LIST_OF_ITALIC_MARKS.has(startText.charCodeAt(1)) &&\n    LIST_OF_ITALIC_MARKS.has(startText.charCodeAt(2))\n  )\n    step = 3;\n\n  if (\n    forceActive ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [node.from, node.to])\n  ) {\n    decorations.push(utils.getHideDecoration({ range: [node.from, node.from + step] }));\n    decorations.push(utils.getHideDecoration({ range: [node.to - step, node.to] }));\n  }\n}\n\n/** Fixed wide italic + italic */\nfunction checkIsSeveralEmphasis({ node, view }: GetSelectionDecorationOptions) {\n  let marks = 0;\n  let pos = 0;\n\n  const text = view.state.doc.sliceString(node.from, node.to);\n\n  while (pos <= text.length) {\n    if (LIST_OF_ITALIC_MARKS.has(text.charCodeAt(pos))) marks++;\n    pos++;\n  }\n\n  if (marks === 8) return true;\n\n  return false;\n}\n\nfunction splitEmphasis({ decorations, node, view, forceActive }: GetSelectionDecorationOptions) {\n  const text = view.state.doc.sliceString(node.from, node.to);\n  let marks = 0;\n  let pos = 0;\n\n  while (pos <= text.length && marks < 6) {\n    if (LIST_OF_ITALIC_MARKS.has(text.charCodeAt(pos))) marks++;\n    pos++;\n  }\n\n  getItalicSelectionDecorations({\n    decorations,\n    view,\n    node: { ...node, name: node.name, from: node.from, to: node.from + pos },\n    forceActive,\n  });\n  getItalicSelectionDecorations({\n    decorations,\n    view,\n    node: { ...node, name: node.name, from: node.from + pos, to: node.to },\n    forceActive,\n  });\n}\n\nexport const italicDecorationPlugin: DecorationPlugin = {\n  decorations: [getItalicDecorations],\n  selectionDecorations: [getItalicSelectionDecorations],\n};\n"],"names":["utils.getMarkDecoration","utils.isInRange","utils.getHideDecoration"],"mappings":"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"}
+{"version":3,"file":"italic-decoration.js","sources":["../../../../../src/extensions/markdown/italic/italic-decoration.ts"],"sourcesContent":["import { utils } from \"@/lib\";\nimport type {\n  DecorationPlugin,\n  GetDecorationOptions,\n  GetSelectionDecorationOptions,\n} from \"../markdown-types\";\nimport styles from \"../styles.module.scss\";\nimport { LIST_OF_ITALIC_MARKS, NAME_OF_ITALIC } from \"./italic-constants\";\n\nfunction getItalicDecorations({ decorations, node }: GetDecorationOptions) {\n  if (node.name !== NAME_OF_ITALIC) {\n    return;\n  }\n\n  decorations.push(\n    utils.getMarkDecoration({\n      style: styles.italic,\n      range: [node.from, node.to],\n    }),\n  );\n}\n\nfunction getItalicSelectionDecorations({\n  decorations,\n  node,\n  view,\n  forceActive,\n  settings,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_ITALIC) {\n    return;\n  }\n\n  if (checkIsSeveralEmphasis({ decorations, node, view, forceActive, settings })) {\n    return void splitEmphasis({ decorations, node, view, forceActive, settings });\n  }\n\n  let step = 1;\n  const startText = view.state.doc.sliceString(node.from, node.from + 3);\n  if (\n    LIST_OF_ITALIC_MARKS.has(startText.charCodeAt(0)) &&\n    LIST_OF_ITALIC_MARKS.has(startText.charCodeAt(1)) &&\n    LIST_OF_ITALIC_MARKS.has(startText.charCodeAt(2))\n  )\n    step = 3;\n\n  if (\n    forceActive ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [node.from, node.to])\n  ) {\n    decorations.push(utils.getHideDecoration({ range: [node.from, node.from + step] }));\n    decorations.push(utils.getHideDecoration({ range: [node.to - step, node.to] }));\n  }\n}\n\n/** Fixed wide italic + italic */\nfunction checkIsSeveralEmphasis({ node, view }: GetSelectionDecorationOptions) {\n  let marks = 0;\n  let pos = 0;\n\n  const text = view.state.doc.sliceString(node.from, node.to);\n\n  while (pos <= text.length) {\n    if (LIST_OF_ITALIC_MARKS.has(text.charCodeAt(pos))) marks++;\n    pos++;\n  }\n\n  if (marks === 8) return true;\n\n  return false;\n}\n\nfunction splitEmphasis({\n  decorations,\n  node,\n  view,\n  forceActive,\n  settings,\n}: GetSelectionDecorationOptions) {\n  const text = view.state.doc.sliceString(node.from, node.to);\n  let marks = 0;\n  let pos = 0;\n\n  while (pos <= text.length && marks < 6) {\n    if (LIST_OF_ITALIC_MARKS.has(text.charCodeAt(pos))) marks++;\n    pos++;\n  }\n\n  getItalicSelectionDecorations({\n    decorations,\n    view,\n    node: { ...node, name: node.name, from: node.from, to: node.from + pos },\n    forceActive,\n    settings,\n  });\n  getItalicSelectionDecorations({\n    decorations,\n    view,\n    node: { ...node, name: node.name, from: node.from + pos, to: node.to },\n    forceActive,\n    settings,\n  });\n}\n\nexport const italicDecorationPlugin: DecorationPlugin = {\n  decorations: [getItalicDecorations],\n  selectionDecorations: [getItalicSelectionDecorations],\n};\n"],"names":["utils.getMarkDecoration","utils.isInRange","utils.getHideDecoration"],"mappings":"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"}

package/lib/esm/extensions/markdown/link/auto-link-decoration.js

@@ -9,7 +9,8 @@ function getAutoLinkSelectionDecorations({ decorations, node, view, forceActive,
         return;
     const url = view.state.doc.sliceString(node.from + 1, node.to - 1);
     const openedLink = view.state.field(markdownState).openedLink;
-    const key = `${url}:${url}:${node.from}:${node.to}`;
+    const uniqueId = view.state.field(markdownState).uniqueId;
+    const key = `${url}:${url}:${uniqueId}:${node.from}:${node.to}`;
     const isOpened = openedLink && openedLink === key;
     if (isOpened) {
         return void decorations.push(getMarkDecoration({
@@ -24,7 +25,7 @@ function getAutoLinkSelectionDecorations({ decorations, node, view, forceActive,
         !isInRange(view.state.selection.ranges, [node.from, node.to])) {
         decorations.push(getReplaceDecoration({
             range: [node.from, node.to],
-            widget: new LinkWidget(url, url, node.from, node.to, view),
+            widget: new LinkWidget(url, url, node.from, node.to, uniqueId, view),
         }));
     }
     else {

package/lib/esm/extensions/markdown/link/auto-link-decoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"auto-link-decoration.js","sources":["../../../../../src/extensions/markdown/link/auto-link-decoration.ts"],"sourcesContent":["import { utils } from \"@/lib\";\nimport { markdownState } from \"../markdown-state\";\nimport type { DecorationPlugin, GetSelectionDecorationOptions } from \"../markdown-types\";\nimport { NAME_OF_AUTO_LINK } from \"./link-constants\";\nimport { LinkWidget } from \"./link-widget\";\n\nfunction getAutoLinkSelectionDecorations({\n  decorations,\n  node,\n  view,\n  forceActive,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_AUTO_LINK) return;\n\n  const url = view.state.doc.sliceString(node.from + 1, node.to - 1);\n  const openedLink = view.state.field(markdownState).openedLink;\n  const key = `${url}:${url}:${node.from}:${node.to}`;\n  const isOpened = openedLink && openedLink === key;\n\n  if (isOpened) {\n    return void decorations.push(\n      utils.getMarkDecoration({\n        range: [node.from, node.to],\n        attributes: {\n          \"data-id\": key,\n        },\n      }),\n    );\n  }\n\n  if (\n    forceActive ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [node.from, node.to])\n  ) {\n    decorations.push(\n      utils.getReplaceDecoration({\n        range: [node.from, node.to],\n        widget: new LinkWidget(url, url, node.from, node.to, view),\n      }),\n    );\n  } else {\n    decorations.push(\n      utils.getMarkDecoration({\n        range: [node.from, node.to],\n        attributes: {\n          \"data-id\": key,\n        },\n      }),\n    );\n  }\n}\n\nexport const autoLinkDecorationPlugin: DecorationPlugin = {\n  selectionDecorations: [getAutoLinkSelectionDecorations],\n};\n"],"names":["utils.getMarkDecoration","utils.isInRange","utils.getReplaceDecoration"],"mappings":";;;;;;AAMA,SAAS,+BAA+B,CAAC,EACvC,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,WAAW,GACmB,EAAA;AAC9B,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB;QAAE;IAErC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;AAClE,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,UAAU;AAC7D,IAAA,MAAM,GAAG,GAAG,CAAG,EAAA,GAAG,IAAI,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,EAAE,EAAE;AACnD,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,UAAU,KAAK,GAAG;IAEjD,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAK,WAAW,CAAC,IAAI,CAC1BA,iBAAuB,CAAC;YACtB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC3B,YAAA,UAAU,EAAE;AACV,gBAAA,SAAS,EAAE,GAAG;AACf,aAAA;AACF,SAAA,CAAC,CACH;;AAGH,IAAA,IACE,WAAW;QACX,CAAC,IAAI,CAAC,QAAQ;QACd,CAACC,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EACnE;AACA,QAAA,WAAW,CAAC,IAAI,CACdC,oBAA0B,CAAC;YACzB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC3B,YAAA,MAAM,EAAE,IAAI,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC;AAC3D,SAAA,CAAC,CACH;;SACI;AACL,QAAA,WAAW,CAAC,IAAI,CACdF,iBAAuB,CAAC;YACtB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC3B,YAAA,UAAU,EAAE;AACV,gBAAA,SAAS,EAAE,GAAG;AACf,aAAA;AACF,SAAA,CAAC,CACH;;AAEL;AAEa,MAAA,wBAAwB,GAAqB;IACxD,oBAAoB,EAAE,CAAC,+BAA+B,CAAC;;;;;"}
+{"version":3,"file":"auto-link-decoration.js","sources":["../../../../../src/extensions/markdown/link/auto-link-decoration.ts"],"sourcesContent":["import { utils } from \"@/lib\";\nimport { markdownState } from \"../markdown-state\";\nimport type { DecorationPlugin, GetSelectionDecorationOptions } from \"../markdown-types\";\nimport { NAME_OF_AUTO_LINK } from \"./link-constants\";\nimport { LinkWidget } from \"./link-widget\";\n\nfunction getAutoLinkSelectionDecorations({\n  decorations,\n  node,\n  view,\n  forceActive,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_AUTO_LINK) return;\n\n  const url = view.state.doc.sliceString(node.from + 1, node.to - 1);\n  const openedLink = view.state.field(markdownState).openedLink;\n  const uniqueId = view.state.field(markdownState).uniqueId;\n  const key = `${url}:${url}:${uniqueId}:${node.from}:${node.to}`;\n  const isOpened = openedLink && openedLink === key;\n\n  if (isOpened) {\n    return void decorations.push(\n      utils.getMarkDecoration({\n        range: [node.from, node.to],\n        attributes: {\n          \"data-id\": key,\n        },\n      }),\n    );\n  }\n\n  if (\n    forceActive ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [node.from, node.to])\n  ) {\n    decorations.push(\n      utils.getReplaceDecoration({\n        range: [node.from, node.to],\n        widget: new LinkWidget(url, url, node.from, node.to, uniqueId, view),\n      }),\n    );\n  } else {\n    decorations.push(\n      utils.getMarkDecoration({\n        range: [node.from, node.to],\n        attributes: {\n          \"data-id\": key,\n        },\n      }),\n    );\n  }\n}\n\nexport const autoLinkDecorationPlugin: DecorationPlugin = {\n  selectionDecorations: [getAutoLinkSelectionDecorations],\n};\n"],"names":["utils.getMarkDecoration","utils.isInRange","utils.getReplaceDecoration"],"mappings":";;;;;;AAMA,SAAS,+BAA+B,CAAC,EACvC,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,WAAW,GACmB,EAAA;AAC9B,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB;QAAE;IAErC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;AAClE,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,UAAU;AAC7D,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,QAAQ;AACzD,IAAA,MAAM,GAAG,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,GAAG,CAAI,CAAA,EAAA,QAAQ,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,EAAE,EAAE;AAC/D,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,UAAU,KAAK,GAAG;IAEjD,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAK,WAAW,CAAC,IAAI,CAC1BA,iBAAuB,CAAC;YACtB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC3B,YAAA,UAAU,EAAE;AACV,gBAAA,SAAS,EAAE,GAAG;AACf,aAAA;AACF,SAAA,CAAC,CACH;;AAGH,IAAA,IACE,WAAW;QACX,CAAC,IAAI,CAAC,QAAQ;QACd,CAACC,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EACnE;AACA,QAAA,WAAW,CAAC,IAAI,CACdC,oBAA0B,CAAC;YACzB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC3B,YAAA,MAAM,EAAE,IAAI,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC;AACrE,SAAA,CAAC,CACH;;SACI;AACL,QAAA,WAAW,CAAC,IAAI,CACdF,iBAAuB,CAAC;YACtB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC3B,YAAA,UAAU,EAAE;AACV,gBAAA,SAAS,EAAE,GAAG;AACf,aAAA;AACF,SAAA,CAAC,CACH;;AAEL;AAEa,MAAA,wBAAwB,GAAqB;IACxD,oBAAoB,EAAE,CAAC,+BAA+B,CAAC;;;;;"}

package/lib/esm/extensions/markdown/link/link-decoration.js

@@ -5,7 +5,7 @@ import { NAME_OF_LINK, CODE_OF_START_LINK_TEXT, CODE_OF_START_LINK_URL, CODE_OF_
 import { getLinkLabelSelectionDecoration } from './link-label-decoration.js';
 import { LinkWidget } from './link-widget.js';
 
-function getLinkSelectionDecorations({ decorations, node, view, forceActive, }) {
+function getLinkSelectionDecorations({ decorations, node, view, forceActive, settings, }) {
     if (node.name !== NAME_OF_LINK) {
         return;
     }
@@ -32,11 +32,12 @@ function getLinkSelectionDecorations({ decorations, node, view, forceActive, })
             urlCoordinates.to = pos;
     }
     if (urlCoordinates.from === -1 || urlCoordinates.to === -1)
-        return void getLinkLabelSelectionDecoration({ decorations, forceActive, node, view });
+        return void getLinkLabelSelectionDecoration({ decorations, forceActive, node, view, settings });
     const text = content.substring(textCoordinates.from, textCoordinates.to);
     const url = content.substring(urlCoordinates.from, urlCoordinates.to);
     const openedLink = view.state.field(markdownState).openedLink;
-    const key = `${url}:${text}:${node.from}:${node.to}`;
+    const uniqueId = view.state.field(markdownState).uniqueId;
+    const key = `${url}:${text}:${uniqueId}:${node.from}:${node.to}`;
     const isOpened = openedLink && openedLink === key;
     if (isOpened) {
         return void decorations.push(getMarkDecoration({
@@ -51,7 +52,7 @@ function getLinkSelectionDecorations({ decorations, node, view, forceActive, })
         !isInRange(view.state.selection.ranges, [node.from, node.to])) {
         decorations.push(getReplaceDecoration({
             range: [node.from, node.to],
-            widget: new LinkWidget(text, url, node.from, node.to, view),
+            widget: new LinkWidget(text, url, node.from, node.to, uniqueId, view),
         }));
     }
     else {

package/lib/esm/extensions/markdown/link/link-decoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-decoration.js","sources":["../../../../../src/extensions/markdown/link/link-decoration.ts"],"sourcesContent":["import { utils } from \"@/lib\";\nimport { markdownState } from \"../markdown-state\";\nimport type { DecorationPlugin, GetSelectionDecorationOptions } from \"../markdown-types\";\nimport {\n  CODE_OF_END_LINK_TEXT,\n  CODE_OF_END_LINK_URL,\n  CODE_OF_START_LINK_TEXT,\n  CODE_OF_START_LINK_URL,\n  NAME_OF_LINK,\n} from \"./link-constants\";\nimport { getLinkLabelSelectionDecoration } from \"./link-label-decoration\";\nimport { LinkWidget } from \"./link-widget\";\n\nfunction getLinkSelectionDecorations({\n  decorations,\n  node,\n  view,\n  forceActive,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_LINK) {\n    return;\n  }\n\n  const content = view.state.doc.sliceString(node.from, node.to);\n  const textCoordinates = { from: -1, to: -1 };\n  const urlCoordinates = { from: -1, to: -1 };\n  let pos = -1;\n\n  while (pos < content.length) {\n    pos++;\n    const code = content.charCodeAt(pos);\n\n    if (textCoordinates.from === -1 && code === CODE_OF_START_LINK_TEXT)\n      textCoordinates.from = pos + 1;\n    else if (\n      urlCoordinates.from === -1 &&\n      textCoordinates.to !== -1 &&\n      code === CODE_OF_START_LINK_URL\n    )\n      urlCoordinates.from = pos + 1;\n    else if (\n      textCoordinates.from !== -1 &&\n      textCoordinates.to === -1 &&\n      code === CODE_OF_END_LINK_TEXT\n    )\n      textCoordinates.to = pos;\n    else if (\n      urlCoordinates.from !== -1 &&\n      urlCoordinates.to === -1 &&\n      code === CODE_OF_END_LINK_URL\n    )\n      urlCoordinates.to = pos;\n  }\n\n  if (urlCoordinates.from === -1 || urlCoordinates.to === -1)\n    return void getLinkLabelSelectionDecoration({ decorations, forceActive, node, view });\n\n  const text = content.substring(textCoordinates.from, textCoordinates.to);\n  const url = content.substring(urlCoordinates.from, urlCoordinates.to);\n\n  const openedLink = view.state.field(markdownState).openedLink;\n  const key = `${url}:${text}:${node.from}:${node.to}`;\n  const isOpened = openedLink && openedLink === key;\n\n  if (isOpened) {\n    return void decorations.push(\n      utils.getMarkDecoration({\n        range: [node.from, node.to],\n        attributes: {\n          \"data-id\": key,\n        },\n      }),\n    );\n  }\n\n  if (\n    forceActive ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [node.from, node.to])\n  ) {\n    decorations.push(\n      utils.getReplaceDecoration({\n        range: [node.from, node.to],\n        widget: new LinkWidget(text, url, node.from, node.to, view),\n      }),\n    );\n  } else {\n    decorations.push(\n      utils.getMarkDecoration({\n        range: [node.from, node.to],\n        attributes: {\n          \"data-id\": key,\n        },\n      }),\n    );\n  }\n}\n\nexport const linkDecorationPlugin: DecorationPlugin = {\n  selectionDecorations: [getLinkSelectionDecorations],\n};\n"],"names":["utils.getMarkDecoration","utils.isInRange","utils.getReplaceDecoration"],"mappings":"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"}
+{"version":3,"file":"link-decoration.js","sources":["../../../../../src/extensions/markdown/link/link-decoration.ts"],"sourcesContent":["import { utils } from \"@/lib\";\nimport { markdownState } from \"../markdown-state\";\nimport type { DecorationPlugin, GetSelectionDecorationOptions } from \"../markdown-types\";\nimport {\n  CODE_OF_END_LINK_TEXT,\n  CODE_OF_END_LINK_URL,\n  CODE_OF_START_LINK_TEXT,\n  CODE_OF_START_LINK_URL,\n  NAME_OF_LINK,\n} from \"./link-constants\";\nimport { getLinkLabelSelectionDecoration } from \"./link-label-decoration\";\nimport { LinkWidget } from \"./link-widget\";\n\nfunction getLinkSelectionDecorations({\n  decorations,\n  node,\n  view,\n  forceActive,\n  settings,\n}: GetSelectionDecorationOptions) {\n  if (node.name !== NAME_OF_LINK) {\n    return;\n  }\n\n  const content = view.state.doc.sliceString(node.from, node.to);\n  const textCoordinates = { from: -1, to: -1 };\n  const urlCoordinates = { from: -1, to: -1 };\n  let pos = -1;\n\n  while (pos < content.length) {\n    pos++;\n    const code = content.charCodeAt(pos);\n\n    if (textCoordinates.from === -1 && code === CODE_OF_START_LINK_TEXT)\n      textCoordinates.from = pos + 1;\n    else if (\n      urlCoordinates.from === -1 &&\n      textCoordinates.to !== -1 &&\n      code === CODE_OF_START_LINK_URL\n    )\n      urlCoordinates.from = pos + 1;\n    else if (\n      textCoordinates.from !== -1 &&\n      textCoordinates.to === -1 &&\n      code === CODE_OF_END_LINK_TEXT\n    )\n      textCoordinates.to = pos;\n    else if (\n      urlCoordinates.from !== -1 &&\n      urlCoordinates.to === -1 &&\n      code === CODE_OF_END_LINK_URL\n    )\n      urlCoordinates.to = pos;\n  }\n\n  if (urlCoordinates.from === -1 || urlCoordinates.to === -1)\n    return void getLinkLabelSelectionDecoration({ decorations, forceActive, node, view, settings });\n\n  const text = content.substring(textCoordinates.from, textCoordinates.to);\n  const url = content.substring(urlCoordinates.from, urlCoordinates.to);\n\n  const openedLink = view.state.field(markdownState).openedLink;\n  const uniqueId = view.state.field(markdownState).uniqueId;\n  const key = `${url}:${text}:${uniqueId}:${node.from}:${node.to}`;\n  const isOpened = openedLink && openedLink === key;\n\n  if (isOpened) {\n    return void decorations.push(\n      utils.getMarkDecoration({\n        range: [node.from, node.to],\n        attributes: {\n          \"data-id\": key,\n        },\n      }),\n    );\n  }\n\n  if (\n    forceActive ||\n    !view.hasFocus ||\n    !utils.isInRange(view.state.selection.ranges, [node.from, node.to])\n  ) {\n    decorations.push(\n      utils.getReplaceDecoration({\n        range: [node.from, node.to],\n        widget: new LinkWidget(text, url, node.from, node.to, uniqueId, view),\n      }),\n    );\n  } else {\n    decorations.push(\n      utils.getMarkDecoration({\n        range: [node.from, node.to],\n        attributes: {\n          \"data-id\": key,\n        },\n      }),\n    );\n  }\n}\n\nexport const linkDecorationPlugin: DecorationPlugin = {\n  selectionDecorations: [getLinkSelectionDecorations],\n};\n"],"names":["utils.getMarkDecoration","utils.isInRange","utils.getReplaceDecoration"],"mappings":";;;;;;;AAaA,SAAS,2BAA2B,CAAC,EACnC,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,QAAQ,GACsB,EAAA;AAC9B,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE;QAC9B;;AAGF,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC9D,IAAA,MAAM,eAAe,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE;AAC5C,IAAA,MAAM,cAAc,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE;AAC3C,IAAA,IAAI,GAAG,GAAG,CAAC,CAAC;AAEZ,IAAA,OAAO,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE;AAC3B,QAAA,GAAG,EAAE;QACL,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC;QAEpC,IAAI,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,KAAK,uBAAuB;AACjE,YAAA,eAAe,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC;AAC3B,aAAA,IACH,cAAc,CAAC,IAAI,KAAK,CAAC,CAAC;AAC1B,YAAA,eAAe,CAAC,EAAE,KAAK,CAAC,CAAC;AACzB,YAAA,IAAI,KAAK,sBAAsB;AAE/B,YAAA,cAAc,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC;AAC1B,aAAA,IACH,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC;AAC3B,YAAA,eAAe,CAAC,EAAE,KAAK,CAAC,CAAC;AACzB,YAAA,IAAI,KAAK,qBAAqB;AAE9B,YAAA,eAAe,CAAC,EAAE,GAAG,GAAG;AACrB,aAAA,IACH,cAAc,CAAC,IAAI,KAAK,CAAC,CAAC;AAC1B,YAAA,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC;AACxB,YAAA,IAAI,KAAK,oBAAoB;AAE7B,YAAA,cAAc,CAAC,EAAE,GAAG,GAAG;;AAG3B,IAAA,IAAI,cAAc,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,cAAc,CAAC,EAAE,KAAK,CAAC,CAAC;AACxD,QAAA,OAAO,KAAK,+BAA+B,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAEjG,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC;AACxE,IAAA,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,EAAE,CAAC;AAErE,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,UAAU;AAC7D,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,QAAQ;AACzD,IAAA,MAAM,GAAG,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,IAAI,CAAI,CAAA,EAAA,QAAQ,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,EAAE,EAAE;AAChE,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,UAAU,KAAK,GAAG;IAEjD,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAK,WAAW,CAAC,IAAI,CAC1BA,iBAAuB,CAAC;YACtB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC3B,YAAA,UAAU,EAAE;AACV,gBAAA,SAAS,EAAE,GAAG;AACf,aAAA;AACF,SAAA,CAAC,CACH;;AAGH,IAAA,IACE,WAAW;QACX,CAAC,IAAI,CAAC,QAAQ;QACd,CAACC,SAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EACnE;AACA,QAAA,WAAW,CAAC,IAAI,CACdC,oBAA0B,CAAC;YACzB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC3B,YAAA,MAAM,EAAE,IAAI,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC;AACtE,SAAA,CAAC,CACH;;SACI;AACL,QAAA,WAAW,CAAC,IAAI,CACdF,iBAAuB,CAAC;YACtB,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAC3B,YAAA,UAAU,EAAE;AACV,gBAAA,SAAS,EAAE,GAAG;AACf,aAAA;AACF,SAAA,CAAC,CACH;;AAEL;AAEa,MAAA,oBAAoB,GAAqB;IACpD,oBAAoB,EAAE,CAAC,2BAA2B,CAAC;;;;;"}

package/lib/esm/extensions/markdown/link/link-widget.js

@@ -13,17 +13,19 @@ class LinkWidget extends WidgetType {
     link;
     from;
     to;
+    uniqueId;
     view;
-    constructor(text, link, from, to, view) {
+    constructor(text, link, from, to, uniqueId, view) {
         super();
         this.text = text;
         this.link = link;
         this.from = from;
         this.to = to;
+        this.uniqueId = uniqueId;
         this.view = view;
     }
     get key() {
-        return `${this.link}:${this.text}:${this.from}:${this.to}`;
+        return `${this.link}:${this.text}:${this.uniqueId}:${this.from}:${this.to}`;
     }
     eq(widget) {
         const anchor = LINK_NODES[this.key];

package/lib/esm/extensions/markdown/link/link-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-widget.js","sources":["../../../../../src/extensions/markdown/link/link-widget.ts"],"sourcesContent":["import { type EditorView, WidgetType } from \"@codemirror/view\";\nimport { CLASSES } from \"@/extensions/theme\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport { openedLinkEffect } from \"../markdown-state\";\nimport styles from \"../styles.module.scss\";\n\nconst LINK_NODES: Record<string, AnchorElement | undefined> = {};\n\ninterface AnchorElement extends HTMLAnchorElement {\n  clearListeners?: () => void;\n  destroy?: () => void;\n}\nexport class LinkWidget extends WidgetType {\n  constructor(\n    private text: string,\n    private link: string,\n    private from: number,\n    private to: number,\n    private view: EditorView,\n  ) {\n    super();\n  }\n\n  get key() {\n    return `${this.link}:${this.text}:${this.from}:${this.to}`;\n  }\n\n  eq(widget: LinkWidget): boolean {\n    const anchor = LINK_NODES[this.key];\n    if (!anchor) return false;\n    delete LINK_NODES[this.key];\n\n    if (anchor.href !== widget.link) anchor.href = widget.link;\n    if (anchor.textContent !== widget.text) anchor.textContent = widget.text;\n\n    this.link = widget.link;\n    this.text = widget.text;\n    this.from = widget.from;\n    this.to = widget.to;\n\n    this.registerListeners(anchor);\n    LINK_NODES[this.key] = anchor;\n\n    return true;\n  }\n\n  toDOM(): HTMLElement {\n    const anchor = document.createElement(\"a\") as AnchorElement;\n    anchor.classList.add(styles.link);\n    anchor.classList.add(CLASSES.link);\n\n    anchor.target = \"_blank\";\n    anchor.textContent = this.text;\n    anchor.href = this.link;\n\n    this.registerListeners(anchor);\n\n    LINK_NODES[this.key] = anchor;\n\n    return anchor;\n  }\n\n  destroy(dom: AnchorElement): void {\n    delete LINK_NODES[this.key];\n    dom.destroy?.();\n  }\n\n  registerListeners(anchor: AnchorElement) {\n    anchor.clearListeners?.();\n    const abortController = new AbortController();\n    anchor.addEventListener(\n      \"mousedown\",\n      (event) => handleClick(this.view, this.text, this.link, this.key, event),\n      { signal: abortController.signal },\n    );\n    anchor.addEventListener(\"click\", (e) => e.preventDefault(), { signal: abortController.signal });\n    anchor.clearListeners = () => {\n      abortController.abort();\n    };\n    anchor.destroy = () => {\n      anchor.clearListeners?.();\n      anchor.remove();\n    };\n  }\n}\n\n/** recursively find the link text node in line */\nfunction getTextNode(\n  text: string,\n  link: string,\n  key: string,\n  line: ChildNode | Node | null | undefined,\n): ChildNode | null {\n  if (!line) return null;\n  const textNodeContainer = getTextNodeContainer(text, link, key, line);\n  if (!textNodeContainer) return null;\n\n  for (const node of Array.from(textNodeContainer.childNodes)) {\n    if (isCorrectNode(text, link, node)) {\n      return node;\n    }\n  }\n\n  return null;\n}\n\nfunction getTextNodeContainer(\n  text: string,\n  link: string,\n  key: string,\n  line: ChildNode | Node | null | undefined,\n): HTMLElement | null {\n  if (!line) return null;\n\n  for (const node of Array.from(line.childNodes)) {\n    if (node instanceof HTMLElement && node.getAttribute(\"data-id\") === key) {\n      return node;\n    }\n\n    if (node.nodeType !== 3) {\n      const inner = getTextNodeContainer(text, link, key, node);\n      if (inner) return inner;\n    }\n  }\n\n  return null;\n}\n\nfunction isCorrectNode(\n  text: string,\n  link: string,\n  node: ChildNode | Node | null | undefined,\n): node is ChildNode | Node {\n  if (!node) return false;\n\n  const textContent = node?.textContent;\n\n  return Boolean(\n    node &&\n      textContent &&\n      node.nodeType === 3 &&\n      textContent.includes(link) &&\n      textContent.includes(text),\n  );\n}\n\ntype SelectLinkOptions = {\n  node: ChildNode | Node;\n  selection: Selection;\n  start?: number;\n  link: string;\n};\nfunction selectLink({ link, node, selection, start }: SelectLinkOptions) {\n  const startPosition = start ?? (node.textContent?.indexOf?.(link) || 0);\n  const endPosition = startPosition + link.length;\n\n  const range = document.createRange();\n  range.setStart(node, startPosition);\n  range.setEnd(node, endPosition);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nfunction handleClick(view: EditorView, text: string, link: string, key: string, event: MouseEvent) {\n  /** open the link if has special key or the view is readonly */\n  const contentEditable = view.contentDOM.getAttribute(\"contenteditable\");\n  const forceActive = !contentEditable || contentEditable === \"false\";\n\n  if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey || forceActive) {\n    if (event.type === \"mousedown\") {\n      const target = event.target as HTMLAnchorElement;\n      window.open(target.href, \"_blank\");\n    }\n\n    return;\n  }\n\n  event.stopPropagation();\n  event.preventDefault();\n  const target = event.target as HTMLImageElement;\n  const parent = target.parentNode;\n  let line: HTMLElement | null = parent as HTMLElement | null;\n\n  /** recursively find line that contains link */\n  while (line && !line.classList.contains(\"cm-line\")) {\n    line = line.parentNode as HTMLElement | null;\n  }\n\n  const editor = Array.from(document.querySelectorAll(\".cm-editor\")).find((element) =>\n    element.contains(target),\n  );\n  const selection = window.getSelection();\n\n  if (!selection || !editor || !parent) return;\n\n  const textNode = getTextNode(text, link, key, line);\n\n  if (textNode) {\n    return void selectLink({ selection, link, node: textNode });\n  }\n\n  saveDispatch(() => {\n    if (!view) return;\n\n    view.dispatch(view.state.update({ effects: openedLinkEffect.of(key) }));\n\n    const textNode = getTextNode(text, link, key, line);\n    if (textNode) {\n      selectLink({ selection, link, node: textNode });\n    }\n\n    requestAnimationFrame(() => {\n      saveDispatch(() => {\n        if (view) view.dispatch(view.state.update({ effects: openedLinkEffect.of(undefined) }));\n      });\n    });\n  });\n\n  return false;\n}\n"],"names":[],"mappings":";;;;;;;;;AAMA,MAAM,UAAU,GAA8C,EAAE;AAM1D,MAAO,UAAW,SAAQ,UAAU,CAAA;AAE9B,IAAA,IAAA;AACA,IAAA,IAAA;AACA,IAAA,IAAA;AACA,IAAA,EAAA;AACA,IAAA,IAAA;IALV,WACU,CAAA,IAAY,EACZ,IAAY,EACZ,IAAY,EACZ,EAAU,EACV,IAAgB,EAAA;AAExB,QAAA,KAAK,EAAE;QANC,IAAI,CAAA,IAAA,GAAJ,IAAI;QACJ,IAAI,CAAA,IAAA,GAAJ,IAAI;QACJ,IAAI,CAAA,IAAA,GAAJ,IAAI;QACJ,IAAE,CAAA,EAAA,GAAF,EAAE;QACF,IAAI,CAAA,IAAA,GAAJ,IAAI;;AAKd,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,OAAO,GAAG,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,EAAE,EAAE;;AAG5D,IAAA,EAAE,CAAC,MAAkB,EAAA;QACnB,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,KAAK;AACzB,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AAE3B,QAAA,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI;AAAE,YAAA,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;AAC1D,QAAA,IAAI,MAAM,CAAC,WAAW,KAAK,MAAM,CAAC,IAAI;AAAE,YAAA,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI;AAExE,QAAA,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;AACvB,QAAA,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;AACvB,QAAA,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;AACvB,QAAA,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;AAEnB,QAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC;AAC9B,QAAA,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM;AAE7B,QAAA,OAAO,IAAI;;IAGb,KAAK,GAAA;QACH,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAkB;QAC3D,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC;QACjC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC;AAElC,QAAA,MAAM,CAAC,MAAM,GAAG,QAAQ;AACxB,QAAA,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI;AAC9B,QAAA,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI;AAEvB,QAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC;AAE9B,QAAA,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM;AAE7B,QAAA,OAAO,MAAM;;AAGf,IAAA,OAAO,CAAC,GAAkB,EAAA;AACxB,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3B,QAAA,GAAG,CAAC,OAAO,IAAI;;AAGjB,IAAA,iBAAiB,CAAC,MAAqB,EAAA;AACrC,QAAA,MAAM,CAAC,cAAc,IAAI;AACzB,QAAA,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE;AAC7C,QAAA,MAAM,CAAC,gBAAgB,CACrB,WAAW,EACX,CAAC,KAAK,KAAK,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,EACxE,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,CACnC;QACD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,EAAE,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC;AAC/F,QAAA,MAAM,CAAC,cAAc,GAAG,MAAK;YAC3B,eAAe,CAAC,KAAK,EAAE;AACzB,SAAC;AACD,QAAA,MAAM,CAAC,OAAO,GAAG,MAAK;AACpB,YAAA,MAAM,CAAC,cAAc,IAAI;YACzB,MAAM,CAAC,MAAM,EAAE;AACjB,SAAC;;AAEJ;AAED;AACA,SAAS,WAAW,CAClB,IAAY,EACZ,IAAY,EACZ,GAAW,EACX,IAAyC,EAAA;AAEzC,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AACtB,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;AACrE,IAAA,IAAI,CAAC,iBAAiB;AAAE,QAAA,OAAO,IAAI;AAEnC,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE;QAC3D,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACnC,YAAA,OAAO,IAAI;;;AAIf,IAAA,OAAO,IAAI;AACb;AAEA,SAAS,oBAAoB,CAC3B,IAAY,EACZ,IAAY,EACZ,GAAW,EACX,IAAyC,EAAA;AAEzC,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEtB,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;AAC9C,QAAA,IAAI,IAAI,YAAY,WAAW,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,GAAG,EAAE;AACvE,YAAA,OAAO,IAAI;;AAGb,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE;AACvB,YAAA,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;AACzD,YAAA,IAAI,KAAK;AAAE,gBAAA,OAAO,KAAK;;;AAI3B,IAAA,OAAO,IAAI;AACb;AAEA,SAAS,aAAa,CACpB,IAAY,EACZ,IAAY,EACZ,IAAyC,EAAA;AAEzC,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK;AAEvB,IAAA,MAAM,WAAW,GAAG,IAAI,EAAE,WAAW;IAErC,OAAO,OAAO,CACZ,IAAI;QACF,WAAW;QACX,IAAI,CAAC,QAAQ,KAAK,CAAC;AACnB,QAAA,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC1B,QAAA,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAC7B;AACH;AAQA,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAqB,EAAA;AACrE,IAAA,MAAM,aAAa,GAAG,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;AACvE,IAAA,MAAM,WAAW,GAAG,aAAa,GAAG,IAAI,CAAC,MAAM;AAE/C,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE;AACpC,IAAA,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;AACnC,IAAA,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC;IAC/B,SAAS,CAAC,eAAe,EAAE;AAC3B,IAAA,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC3B;AAEA,SAAS,WAAW,CAAC,IAAgB,EAAE,IAAY,EAAE,IAAY,EAAE,GAAW,EAAE,KAAiB,EAAA;;IAE/F,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,iBAAiB,CAAC;IACvE,MAAM,WAAW,GAAG,CAAC,eAAe,IAAI,eAAe,KAAK,OAAO;AAEnE,IAAA,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,WAAW,EAAE;AACnF,QAAA,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE;AAC9B,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B;YAChD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC;;QAGpC;;IAGF,KAAK,CAAC,eAAe,EAAE;IACvB,KAAK,CAAC,cAAc,EAAE;AACtB,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAC/C,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU;IAChC,IAAI,IAAI,GAAuB,MAA4B;;AAG3D,IAAA,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;AAClD,QAAA,IAAI,GAAG,IAAI,CAAC,UAAgC;;AAG9C,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,KAC9E,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CACzB;AACD,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE;AAEvC,IAAA,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;QAAE;AAEtC,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;IAEnD,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,KAAK,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;;IAG7D,YAAY,CAAC,MAAK;AAChB,QAAA,IAAI,CAAC,IAAI;YAAE;QAEX,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAEvE,QAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;QACnD,IAAI,QAAQ,EAAE;YACZ,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;;QAGjD,qBAAqB,CAAC,MAAK;YACzB,YAAY,CAAC,MAAK;AAChB,gBAAA,IAAI,IAAI;oBAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,gBAAgB,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;AACzF,aAAC,CAAC;AACJ,SAAC,CAAC;AACJ,KAAC,CAAC;AAEF,IAAA,OAAO,KAAK;AACd;;;;"}
+{"version":3,"file":"link-widget.js","sources":["../../../../../src/extensions/markdown/link/link-widget.ts"],"sourcesContent":["import { type EditorView, WidgetType } from \"@codemirror/view\";\nimport { CLASSES } from \"@/extensions/theme\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport { openedLinkEffect } from \"../markdown-state\";\nimport styles from \"../styles.module.scss\";\n\nconst LINK_NODES: Record<string, AnchorElement | undefined> = {};\n\ninterface AnchorElement extends HTMLAnchorElement {\n  clearListeners?: () => void;\n  destroy?: () => void;\n}\nexport class LinkWidget extends WidgetType {\n  constructor(\n    private text: string,\n    private link: string,\n    private from: number,\n    private to: number,\n    private uniqueId: string,\n    private view: EditorView,\n  ) {\n    super();\n  }\n\n  get key() {\n    return `${this.link}:${this.text}:${this.uniqueId}:${this.from}:${this.to}`;\n  }\n\n  eq(widget: LinkWidget): boolean {\n    const anchor = LINK_NODES[this.key];\n    if (!anchor) return false;\n    delete LINK_NODES[this.key];\n\n    if (anchor.href !== widget.link) anchor.href = widget.link;\n    if (anchor.textContent !== widget.text) anchor.textContent = widget.text;\n\n    this.link = widget.link;\n    this.text = widget.text;\n    this.from = widget.from;\n    this.to = widget.to;\n\n    this.registerListeners(anchor);\n    LINK_NODES[this.key] = anchor;\n\n    return true;\n  }\n\n  toDOM(): HTMLElement {\n    const anchor = document.createElement(\"a\") as AnchorElement;\n    anchor.classList.add(styles.link);\n    anchor.classList.add(CLASSES.link);\n\n    anchor.target = \"_blank\";\n    anchor.textContent = this.text;\n    anchor.href = this.link;\n\n    this.registerListeners(anchor);\n\n    LINK_NODES[this.key] = anchor;\n\n    return anchor;\n  }\n\n  destroy(dom: AnchorElement): void {\n    delete LINK_NODES[this.key];\n    dom.destroy?.();\n  }\n\n  registerListeners(anchor: AnchorElement) {\n    anchor.clearListeners?.();\n    const abortController = new AbortController();\n    anchor.addEventListener(\n      \"mousedown\",\n      (event) => handleClick(this.view, this.text, this.link, this.key, event),\n      { signal: abortController.signal },\n    );\n    anchor.addEventListener(\"click\", (e) => e.preventDefault(), { signal: abortController.signal });\n    anchor.clearListeners = () => {\n      abortController.abort();\n    };\n    anchor.destroy = () => {\n      anchor.clearListeners?.();\n      anchor.remove();\n    };\n  }\n}\n\n/** recursively find the link text node in line */\nfunction getTextNode(\n  text: string,\n  link: string,\n  key: string,\n  line: ChildNode | Node | null | undefined,\n): ChildNode | null {\n  if (!line) return null;\n  const textNodeContainer = getTextNodeContainer(text, link, key, line);\n  if (!textNodeContainer) return null;\n\n  for (const node of Array.from(textNodeContainer.childNodes)) {\n    if (isCorrectNode(text, link, node)) {\n      return node;\n    }\n  }\n\n  return null;\n}\n\nfunction getTextNodeContainer(\n  text: string,\n  link: string,\n  key: string,\n  line: ChildNode | Node | null | undefined,\n): HTMLElement | null {\n  if (!line) return null;\n\n  for (const node of Array.from(line.childNodes)) {\n    if (node instanceof HTMLElement && node.getAttribute(\"data-id\") === key) {\n      return node;\n    }\n\n    if (node.nodeType !== 3) {\n      const inner = getTextNodeContainer(text, link, key, node);\n      if (inner) return inner;\n    }\n  }\n\n  return null;\n}\n\nfunction isCorrectNode(\n  text: string,\n  link: string,\n  node: ChildNode | Node | null | undefined,\n): node is ChildNode | Node {\n  if (!node) return false;\n\n  const textContent = node?.textContent;\n\n  return Boolean(\n    node &&\n      textContent &&\n      node.nodeType === 3 &&\n      textContent.includes(link) &&\n      textContent.includes(text),\n  );\n}\n\ntype SelectLinkOptions = {\n  node: ChildNode | Node;\n  selection: Selection;\n  start?: number;\n  link: string;\n};\nfunction selectLink({ link, node, selection, start }: SelectLinkOptions) {\n  const startPosition = start ?? (node.textContent?.indexOf?.(link) || 0);\n  const endPosition = startPosition + link.length;\n\n  const range = document.createRange();\n  range.setStart(node, startPosition);\n  range.setEnd(node, endPosition);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nfunction handleClick(view: EditorView, text: string, link: string, key: string, event: MouseEvent) {\n  /** open the link if has special key or the view is readonly */\n  const contentEditable = view.contentDOM.getAttribute(\"contenteditable\");\n  const forceActive = !contentEditable || contentEditable === \"false\";\n\n  if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey || forceActive) {\n    if (event.type === \"mousedown\") {\n      const target = event.target as HTMLAnchorElement;\n      window.open(target.href, \"_blank\");\n    }\n\n    return;\n  }\n\n  event.stopPropagation();\n  event.preventDefault();\n  const target = event.target as HTMLImageElement;\n  const parent = target.parentNode;\n  let line: HTMLElement | null = parent as HTMLElement | null;\n\n  /** recursively find line that contains link */\n  while (line && !line.classList.contains(\"cm-line\")) {\n    line = line.parentNode as HTMLElement | null;\n  }\n\n  const editor = Array.from(document.querySelectorAll(\".cm-editor\")).find((element) =>\n    element.contains(target),\n  );\n  const selection = window.getSelection();\n\n  if (!selection || !editor || !parent) return;\n\n  const textNode = getTextNode(text, link, key, line);\n\n  if (textNode) {\n    return void selectLink({ selection, link, node: textNode });\n  }\n\n  saveDispatch(() => {\n    if (!view) return;\n\n    view.dispatch(view.state.update({ effects: openedLinkEffect.of(key) }));\n\n    const textNode = getTextNode(text, link, key, line);\n    if (textNode) {\n      selectLink({ selection, link, node: textNode });\n    }\n\n    requestAnimationFrame(() => {\n      saveDispatch(() => {\n        if (view) view.dispatch(view.state.update({ effects: openedLinkEffect.of(undefined) }));\n      });\n    });\n  });\n\n  return false;\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/extensions/markdown/markdown-decoration.js

@@ -12,7 +12,6 @@ import { italicDecorationPlugin } from './italic/italic-decoration.js';
 import { linkDecorationPlugin } from './link/link-decoration.js';
 import { autoLinkDecorationPlugin } from './link/auto-link-decoration.js';
 import { listDecorationPlugin } from './list/list-decoration.js';
-import { imageSrcGetterEffect } from './markdown-state.js';
 import { mentionDecorationPlugin } from './mention/mention-decoration.js';
 import { strikeThroughDecorationPlugin } from './strike-through/strike-through-decoration.js';
 import { todoDecorationPlugin } from './todo/todo-decoration.js';
@@ -57,7 +56,7 @@ const SKIP_MARKS = new Set([
     "HeaderMark",
     "TaskMarker",
 ]);
-function createDecorationsGetter() {
+function createDecorationsGetter(settings) {
     let markdownDecorationsCache = [];
     let markdownSelectionDecorationsCache = [];
     function getDecorations(view, isChanged, mouseReleased) {
@@ -78,7 +77,7 @@ function createDecorationsGetter() {
                         return;
                     /** Decoration by change content */
                     if (processDecorations)
-                        decorationFunctions.forEach((f) => f({ decorations, node, view }));
+                        decorationFunctions.forEach((f) => f({ decorations, node, view, settings }));
                     /** Decoration by selection content  */
                     if (processSelectionDecorations)
                         selectionDecorationFunctions.forEach((f) => f({
@@ -86,6 +85,7 @@ function createDecorationsGetter() {
                             node,
                             view,
                             forceActive: isReadonly,
+                            settings,
                         }));
                 },
             });
@@ -100,7 +100,7 @@ function createDecorationsGetter() {
     }
     return getDecorations;
 }
-const markdownDecorationPlugin = (stateConfig) => {
+const markdownDecorationPlugin = (settings) => {
     return ViewPlugin.fromClass(class DecorationMarkdown {
         decorations;
         mouseReleased = true;
@@ -108,17 +108,12 @@ const markdownDecorationPlugin = (stateConfig) => {
         view;
         decorationGetter;
         constructor(view) {
-            this.decorationGetter = createDecorationsGetter();
+            this.decorationGetter = createDecorationsGetter(settings);
             this.decorations = this.decorationGetter(view, true, this.mouseReleased);
             this.dom = view.dom;
             this.view = view;
             document.addEventListener("mousedown", this.onMouseDown.bind(this));
             document.addEventListener("mouseup", this.onMouseUp.bind(this));
-            saveDispatch(() => {
-                this.view.dispatch(this.view.state.update({
-                    effects: [imageSrcGetterEffect.of(stateConfig.imageSrcGetter)],
-                }));
-            });
         }
         update(update) {
             const isDocumentChanged = update.docChanged ||

package/lib/esm/extensions/markdown/markdown-decoration.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-decoration.js","sources":["../../../../src/extensions/markdown/markdown-decoration.ts"],"sourcesContent":["import { syntaxTree } from \"@codemirror/language\";\nimport { type Range } from \"@codemirror/state\";\nimport {\n  Decoration,\n  type DecorationSet,\n  type EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n} from \"@codemirror/view\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport { blockquoteDecorationPlugin } from \"./blockquote\";\nimport { boldDecorationPlugin } from \"./bold\";\nimport { codeDecorationPlugin } from \"./code\";\nimport { headerDecorationPlugin } from \"./header\";\nimport { horizontalDecorationPlugin } from \"./horizontal\";\nimport { imageDecorationPlugin } from \"./image/image-decoration\";\nimport { italicDecorationPlugin } from \"./italic\";\nimport { autoLinkDecorationPlugin, linkDecorationPlugin } from \"./link\";\nimport { listDecorationPlugin } from \"./list\";\nimport { imageSrcGetterEffect } from \"./markdown-state\";\nimport type {\n  DecorationPlugin,\n  GetDecorationFunction,\n  GetSelectionDecorationFunction,\n  MarkdownStateConfig,\n} from \"./markdown-types\";\nimport { mentionDecorationPlugin } from \"./mention/mention-decoration\";\nimport { strikeThroughDecorationPlugin } from \"./strike-through\";\nimport { todoDecorationPlugin } from \"./todo\";\n\nconst decorationPlugins: DecorationPlugin[] = [\n  blockquoteDecorationPlugin,\n  boldDecorationPlugin,\n  codeDecorationPlugin,\n  headerDecorationPlugin,\n  horizontalDecorationPlugin,\n  imageDecorationPlugin,\n  italicDecorationPlugin,\n  linkDecorationPlugin,\n  listDecorationPlugin,\n  autoLinkDecorationPlugin,\n  mentionDecorationPlugin,\n  strikeThroughDecorationPlugin,\n  todoDecorationPlugin,\n];\n\nlet decorationFunctions: GetDecorationFunction[] = [];\nlet selectionDecorationFunctions: GetSelectionDecorationFunction[] = [];\n\nfor (const plugin of decorationPlugins) {\n  if (plugin.decorations) decorationFunctions = decorationFunctions.concat(plugin.decorations);\n  if (plugin.selectionDecorations)\n    selectionDecorationFunctions = selectionDecorationFunctions.concat(plugin.selectionDecorations);\n}\n\nconst SKIP_MARKS = new Set([\n  \"Document\",\n  \"Paragraph\",\n  \"EmphasisMark\",\n  \"Blockquote\",\n  \"StrikethroughMark\",\n  \"BulletList\",\n  \"OrderedList\",\n  \"ListItem\",\n  \"LinkMark\",\n  \"URL\",\n  \"CodeMark\",\n  \"CodeInfo\",\n  \"CodeText\",\n  \"HeaderMark\",\n  \"TaskMarker\",\n]);\n\nfunction createDecorationsGetter() {\n  let markdownDecorationsCache: Range<Decoration>[] = [];\n  let markdownSelectionDecorationsCache: Range<Decoration>[] = [];\n\n  function getDecorations(view: EditorView, isChanged: boolean, mouseReleased: boolean) {\n    const processDecorations = isChanged;\n    const processSelectionDecorations = isChanged || mouseReleased;\n    const decorations: Range<Decoration>[] = processDecorations ? [] : markdownDecorationsCache;\n    const selectionDecorations: Range<Decoration>[] = processSelectionDecorations\n      ? []\n      : markdownSelectionDecorationsCache;\n\n    const contentEditable = view.contentDOM.getAttribute(\"contenteditable\");\n    const isReadonly = !contentEditable || contentEditable === \"false\";\n\n    for (const { from: fromVisible, to: toVisible } of view.visibleRanges) {\n      syntaxTree(view.state).iterate({\n        from: fromVisible,\n        to: toVisible,\n        enter: (node) => {\n          if (SKIP_MARKS.has(node.name)) return;\n          /** Decoration by change content */\n          if (processDecorations)\n            decorationFunctions.forEach((f) => f({ decorations, node, view }));\n\n          /** Decoration by selection content  */\n          if (processSelectionDecorations)\n            selectionDecorationFunctions.forEach((f) =>\n              f({\n                decorations: selectionDecorations,\n                node,\n                view,\n                forceActive: isReadonly,\n              }),\n            );\n        },\n      });\n    }\n\n    if (processDecorations) {\n      markdownDecorationsCache = decorations;\n    }\n    if (processSelectionDecorations) {\n      markdownSelectionDecorationsCache = selectionDecorations;\n    }\n\n    return Decoration.set([...decorations, ...selectionDecorations], true);\n  }\n\n  return getDecorations;\n}\n\nexport const markdownDecorationPlugin = (stateConfig: MarkdownStateConfig) => {\n  return ViewPlugin.fromClass(\n    class DecorationMarkdown {\n      decorations: DecorationSet;\n\n      mouseReleased: boolean = true;\n\n      dom: HTMLElement;\n\n      view: EditorView;\n\n      decorationGetter: (\n        view: EditorView,\n        isChanged: boolean,\n        mouseReleased: boolean,\n      ) => DecorationSet;\n\n      constructor(view: EditorView) {\n        this.decorationGetter = createDecorationsGetter();\n        this.decorations = this.decorationGetter(view, true, this.mouseReleased);\n        this.dom = view.dom;\n        this.view = view;\n        document.addEventListener(\"mousedown\", this.onMouseDown.bind(this));\n        document.addEventListener(\"mouseup\", this.onMouseUp.bind(this));\n\n        saveDispatch(() => {\n          this.view.dispatch(\n            this.view.state.update({\n              effects: [imageSrcGetterEffect.of(stateConfig.imageSrcGetter)],\n            }),\n          );\n        });\n      }\n\n      update(update: ViewUpdate) {\n        const isDocumentChanged =\n          update.docChanged ||\n          update.viewportChanged ||\n          syntaxTree(update.startState) != syntaxTree(update.state);\n        this.decorations = this.decorationGetter(\n          update.view,\n          isDocumentChanged,\n          this.mouseReleased,\n        );\n      }\n\n      destroy() {\n        document.removeEventListener(\"mousedown\", this.onMouseDown.bind(this));\n        document.removeEventListener(\"mouseup\", this.onMouseUp.bind(this));\n      }\n\n      onMouseDown(this: DecorationMarkdown) {\n        this.mouseReleased = false;\n      }\n\n      onMouseUp(this: DecorationMarkdown) {\n        this.mouseReleased = true;\n        if (this.view.state.selection.ranges[0].from !== this.view.state.selection.ranges[0].to) {\n          saveDispatch(() => {\n            this.view.dispatch(this.view.state.update({}));\n          });\n        }\n      }\n    },\n    {\n      decorations: (plugin) => plugin.decorations,\n    },\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"markdown-decoration.js","sources":["../../../../src/extensions/markdown/markdown-decoration.ts"],"sourcesContent":["import { syntaxTree } from \"@codemirror/language\";\nimport { type Range } from \"@codemirror/state\";\nimport {\n  Decoration,\n  type DecorationSet,\n  type EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n} from \"@codemirror/view\";\nimport { saveDispatch } from \"@/lib/utils\";\nimport { blockquoteDecorationPlugin } from \"./blockquote\";\nimport { boldDecorationPlugin } from \"./bold\";\nimport { codeDecorationPlugin } from \"./code\";\nimport { headerDecorationPlugin } from \"./header\";\nimport { horizontalDecorationPlugin } from \"./horizontal\";\nimport { imageDecorationPlugin } from \"./image/image-decoration\";\nimport { italicDecorationPlugin } from \"./italic\";\nimport { autoLinkDecorationPlugin, linkDecorationPlugin } from \"./link\";\nimport { listDecorationPlugin } from \"./list\";\nimport type {\n  DecorationPlugin,\n  GetDecorationFunction,\n  GetSelectionDecorationFunction,\n  MarkdownDecorationSettings,\n} from \"./markdown-types\";\nimport { mentionDecorationPlugin } from \"./mention/mention-decoration\";\nimport { strikeThroughDecorationPlugin } from \"./strike-through\";\nimport { todoDecorationPlugin } from \"./todo\";\n\nconst decorationPlugins: DecorationPlugin[] = [\n  blockquoteDecorationPlugin,\n  boldDecorationPlugin,\n  codeDecorationPlugin,\n  headerDecorationPlugin,\n  horizontalDecorationPlugin,\n  imageDecorationPlugin,\n  italicDecorationPlugin,\n  linkDecorationPlugin,\n  listDecorationPlugin,\n  autoLinkDecorationPlugin,\n  mentionDecorationPlugin,\n  strikeThroughDecorationPlugin,\n  todoDecorationPlugin,\n];\n\nlet decorationFunctions: GetDecorationFunction[] = [];\nlet selectionDecorationFunctions: GetSelectionDecorationFunction[] = [];\n\nfor (const plugin of decorationPlugins) {\n  if (plugin.decorations) decorationFunctions = decorationFunctions.concat(plugin.decorations);\n  if (plugin.selectionDecorations)\n    selectionDecorationFunctions = selectionDecorationFunctions.concat(plugin.selectionDecorations);\n}\n\nconst SKIP_MARKS = new Set([\n  \"Document\",\n  \"Paragraph\",\n  \"EmphasisMark\",\n  \"Blockquote\",\n  \"StrikethroughMark\",\n  \"BulletList\",\n  \"OrderedList\",\n  \"ListItem\",\n  \"LinkMark\",\n  \"URL\",\n  \"CodeMark\",\n  \"CodeInfo\",\n  \"CodeText\",\n  \"HeaderMark\",\n  \"TaskMarker\",\n]);\n\nfunction createDecorationsGetter(settings: MarkdownDecorationSettings) {\n  let markdownDecorationsCache: Range<Decoration>[] = [];\n  let markdownSelectionDecorationsCache: Range<Decoration>[] = [];\n\n  function getDecorations(view: EditorView, isChanged: boolean, mouseReleased: boolean) {\n    const processDecorations = isChanged;\n    const processSelectionDecorations = isChanged || mouseReleased;\n    const decorations: Range<Decoration>[] = processDecorations ? [] : markdownDecorationsCache;\n    const selectionDecorations: Range<Decoration>[] = processSelectionDecorations\n      ? []\n      : markdownSelectionDecorationsCache;\n\n    const contentEditable = view.contentDOM.getAttribute(\"contenteditable\");\n    const isReadonly = !contentEditable || contentEditable === \"false\";\n\n    for (const { from: fromVisible, to: toVisible } of view.visibleRanges) {\n      syntaxTree(view.state).iterate({\n        from: fromVisible,\n        to: toVisible,\n        enter: (node) => {\n          if (SKIP_MARKS.has(node.name)) return;\n          /** Decoration by change content */\n          if (processDecorations)\n            decorationFunctions.forEach((f) => f({ decorations, node, view, settings }));\n\n          /** Decoration by selection content  */\n          if (processSelectionDecorations)\n            selectionDecorationFunctions.forEach((f) =>\n              f({\n                decorations: selectionDecorations,\n                node,\n                view,\n                forceActive: isReadonly,\n                settings,\n              }),\n            );\n        },\n      });\n    }\n\n    if (processDecorations) {\n      markdownDecorationsCache = decorations;\n    }\n    if (processSelectionDecorations) {\n      markdownSelectionDecorationsCache = selectionDecorations;\n    }\n\n    return Decoration.set([...decorations, ...selectionDecorations], true);\n  }\n\n  return getDecorations;\n}\n\nexport const markdownDecorationPlugin = (settings: MarkdownDecorationSettings) => {\n  return ViewPlugin.fromClass(\n    class DecorationMarkdown {\n      decorations: DecorationSet;\n\n      mouseReleased: boolean = true;\n\n      dom: HTMLElement;\n\n      view: EditorView;\n\n      decorationGetter: (\n        view: EditorView,\n        isChanged: boolean,\n        mouseReleased: boolean,\n      ) => DecorationSet;\n\n      constructor(view: EditorView) {\n        this.decorationGetter = createDecorationsGetter(settings);\n        this.decorations = this.decorationGetter(view, true, this.mouseReleased);\n        this.dom = view.dom;\n        this.view = view;\n        document.addEventListener(\"mousedown\", this.onMouseDown.bind(this));\n        document.addEventListener(\"mouseup\", this.onMouseUp.bind(this));\n      }\n\n      update(update: ViewUpdate) {\n        const isDocumentChanged =\n          update.docChanged ||\n          update.viewportChanged ||\n          syntaxTree(update.startState) != syntaxTree(update.state);\n        this.decorations = this.decorationGetter(\n          update.view,\n          isDocumentChanged,\n          this.mouseReleased,\n        );\n      }\n\n      destroy() {\n        document.removeEventListener(\"mousedown\", this.onMouseDown.bind(this));\n        document.removeEventListener(\"mouseup\", this.onMouseUp.bind(this));\n      }\n\n      onMouseDown(this: DecorationMarkdown) {\n        this.mouseReleased = false;\n      }\n\n      onMouseUp(this: DecorationMarkdown) {\n        this.mouseReleased = true;\n        if (this.view.state.selection.ranges[0].from !== this.view.state.selection.ranges[0].to) {\n          saveDispatch(() => {\n            this.view.dispatch(this.view.state.update({}));\n          });\n        }\n      }\n    },\n    {\n      decorations: (plugin) => plugin.decorations,\n    },\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,MAAM,iBAAiB,GAAuB;IAC5C,0BAA0B;IAC1B,oBAAoB;IACpB,oBAAoB;IACpB,sBAAsB;IACtB,0BAA0B;IAC1B,qBAAqB;IACrB,sBAAsB;IACtB,oBAAoB;IACpB,oBAAoB;IACpB,wBAAwB;IACxB,uBAAuB;IACvB,6BAA6B;IAC7B,oBAAoB;CACrB;AAED,IAAI,mBAAmB,GAA4B,EAAE;AACrD,IAAI,4BAA4B,GAAqC,EAAE;AAEvE,KAAK,MAAM,MAAM,IAAI,iBAAiB,EAAE;IACtC,IAAI,MAAM,CAAC,WAAW;QAAE,mBAAmB,GAAG,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5F,IAAI,MAAM,CAAC,oBAAoB;QAC7B,4BAA4B,GAAG,4BAA4B,CAAC,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC;AACnG;AAEA,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC;IACzB,UAAU;IACV,WAAW;IACX,cAAc;IACd,YAAY;IACZ,mBAAmB;IACnB,YAAY;IACZ,aAAa;IACb,UAAU;IACV,UAAU;IACV,KAAK;IACL,UAAU;IACV,UAAU;IACV,UAAU;IACV,YAAY;IACZ,YAAY;AACb,CAAA,CAAC;AAEF,SAAS,uBAAuB,CAAC,QAAoC,EAAA;IACnE,IAAI,wBAAwB,GAAwB,EAAE;IACtD,IAAI,iCAAiC,GAAwB,EAAE;AAE/D,IAAA,SAAS,cAAc,CAAC,IAAgB,EAAE,SAAkB,EAAE,aAAsB,EAAA;QAClF,MAAM,kBAAkB,GAAG,SAAS;AACpC,QAAA,MAAM,2BAA2B,GAAG,SAAS,IAAI,aAAa;QAC9D,MAAM,WAAW,GAAwB,kBAAkB,GAAG,EAAE,GAAG,wBAAwB;QAC3F,MAAM,oBAAoB,GAAwB;AAChD,cAAE;cACA,iCAAiC;QAErC,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,iBAAiB,CAAC;QACvE,MAAM,UAAU,GAAG,CAAC,eAAe,IAAI,eAAe,KAAK,OAAO;AAElE,QAAA,KAAK,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE;AACrE,YAAA,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;AAC7B,gBAAA,IAAI,EAAE,WAAW;AACjB,gBAAA,EAAE,EAAE,SAAS;AACb,gBAAA,KAAK,EAAE,CAAC,IAAI,KAAI;AACd,oBAAA,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;wBAAE;;AAE/B,oBAAA,IAAI,kBAAkB;wBACpB,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;;AAG9E,oBAAA,IAAI,2BAA2B;wBAC7B,4BAA4B,CAAC,OAAO,CAAC,CAAC,CAAC,KACrC,CAAC,CAAC;AACA,4BAAA,WAAW,EAAE,oBAAoB;4BACjC,IAAI;4BACJ,IAAI;AACJ,4BAAA,WAAW,EAAE,UAAU;4BACvB,QAAQ;AACT,yBAAA,CAAC,CACH;iBACJ;AACF,aAAA,CAAC;;QAGJ,IAAI,kBAAkB,EAAE;YACtB,wBAAwB,GAAG,WAAW;;QAExC,IAAI,2BAA2B,EAAE;YAC/B,iCAAiC,GAAG,oBAAoB;;AAG1D,QAAA,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,EAAE,GAAG,oBAAoB,CAAC,EAAE,IAAI,CAAC;;AAGxE,IAAA,OAAO,cAAc;AACvB;AAEa,MAAA,wBAAwB,GAAG,CAAC,QAAoC,KAAI;AAC/E,IAAA,OAAO,UAAU,CAAC,SAAS,CACzB,MAAM,kBAAkB,CAAA;AACtB,QAAA,WAAW;QAEX,aAAa,GAAY,IAAI;AAE7B,QAAA,GAAG;AAEH,QAAA,IAAI;AAEJ,QAAA,gBAAgB;AAMhB,QAAA,WAAA,CAAY,IAAgB,EAAA;AAC1B,YAAA,IAAI,CAAC,gBAAgB,GAAG,uBAAuB,CAAC,QAAQ,CAAC;AACzD,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC;AACxE,YAAA,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG;AACnB,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACnE,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;AAGjE,QAAA,MAAM,CAAC,MAAkB,EAAA;AACvB,YAAA,MAAM,iBAAiB,GACrB,MAAM,CAAC,UAAU;AACjB,gBAAA,MAAM,CAAC,eAAe;AACtB,gBAAA,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC;AAC3D,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CACtC,MAAM,CAAC,IAAI,EACX,iBAAiB,EACjB,IAAI,CAAC,aAAa,CACnB;;QAGH,OAAO,GAAA;AACL,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACtE,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;QAGpE,WAAW,GAAA;AACT,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;QAG5B,SAAS,GAAA;AACP,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;AACzB,YAAA,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvF,YAAY,CAAC,MAAK;AAChB,oBAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAChD,iBAAC,CAAC;;;KAGP,EACD;QACE,WAAW,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,WAAW;AAC5C,KAAA,CACF;AACH;;;;"}

package/lib/esm/extensions/markdown/markdown-state.js

@@ -1,14 +1,15 @@
 import { StateEffect, StateField } from '@codemirror/state';
+import '@codemirror/view';
+import { randomString } from '../../lib/utils/random-string.js';
 
 const openedImageEffect = StateEffect.define();
 const openedLinkEffect = StateEffect.define();
-const imageSrcGetterEffect = StateEffect.define();
 const markdownState = StateField.define({
     create() {
         return {
             openedImage: undefined,
-            imageSrcGetter: undefined,
             openedLink: undefined,
+            uniqueId: randomString(10),
         };
     },
     update(value, transaction) {
@@ -16,8 +17,6 @@ const markdownState = StateField.define({
         for (const effect of transaction.effects) {
             if (effect.is(openedImageEffect))
                 newValue.openedImage = effect.value;
-            if (effect.is(imageSrcGetterEffect))
-                newValue.imageSrcGetter = effect.value;
             if (effect.is(openedLinkEffect))
                 newValue.openedLink = effect.value;
         }
@@ -25,5 +24,5 @@ const markdownState = StateField.define({
     },
 });
 
-export { imageSrcGetterEffect, markdownState, openedImageEffect, openedLinkEffect };
+export { markdownState, openedImageEffect, openedLinkEffect };
 //# sourceMappingURL=markdown-state.js.map

package/lib/esm/extensions/markdown/markdown-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-state.js","sources":["../../../../src/extensions/markdown/markdown-state.ts"],"sourcesContent":["import { StateEffect, StateField } from \"@codemirror/state\";\nimport type { MarkdownState } from \"./markdown-types\";\n\nexport const openedImageEffect = StateEffect.define<string | undefined>();\nexport const openedLinkEffect = StateEffect.define<string | undefined>();\nexport const imageSrcGetterEffect = StateEffect.define<((src: string) => string) | undefined>();\n\nexport const markdownState = StateField.define<MarkdownState>({\n  create() {\n    return {\n      openedImage: undefined,\n      imageSrcGetter: undefined,\n      openedLink: undefined,\n    };\n  },\n\n  update(value, transaction) {\n    const newValue = { ...value };\n\n    for (const effect of transaction.effects) {\n      if (effect.is(openedImageEffect)) newValue.openedImage = effect.value;\n      if (effect.is(imageSrcGetterEffect)) newValue.imageSrcGetter = effect.value;\n      if (effect.is(openedLinkEffect)) newValue.openedLink = effect.value;\n    }\n\n    return newValue;\n  },\n});\n"],"names":[],"mappings":";;MAGa,iBAAiB,GAAG,WAAW,CAAC,MAAM;MACtC,gBAAgB,GAAG,WAAW,CAAC,MAAM;MACrC,oBAAoB,GAAG,WAAW,CAAC,MAAM;AAEzC,MAAA,aAAa,GAAG,UAAU,CAAC,MAAM,CAAgB;IAC5D,MAAM,GAAA;QACJ,OAAO;AACL,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,cAAc,EAAE,SAAS;AACzB,YAAA,UAAU,EAAE,SAAS;SACtB;KACF;IAED,MAAM,CAAC,KAAK,EAAE,WAAW,EAAA;AACvB,QAAA,MAAM,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE;AAE7B,QAAA,KAAK,MAAM,MAAM,IAAI,WAAW,CAAC,OAAO,EAAE;AACxC,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC;AAAE,gBAAA,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK;AACrE,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC;AAAE,gBAAA,QAAQ,CAAC,cAAc,GAAG,MAAM,CAAC,KAAK;AAC3E,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,gBAAgB,CAAC;AAAE,gBAAA,QAAQ,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK;;AAGrE,QAAA,OAAO,QAAQ;KAChB;AACF,CAAA;;;;"}
+{"version":3,"file":"markdown-state.js","sources":["../../../../src/extensions/markdown/markdown-state.ts"],"sourcesContent":["import { StateEffect, StateField } from \"@codemirror/state\";\nimport { randomString } from \"@/lib/utils\";\nimport type { MarkdownState } from \"./markdown-types\";\n\nexport const openedImageEffect = StateEffect.define<string | undefined>();\nexport const openedLinkEffect = StateEffect.define<string | undefined>();\n\nexport const markdownState = StateField.define<MarkdownState>({\n  create() {\n    return {\n      openedImage: undefined,\n      openedLink: undefined,\n      uniqueId: randomString(10),\n    };\n  },\n\n  update(value, transaction) {\n    const newValue = { ...value };\n\n    for (const effect of transaction.effects) {\n      if (effect.is(openedImageEffect)) newValue.openedImage = effect.value;\n      if (effect.is(openedLinkEffect)) newValue.openedLink = effect.value;\n    }\n\n    return newValue;\n  },\n});\n"],"names":[],"mappings":";;;;MAIa,iBAAiB,GAAG,WAAW,CAAC,MAAM;MACtC,gBAAgB,GAAG,WAAW,CAAC,MAAM;AAErC,MAAA,aAAa,GAAG,UAAU,CAAC,MAAM,CAAgB;IAC5D,MAAM,GAAA;QACJ,OAAO;AACL,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,QAAQ,EAAE,YAAY,CAAC,EAAE,CAAC;SAC3B;KACF;IAED,MAAM,CAAC,KAAK,EAAE,WAAW,EAAA;AACvB,QAAA,MAAM,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE;AAE7B,QAAA,KAAK,MAAM,MAAM,IAAI,WAAW,CAAC,OAAO,EAAE;AACxC,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC;AAAE,gBAAA,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK;AACrE,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,gBAAgB,CAAC;AAAE,gBAAA,QAAQ,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK;;AAGrE,QAAA,OAAO,QAAQ;KAChB;AACF,CAAA;;;;"}

package/lib/esm/lib/utils/random-string.js

@@ -0,0 +1,13 @@
+function randomString(length = 10) {
+    const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+    let result = "";
+    let counter = 0;
+    while (counter < length) {
+        result += characters.charAt(Math.floor(Math.random() * characters.length));
+        counter += 1;
+    }
+    return result;
+}
+
+export { randomString };
+//# sourceMappingURL=random-string.js.map

package/lib/esm/lib/utils/random-string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"random-string.js","sources":["../../../../src/lib/utils/random-string.ts"],"sourcesContent":["export function randomString(length: number = 10) {\n  const characters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\n  let result = \"\";\n  let counter = 0;\n\n  while (counter < length) {\n    result += characters.charAt(Math.floor(Math.random() * characters.length));\n    counter += 1;\n  }\n\n  return result;\n}\n"],"names":[],"mappings":"AAAgB,SAAA,YAAY,CAAC,MAAA,GAAiB,EAAE,EAAA;IAC9C,MAAM,UAAU,GAAG,gEAAgE;IACnF,IAAI,MAAM,GAAG,EAAE;IACf,IAAI,OAAO,GAAG,CAAC;AAEf,IAAA,OAAO,OAAO,GAAG,MAAM,EAAE;AACvB,QAAA,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QAC1E,OAAO,IAAI,CAAC;;AAGd,IAAA,OAAO,MAAM;AACf;;;;"}

package/lib/index.d.ts

@@ -81,12 +81,14 @@ type GetDecorationOptions = {
     node: SyntaxNodeRef;
     decorations: Range<Decoration>[];
     view: EditorView;
+    settings: MarkdownDecorationSettings;
 };
 type GetSelectionDecorationOptions = {
     node: SyntaxNodeRef;
     decorations: Range<Decoration>[];
     view: EditorView;
     forceActive: boolean;
+    settings: MarkdownDecorationSettings;
 };
 type GetDecorationFunction = (options: GetDecorationOptions) => void;
 type GetSelectionDecorationFunction = (options: GetSelectionDecorationOptions) => void;
@@ -94,6 +96,9 @@ type DecorationPlugin = {
     decorations?: GetDecorationFunction[];
     selectionDecorations?: GetSelectionDecorationFunction[];
 };
+type MarkdownDecorationSettings = {
+    imageSrcGetter?: (src: string) => string;
+};
 
 type InitSettingsOptions = {
     readonly?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krainovsd/markdown-editor",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Krainov markdown-editor",
   "type": "module",
   "author": "KrainovSD <denislosev48@gmail.com>",