@edifice.io/tiptap-extensions 1.5.16-develop-rc.3 → 1.7.4-develop-pedago.20241211162226

package/dist/image/image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.cjs","sources":["../../src/image/image.ts"],"sourcesContent":["import { WorkspaceElement } from '@edifice.io/client';\nimport { ImageResizer } from '@edifice.io/utilities';\nimport { mergeAttributes, nodeInputRule } from '@tiptap/core';\nimport TiptapImage from '@tiptap/extension-image';\nimport { Plugin } from 'prosemirror-state';\n\nexport const IMAGE_INPUT_REGEX =\n  /(?:^|\\s)(!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\))$/;\n\nexport interface CustomImageOptions {\n  HTMLAttributes: Record<string, string>;\n  sizes: string[];\n  uploadFile?: (file: File) => Promise<WorkspaceElement | null>;\n}\n\ninterface AttributesProps {\n  width: number | string;\n  height: number | string;\n  size: string;\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    customImage: {\n      setAttributes: (options: AttributesProps) => ReturnType;\n      setNewImage: (options: {\n        src: string;\n        alt?: string;\n        title?: string;\n      }) => ReturnType;\n    };\n  }\n}\n\nexport const Image = TiptapImage.extend<CustomImageOptions>({\n  name: 'custom-image',\n  draggable: true,\n  selectable: true,\n\n  addOptions() {\n    return {\n      ...this.parent?.(),\n      inline: true,\n      content: 'inline*',\n      sizes: ['small', 'medium', 'large'],\n      HTMLAttributes: {\n        class: 'custom-image',\n      },\n      uploadFile: () => {\n        return Promise.resolve(null);\n      },\n    };\n  },\n\n  addAttributes() {\n    return {\n      ...this.parent?.(),\n      size: {\n        default: 'medium',\n        rendered: false,\n      },\n      alt: {\n        renderHTML: (attributes) => {\n          return {\n            alt: attributes.alt,\n          };\n        },\n        parseHTML: (element) => element.getAttribute('alt'),\n      },\n      title: {\n        renderHTML: (attributes) => {\n          return {\n            title: attributes.title,\n          };\n        },\n        parseHTML: (element) => element.getAttribute('title'),\n      },\n      width: {\n        default: '350',\n        renderHTML: (attributes) => {\n          if (\n            attributes.width !== null &&\n            attributes.width !== undefined &&\n            !Number.isNaN(attributes.width)\n          ) {\n            return {\n              width: parseInt(attributes.width),\n            };\n          }\n          return {};\n        },\n        parseHTML: (element) => element.getAttribute('width'),\n      },\n      height: {\n        renderHTML: (attributes) => {\n          if (\n            attributes.height !== null &&\n            attributes.height !== undefined &&\n            !Number.isNaN(attributes.height)\n          ) {\n            return {\n              height: parseInt(attributes.height),\n            };\n          }\n          return {};\n        },\n        parseHTML: (element) => element.getAttribute('height'),\n      },\n      style: {\n        renderHTML: (attributes) => {\n          return attributes.style\n            ? {\n                style: attributes.style,\n              }\n            : {};\n        },\n        parseHTML: (element) => {\n          const style = element.getAttribute('style');\n          return style && typeof style === 'string' && style.length > 0\n            ? {}\n            : null;\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'img[src]:not([src^=\"data:\"])',\n        getAttrs: (el: HTMLImageElement) => {\n          const attr = { src: el.getAttribute('src') };\n          // Check old content format and get the width from the parent element\n          if (el.parentElement?.className.includes('image-container')) {\n            if (el.parentElement.style?.width) {\n              attr['width'] = el.parentElement.style.width;\n            }\n          }\n          if (el.style?.width) {\n            attr['width'] = el.style.width;\n          }\n\n          // Check old content smiley\n          const oldSmileyList = [\n            'happy',\n            'proud',\n            'dreamy',\n            'love',\n            'tired',\n            'angry',\n            'worried',\n            'sick',\n            'joker',\n            'sad',\n          ];\n          if (\n            oldSmileyList.filter((smiley) => attr.src.includes(smiley + '.png'))\n              .length > 0\n          ) {\n            attr['style'] = {\n              width: '1.5em',\n              height: '1.5em',\n              fontSize: el.parentElement?.style?.fontSize,\n            };\n            attr['width'] = 'null';\n            attr['height'] = 'null';\n          }\n          return attr;\n        },\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'img',\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n    ];\n  },\n\n  addInputRules() {\n    return [\n      nodeInputRule({\n        find: IMAGE_INPUT_REGEX,\n        type: this.type,\n        getAttributes: (match) => {\n          const [, , alt, src, title] = match;\n\n          return {\n            src,\n            alt,\n            title,\n          };\n        },\n      }),\n    ];\n  },\n\n  addCommands() {\n    return {\n      setNewImage:\n        (attrs) =>\n        ({ tr, dispatch }) => {\n          const { selection } = tr;\n          const node = this.type.create(attrs);\n\n          if (dispatch) {\n            tr.replaceRangeWith(selection.from, selection.to, node);\n          }\n\n          return true;\n        },\n      setAttributes:\n        (attributes) =>\n        ({ tr, dispatch }) => {\n          const { selection } = tr;\n\n          const nodeAttrs = tr.doc.nodeAt(tr.selection.from);\n          const options = {\n            ...nodeAttrs.attrs,\n            ...attributes,\n          };\n          const node = this.type.create(options);\n\n          if (dispatch) {\n            tr.replaceRangeWith(selection.from, selection.to, node);\n          }\n\n          return true;\n        },\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const uploadNode = async (file: File) => {\n      /**\n       * Resize the image\n       */\n      const resizedImage = await ImageResizer.resizeImageFile(file);\n\n      /**\n       * Upload the image\n       */\n      const image = await this.options.uploadFile(resizedImage);\n\n      /**\n       * Get the image url\n       */\n      const imageUrl = `/workspace/${image.public ? 'pub/' : ''}document/${\n        image._id\n      }?timestamp=${new Date().getTime()}`;\n\n      /**\n       * Create the image node\n       */\n\n      const node = this.type.create({\n        src: imageUrl,\n        alt: image.alt,\n        title: image.title,\n      });\n\n      return node;\n    };\n\n    const getFilteredFiles = (files: FileList) => {\n      return Array.from(files).filter((file) =>\n        /image\\/(png|jpeg|jpg|gif|webp|heic|avif)/.test(file.type),\n      );\n    };\n\n    const handleImageInsert = async (\n      editor: any,\n      file: File,\n      position?: number,\n    ) => {\n      const node = await uploadNode(file);\n      if (!node) return;\n\n      const transaction =\n        position !== undefined\n          ? editor.state.tr.insert(position, node)\n          : editor.state.tr.replaceSelectionWith(node);\n\n      editor.dispatch(transaction);\n    };\n\n    return [\n      new Plugin({\n        props: {\n          handlePaste: (editor, e) => {\n            const files = getFilteredFiles(e.clipboardData?.files);\n            if (files.length === 0) return false;\n\n            for (const file of files) {\n              handleImageInsert(editor, file);\n            }\n\n            return true;\n          },\n          handleDrop: (editor, e, _s, moved) => {\n            if (moved) return false;\n\n            const files = getFilteredFiles(e.dataTransfer.files);\n            if (files.length === 0) return false;\n\n            const { pos: position } = editor.posAtCoords({\n              left: e.clientX,\n              top: e.clientY,\n            });\n\n            for (const file of files) {\n              handleImageInsert(editor, file, position);\n            }\n            return true;\n          },\n        },\n      }),\n    ];\n  },\n});\n"],"names":["mergeAttributes","nodeInputRule","ImageResizer","Plugin"],"mappings":"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"}

package/dist/image/image.d.ts

@@ -0,0 +1,26 @@
+import { WorkspaceElement } from '@edifice.io/client';
+export declare const IMAGE_INPUT_REGEX: RegExp;
+export interface CustomImageOptions {
+    HTMLAttributes: Record<string, string>;
+    sizes: string[];
+    uploadFile?: (file: File) => Promise<WorkspaceElement | null>;
+}
+interface AttributesProps {
+    width: number | string;
+    height: number | string;
+    size: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        customImage: {
+            setAttributes: (options: AttributesProps) => ReturnType;
+            setNewImage: (options: {
+                src: string;
+                alt?: string;
+                title?: string;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const Image: import('@tiptap/core').Node<CustomImageOptions, any>;
+export {};

package/dist/image/image.js

@@ -0,0 +1,178 @@
+import { ImageResizer } from "@edifice.io/utilities";
+import { mergeAttributes, nodeInputRule } from "@tiptap/core";
+import TiptapImage from "@tiptap/extension-image";
+import { Plugin } from "prosemirror-state";
+const IMAGE_INPUT_REGEX = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, Image = TiptapImage.extend({
+  name: "custom-image",
+  draggable: !0,
+  selectable: !0,
+  addOptions() {
+    var _a;
+    return {
+      ...(_a = this.parent) == null ? void 0 : _a.call(this),
+      inline: !0,
+      content: "inline*",
+      sizes: ["small", "medium", "large"],
+      HTMLAttributes: {
+        class: "custom-image"
+      },
+      uploadFile: () => Promise.resolve(null)
+    };
+  },
+  addAttributes() {
+    var _a;
+    return {
+      ...(_a = this.parent) == null ? void 0 : _a.call(this),
+      size: {
+        default: "medium",
+        rendered: !1
+      },
+      alt: {
+        renderHTML: (attributes) => ({
+          alt: attributes.alt
+        }),
+        parseHTML: (element) => element.getAttribute("alt")
+      },
+      title: {
+        renderHTML: (attributes) => ({
+          title: attributes.title
+        }),
+        parseHTML: (element) => element.getAttribute("title")
+      },
+      width: {
+        default: "350",
+        renderHTML: (attributes) => attributes.width !== null && attributes.width !== void 0 && !Number.isNaN(attributes.width) ? {
+          width: parseInt(attributes.width)
+        } : {},
+        parseHTML: (element) => element.getAttribute("width")
+      },
+      height: {
+        renderHTML: (attributes) => attributes.height !== null && attributes.height !== void 0 && !Number.isNaN(attributes.height) ? {
+          height: parseInt(attributes.height)
+        } : {},
+        parseHTML: (element) => element.getAttribute("height")
+      },
+      style: {
+        renderHTML: (attributes) => attributes.style ? {
+          style: attributes.style
+        } : {},
+        parseHTML: (element) => {
+          const style = element.getAttribute("style");
+          return style && typeof style == "string" && style.length > 0 ? {} : null;
+        }
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'img[src]:not([src^="data:"])',
+        getAttrs: (el) => {
+          var _a, _b, _c, _d, _e;
+          const attr = { src: el.getAttribute("src") };
+          return (_a = el.parentElement) != null && _a.className.includes("image-container") && (_b = el.parentElement.style) != null && _b.width && (attr.width = el.parentElement.style.width), (_c = el.style) != null && _c.width && (attr.width = el.style.width), [
+            "happy",
+            "proud",
+            "dreamy",
+            "love",
+            "tired",
+            "angry",
+            "worried",
+            "sick",
+            "joker",
+            "sad"
+          ].filter((smiley) => attr.src.includes(smiley + ".png")).length > 0 && (attr.style = {
+            width: "1.5em",
+            height: "1.5em",
+            fontSize: (_e = (_d = el.parentElement) == null ? void 0 : _d.style) == null ? void 0 : _e.fontSize
+          }, attr.width = "null", attr.height = "null"), attr;
+        }
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "img",
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)
+    ];
+  },
+  addInputRules() {
+    return [
+      nodeInputRule({
+        find: IMAGE_INPUT_REGEX,
+        type: this.type,
+        getAttributes: (match) => {
+          const [, , alt, src, title] = match;
+          return {
+            src,
+            alt,
+            title
+          };
+        }
+      })
+    ];
+  },
+  addCommands() {
+    return {
+      setNewImage: (attrs) => ({ tr, dispatch }) => {
+        const { selection } = tr, node = this.type.create(attrs);
+        return dispatch && tr.replaceRangeWith(selection.from, selection.to, node), !0;
+      },
+      setAttributes: (attributes) => ({ tr, dispatch }) => {
+        const { selection } = tr, options = {
+          ...tr.doc.nodeAt(tr.selection.from).attrs,
+          ...attributes
+        }, node = this.type.create(options);
+        return dispatch && tr.replaceRangeWith(selection.from, selection.to, node), !0;
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const uploadNode = async (file) => {
+      const resizedImage = await ImageResizer.resizeImageFile(file), image = await this.options.uploadFile(resizedImage), imageUrl = `/workspace/${image.public ? "pub/" : ""}document/${image._id}?timestamp=${(/* @__PURE__ */ new Date()).getTime()}`;
+      return this.type.create({
+        src: imageUrl,
+        alt: image.alt,
+        title: image.title
+      });
+    }, getFilteredFiles = (files) => Array.from(files).filter(
+      (file) => /image\/(png|jpeg|jpg|gif|webp|heic|avif)/.test(file.type)
+    ), handleImageInsert = async (editor, file, position) => {
+      const node = await uploadNode(file);
+      if (!node) return;
+      const transaction = position !== void 0 ? editor.state.tr.insert(position, node) : editor.state.tr.replaceSelectionWith(node);
+      editor.dispatch(transaction);
+    };
+    return [
+      new Plugin({
+        props: {
+          handlePaste: (editor, e) => {
+            var _a;
+            const files = getFilteredFiles((_a = e.clipboardData) == null ? void 0 : _a.files);
+            if (files.length === 0) return !1;
+            for (const file of files)
+              handleImageInsert(editor, file);
+            return !0;
+          },
+          handleDrop: (editor, e, _s, moved) => {
+            if (moved) return !1;
+            const files = getFilteredFiles(e.dataTransfer.files);
+            if (files.length === 0) return !1;
+            const { pos: position } = editor.posAtCoords({
+              left: e.clientX,
+              top: e.clientY
+            });
+            for (const file of files)
+              handleImageInsert(editor, file, position);
+            return !0;
+          }
+        }
+      })
+    ];
+  }
+});
+export {
+  IMAGE_INPUT_REGEX,
+  Image
+};
+//# sourceMappingURL=image.js.map

package/dist/image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sources":["../../src/image/image.ts"],"sourcesContent":["import { WorkspaceElement } from '@edifice.io/client';\nimport { ImageResizer } from '@edifice.io/utilities';\nimport { mergeAttributes, nodeInputRule } from '@tiptap/core';\nimport TiptapImage from '@tiptap/extension-image';\nimport { Plugin } from 'prosemirror-state';\n\nexport const IMAGE_INPUT_REGEX =\n  /(?:^|\\s)(!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\))$/;\n\nexport interface CustomImageOptions {\n  HTMLAttributes: Record<string, string>;\n  sizes: string[];\n  uploadFile?: (file: File) => Promise<WorkspaceElement | null>;\n}\n\ninterface AttributesProps {\n  width: number | string;\n  height: number | string;\n  size: string;\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    customImage: {\n      setAttributes: (options: AttributesProps) => ReturnType;\n      setNewImage: (options: {\n        src: string;\n        alt?: string;\n        title?: string;\n      }) => ReturnType;\n    };\n  }\n}\n\nexport const Image = TiptapImage.extend<CustomImageOptions>({\n  name: 'custom-image',\n  draggable: true,\n  selectable: true,\n\n  addOptions() {\n    return {\n      ...this.parent?.(),\n      inline: true,\n      content: 'inline*',\n      sizes: ['small', 'medium', 'large'],\n      HTMLAttributes: {\n        class: 'custom-image',\n      },\n      uploadFile: () => {\n        return Promise.resolve(null);\n      },\n    };\n  },\n\n  addAttributes() {\n    return {\n      ...this.parent?.(),\n      size: {\n        default: 'medium',\n        rendered: false,\n      },\n      alt: {\n        renderHTML: (attributes) => {\n          return {\n            alt: attributes.alt,\n          };\n        },\n        parseHTML: (element) => element.getAttribute('alt'),\n      },\n      title: {\n        renderHTML: (attributes) => {\n          return {\n            title: attributes.title,\n          };\n        },\n        parseHTML: (element) => element.getAttribute('title'),\n      },\n      width: {\n        default: '350',\n        renderHTML: (attributes) => {\n          if (\n            attributes.width !== null &&\n            attributes.width !== undefined &&\n            !Number.isNaN(attributes.width)\n          ) {\n            return {\n              width: parseInt(attributes.width),\n            };\n          }\n          return {};\n        },\n        parseHTML: (element) => element.getAttribute('width'),\n      },\n      height: {\n        renderHTML: (attributes) => {\n          if (\n            attributes.height !== null &&\n            attributes.height !== undefined &&\n            !Number.isNaN(attributes.height)\n          ) {\n            return {\n              height: parseInt(attributes.height),\n            };\n          }\n          return {};\n        },\n        parseHTML: (element) => element.getAttribute('height'),\n      },\n      style: {\n        renderHTML: (attributes) => {\n          return attributes.style\n            ? {\n                style: attributes.style,\n              }\n            : {};\n        },\n        parseHTML: (element) => {\n          const style = element.getAttribute('style');\n          return style && typeof style === 'string' && style.length > 0\n            ? {}\n            : null;\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'img[src]:not([src^=\"data:\"])',\n        getAttrs: (el: HTMLImageElement) => {\n          const attr = { src: el.getAttribute('src') };\n          // Check old content format and get the width from the parent element\n          if (el.parentElement?.className.includes('image-container')) {\n            if (el.parentElement.style?.width) {\n              attr['width'] = el.parentElement.style.width;\n            }\n          }\n          if (el.style?.width) {\n            attr['width'] = el.style.width;\n          }\n\n          // Check old content smiley\n          const oldSmileyList = [\n            'happy',\n            'proud',\n            'dreamy',\n            'love',\n            'tired',\n            'angry',\n            'worried',\n            'sick',\n            'joker',\n            'sad',\n          ];\n          if (\n            oldSmileyList.filter((smiley) => attr.src.includes(smiley + '.png'))\n              .length > 0\n          ) {\n            attr['style'] = {\n              width: '1.5em',\n              height: '1.5em',\n              fontSize: el.parentElement?.style?.fontSize,\n            };\n            attr['width'] = 'null';\n            attr['height'] = 'null';\n          }\n          return attr;\n        },\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'img',\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n    ];\n  },\n\n  addInputRules() {\n    return [\n      nodeInputRule({\n        find: IMAGE_INPUT_REGEX,\n        type: this.type,\n        getAttributes: (match) => {\n          const [, , alt, src, title] = match;\n\n          return {\n            src,\n            alt,\n            title,\n          };\n        },\n      }),\n    ];\n  },\n\n  addCommands() {\n    return {\n      setNewImage:\n        (attrs) =>\n        ({ tr, dispatch }) => {\n          const { selection } = tr;\n          const node = this.type.create(attrs);\n\n          if (dispatch) {\n            tr.replaceRangeWith(selection.from, selection.to, node);\n          }\n\n          return true;\n        },\n      setAttributes:\n        (attributes) =>\n        ({ tr, dispatch }) => {\n          const { selection } = tr;\n\n          const nodeAttrs = tr.doc.nodeAt(tr.selection.from);\n          const options = {\n            ...nodeAttrs.attrs,\n            ...attributes,\n          };\n          const node = this.type.create(options);\n\n          if (dispatch) {\n            tr.replaceRangeWith(selection.from, selection.to, node);\n          }\n\n          return true;\n        },\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const uploadNode = async (file: File) => {\n      /**\n       * Resize the image\n       */\n      const resizedImage = await ImageResizer.resizeImageFile(file);\n\n      /**\n       * Upload the image\n       */\n      const image = await this.options.uploadFile(resizedImage);\n\n      /**\n       * Get the image url\n       */\n      const imageUrl = `/workspace/${image.public ? 'pub/' : ''}document/${\n        image._id\n      }?timestamp=${new Date().getTime()}`;\n\n      /**\n       * Create the image node\n       */\n\n      const node = this.type.create({\n        src: imageUrl,\n        alt: image.alt,\n        title: image.title,\n      });\n\n      return node;\n    };\n\n    const getFilteredFiles = (files: FileList) => {\n      return Array.from(files).filter((file) =>\n        /image\\/(png|jpeg|jpg|gif|webp|heic|avif)/.test(file.type),\n      );\n    };\n\n    const handleImageInsert = async (\n      editor: any,\n      file: File,\n      position?: number,\n    ) => {\n      const node = await uploadNode(file);\n      if (!node) return;\n\n      const transaction =\n        position !== undefined\n          ? editor.state.tr.insert(position, node)\n          : editor.state.tr.replaceSelectionWith(node);\n\n      editor.dispatch(transaction);\n    };\n\n    return [\n      new Plugin({\n        props: {\n          handlePaste: (editor, e) => {\n            const files = getFilteredFiles(e.clipboardData?.files);\n            if (files.length === 0) return false;\n\n            for (const file of files) {\n              handleImageInsert(editor, file);\n            }\n\n            return true;\n          },\n          handleDrop: (editor, e, _s, moved) => {\n            if (moved) return false;\n\n            const files = getFilteredFiles(e.dataTransfer.files);\n            if (files.length === 0) return false;\n\n            const { pos: position } = editor.posAtCoords({\n              left: e.clientX,\n              top: e.clientY,\n            });\n\n            for (const file of files) {\n              handleImageInsert(editor, file, position);\n            }\n            return true;\n          },\n        },\n      }),\n    ];\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/image/index.d.ts

@@ -1,3 +1,3 @@
-import { CustomImage } from './custom-image';
-export * from './custom-image';
-export default CustomImage;
+import { Image } from './image';
+export * from './image';
+export default Image;

package/dist/index.cjs

@@ -1,44 +1,2 @@
-'use strict';
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const abbr = require('./abbr/abbr.cjs'),
-  alert = require('./alert/alert.cjs'),
-  attachment = require('./attachment/attachment.cjs'),
-  audio = require('./audio/audio.cjs'),
-  fontSize = require('./font-size/font-size.cjs'),
-  heading = require('./heading/heading.cjs'),
-  highlight = require('./highlight/highlight.cjs'),
-  hyperlink = require('./hyperlink/hyperlink.cjs'),
-  iframe = require('./iframe/iframe.cjs'),
-  customImage = require('./image/custom-image.cjs'),
-  lineHeight = require('./line-height/line-height.cjs'),
-  linker = require('./linker/linker.cjs'),
-  mathjax = require('./mathjax/mathjax.cjs'),
-  paragraph = require('./paragraph/paragraph.cjs'),
-  speechRecognition = require('./speech-recognition/speech-recognition.cjs'),
-  speechSynthesis = require('./speech-synthesis/speech-synthesis.cjs'),
-  tableCell = require('./table-cell/table-cell.cjs'),
-  htmlToJson = require('./transform/html-to-json/html-to-json.cjs'),
-  jsonToHtml = require('./transform/json-to-html/json-to-html.cjs'),
-  video = require('./video/video.cjs');
-exports.Abbr = abbr.Abbr;
-exports.Alert = alert.Alert;
-exports.Attachment = attachment.Attachment;
-exports.Audio = audio.Audio;
-exports.FontSize = fontSize.FontSize;
-exports.CustomHeading = heading.CustomHeading;
-exports.CustomHighlight = highlight.CustomHighlight;
-exports.Hyperlink = hyperlink.Hyperlink;
-exports.Iframe = iframe.Iframe;
-exports.CustomImage = customImage.CustomImage;
-exports.IMAGE_INPUT_REGEX = customImage.IMAGE_INPUT_REGEX;
-exports.LineHeight = lineHeight.LineHeight;
-exports.Linker = linker.Linker;
-exports.MathJax = mathjax.MathJax;
-exports.Paragraph = paragraph.Paragraph;
-exports.SpeechRecognition = speechRecognition.SpeechRecognition;
-exports.SpeechSynthesis = speechSynthesis.SpeechSynthesis;
-exports.TableCell = tableCell.TableCell;
-exports.htmlToJson = htmlToJson;
-exports.jsonToHtml = jsonToHtml;
-exports.Video = video.Video;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const abbr=require("./abbr/abbr.cjs"),alert=require("./alert/alert.cjs"),attachmentTransformer=require("./attachment/attachment-transformer.cjs"),attachment=require("./attachment/attachment.cjs"),audio=require("./audio/audio.cjs"),fontSize=require("./font-size/font-size.cjs"),heading=require("./heading/heading.cjs"),highlight=require("./highlight/highlight.cjs"),hyperlink=require("./hyperlink/hyperlink.cjs"),iframe=require("./iframe/iframe.cjs"),image=require("./image/image.cjs"),lineHeight=require("./line-height/line-height.cjs"),linker=require("./linker/linker.cjs"),mathjax=require("./mathjax/mathjax.cjs"),paragraph=require("./paragraph/paragraph.cjs"),speechRecognition=require("./speech-recognition/speech-recognition.cjs"),speechSynthesis=require("./speech-synthesis/speech-synthesis.cjs"),tableCell=require("./table-cell/table-cell.cjs"),htmlToJson=require("./transform/html-to-json/html-to-json.cjs"),jsonToHtml=require("./transform/json-to-html/json-to-html.cjs"),video=require("./video/video.cjs");exports.Abbr=abbr.Abbr;exports.Alert=alert.Alert;exports.AttachmentTransformer=attachmentTransformer.AttachmentTransformer;exports.Attachment=attachment.Attachment;exports.Audio=audio.Audio;exports.FontSize=fontSize.FontSize;exports.CustomHeading=heading.CustomHeading;exports.CustomHighlight=highlight.CustomHighlight;exports.Hyperlink=hyperlink.Hyperlink;exports.Iframe=iframe.Iframe;exports.IMAGE_INPUT_REGEX=image.IMAGE_INPUT_REGEX;exports.Image=image.Image;exports.LineHeight=lineHeight.LineHeight;exports.Linker=linker.Linker;exports.MathJax=mathjax.MathJax;exports.Paragraph=paragraph.Paragraph;exports.SpeechRecognition=speechRecognition.SpeechRecognition;exports.SpeechSynthesis=speechSynthesis.SpeechSynthesis;exports.TableCell=tableCell.TableCell;exports.htmlToJson=htmlToJson;exports.jsonToHtml=jsonToHtml;exports.Video=video.Video;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,35 +1,37 @@
-import { Abbr } from './abbr/abbr.js';
-import { Alert } from './alert/alert.js';
-import { Attachment } from './attachment/attachment.js';
-import { Audio } from './audio/audio.js';
-import { FontSize } from './font-size/font-size.js';
-import { CustomHeading } from './heading/heading.js';
-import { CustomHighlight } from './highlight/highlight.js';
-import { Hyperlink } from './hyperlink/hyperlink.js';
-import { Iframe } from './iframe/iframe.js';
-import { CustomImage, IMAGE_INPUT_REGEX } from './image/custom-image.js';
-import { LineHeight } from './line-height/line-height.js';
-import { Linker } from './linker/linker.js';
-import { MathJax } from './mathjax/mathjax.js';
-import { Paragraph } from './paragraph/paragraph.js';
-import { SpeechRecognition } from './speech-recognition/speech-recognition.js';
-import { SpeechSynthesis } from './speech-synthesis/speech-synthesis.js';
-import { TableCell } from './table-cell/table-cell.js';
-import { default as default2 } from './transform/html-to-json/html-to-json.js';
-import { default as default3 } from './transform/json-to-html/json-to-html.js';
-import { Video } from './video/video.js';
+import { Abbr } from "./abbr/abbr.js";
+import { Alert } from "./alert/alert.js";
+import { AttachmentTransformer } from "./attachment/attachment-transformer.js";
+import { Attachment } from "./attachment/attachment.js";
+import { Audio } from "./audio/audio.js";
+import { FontSize } from "./font-size/font-size.js";
+import { CustomHeading } from "./heading/heading.js";
+import { CustomHighlight } from "./highlight/highlight.js";
+import { Hyperlink } from "./hyperlink/hyperlink.js";
+import { Iframe } from "./iframe/iframe.js";
+import { IMAGE_INPUT_REGEX, Image } from "./image/image.js";
+import { LineHeight } from "./line-height/line-height.js";
+import { Linker } from "./linker/linker.js";
+import { MathJax } from "./mathjax/mathjax.js";
+import { Paragraph } from "./paragraph/paragraph.js";
+import { SpeechRecognition } from "./speech-recognition/speech-recognition.js";
+import { SpeechSynthesis } from "./speech-synthesis/speech-synthesis.js";
+import { TableCell } from "./table-cell/table-cell.js";
+import { default as default2 } from "./transform/html-to-json/html-to-json.js";
+import { default as default3 } from "./transform/json-to-html/json-to-html.js";
+import { Video } from "./video/video.js";
 export {
   Abbr,
   Alert,
   Attachment,
+  AttachmentTransformer,
   Audio,
   CustomHeading,
   CustomHighlight,
-  CustomImage,
   FontSize,
   Hyperlink,
   IMAGE_INPUT_REGEX,
   Iframe,
+  Image,
   LineHeight,
   Linker,
   MathJax,
@@ -39,6 +41,6 @@ export {
   TableCell,
   Video,
   default2 as htmlToJson,
-  default3 as jsonToHtml,
+  default3 as jsonToHtml
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/line-height/line-height.cjs

@@ -1,34 +1,2 @@
-'use strict';
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-require('@tiptap/extension-text-style');
-const core = require('@tiptap/core'),
-  LineHeight = core.Extension.create({
-    name: 'lineHeight',
-    addOptions() {
-      return { types: ['textStyle'] };
-    },
-    addGlobalAttributes() {
-      return [
-        {
-          types: this.options.types,
-          attributes: {
-            lineHeight: {
-              default: null,
-              parseHTML: (element) => {
-                var _a;
-                return (_a = element.style.lineHeight) == null
-                  ? void 0
-                  : _a.replace(/['"]+/g, '');
-              },
-              renderHTML: (attributes) =>
-                attributes.lineHeight
-                  ? { style: `line-height: ${attributes.lineHeight}` }
-                  : {},
-            },
-          },
-        },
-      ];
-    },
-  });
-exports.LineHeight = LineHeight;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@tiptap/extension-text-style");const core=require("@tiptap/core"),LineHeight=core.Extension.create({name:"lineHeight",addOptions(){return{types:["textStyle"]}},addGlobalAttributes(){return[{types:this.options.types,attributes:{lineHeight:{default:null,parseHTML:element=>{var _a;return(_a=element.style.lineHeight)==null?void 0:_a.replace(/['"]+/g,"")},renderHTML:attributes=>attributes.lineHeight?{style:`line-height: ${attributes.lineHeight}`}:{}}}}]}});exports.LineHeight=LineHeight;
 //# sourceMappingURL=line-height.cjs.map

package/dist/line-height/line-height.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"line-height.cjs","sources":["../../src/line-height/line-height.ts"],"sourcesContent":["import '@tiptap/extension-text-style';\n\nimport { Extension } from '@tiptap/core';\n\nexport const LineHeight = Extension.create({\n  name: 'lineHeight',\n\n  addOptions() {\n    return {\n      types: ['textStyle'],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          lineHeight: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.lineHeight?.replace(/['\"]+/g, ''),\n            renderHTML: (attributes) => {\n              if (!attributes.lineHeight) {\n                return {};\n              }\n\n              return {\n                style: `line-height: ${attributes.lineHeight}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n});\n"],"names":["Extension"],"mappings":"2JAIa,WAAaA,eAAU,OAAO,CACzC,KAAM,aAEN,YAAa,CACJ,MAAA,CACL,MAAO,CAAC,WAAW,CAAA,CAEvB,EAEA,qBAAsB,CACb,MAAA,CACL,CACE,MAAO,KAAK,QAAQ,MACpB,WAAY,CACV,WAAY,CACV,QAAS,KACT,UAAY,SACV,QAAA,kBAAQ,MAAM,aAAd,eAA0B,QAAQ,SAAU,KAC9C,WAAa,YACN,WAAW,WAIT,CACL,MAAO,gBAAgB,WAAW,UAAU,EAAA,EAJrC,EAOb,CACF,CACF,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"line-height.cjs","sources":["../../src/line-height/line-height.ts"],"sourcesContent":["import '@tiptap/extension-text-style';\n\nimport { Extension } from '@tiptap/core';\n\nexport const LineHeight = Extension.create({\n  name: 'lineHeight',\n\n  addOptions() {\n    return {\n      types: ['textStyle'],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          lineHeight: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.lineHeight?.replace(/['\"]+/g, ''),\n            renderHTML: (attributes) => {\n              if (!attributes.lineHeight) {\n                return {};\n              }\n\n              return {\n                style: `line-height: ${attributes.lineHeight}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n});\n"],"names":["Extension"],"mappings":"2JAIa,WAAaA,eAAU,OAAO,CACzC,KAAM,aAEN,YAAa,CACJ,MAAA,CACL,MAAO,CAAC,WAAW,CACrB,CACF,EAEA,qBAAsB,CACb,MAAA,CACL,CACE,MAAO,KAAK,QAAQ,MACpB,WAAY,CACV,WAAY,CACV,QAAS,KACT,UAAY,SACV,QAAA,kBAAQ,MAAM,aAAd,eAA0B,QAAQ,SAAU,KAC9C,WAAa,YACN,WAAW,WAIT,CACL,MAAO,gBAAgB,WAAW,UAAU,EAC9C,EALS,CAAC,CAMZ,CACF,CACF,CAEJ,CAAA,CAEJ,CAAC"}

package/dist/line-height/line-height.js

@@ -1,10 +1,10 @@
-import '@tiptap/extension-text-style';
-import { Extension } from '@tiptap/core';
+import "@tiptap/extension-text-style";
+import { Extension } from "@tiptap/core";
 const LineHeight = Extension.create({
-  name: 'lineHeight',
+  name: "lineHeight",
   addOptions() {
     return {
-      types: ['textStyle'],
+      types: ["textStyle"]
     };
   },
   addGlobalAttributes() {
@@ -16,21 +16,18 @@ const LineHeight = Extension.create({
             default: null,
             parseHTML: (element) => {
               var _a;
-              return (_a = element.style.lineHeight) == null
-                ? void 0
-                : _a.replace(/['"]+/g, '');
+              return (_a = element.style.lineHeight) == null ? void 0 : _a.replace(/['"]+/g, "");
             },
-            renderHTML: (attributes) =>
-              attributes.lineHeight
-                ? {
-                    style: `line-height: ${attributes.lineHeight}`,
-                  }
-                : {},
-          },
-        },
-      },
+            renderHTML: (attributes) => attributes.lineHeight ? {
+              style: `line-height: ${attributes.lineHeight}`
+            } : {}
+          }
+        }
+      }
     ];
-  },
+  }
 });
-export { LineHeight };
+export {
+  LineHeight
+};
 //# sourceMappingURL=line-height.js.map

package/dist/line-height/line-height.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-height.js","sources":["../../src/line-height/line-height.ts"],"sourcesContent":["import '@tiptap/extension-text-style';\n\nimport { Extension } from '@tiptap/core';\n\nexport const LineHeight = Extension.create({\n  name: 'lineHeight',\n\n  addOptions() {\n    return {\n      types: ['textStyle'],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          lineHeight: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.lineHeight?.replace(/['\"]+/g, ''),\n            renderHTML: (attributes) => {\n              if (!attributes.lineHeight) {\n                return {};\n              }\n\n              return {\n                style: `line-height: ${attributes.lineHeight}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n});\n"],"names":[],"mappings":";;AAIa,MAAA,aAAa,UAAU,OAAO;AAAA,EACzC,MAAM;AAAA,EAEN,aAAa;AACJ,WAAA;AAAA,MACL,OAAO,CAAC,WAAW;AAAA,IAAA;AAAA,EAEvB;AAAA,EAEA,sBAAsB;AACb,WAAA;AAAA,MACL;AAAA,QACE,OAAO,KAAK,QAAQ;AAAA,QACpB,YAAY;AAAA,UACV,YAAY;AAAA,YACV,SAAS;AAAA,YACT,WAAW,CAAC,YACV;;AAAA,mCAAQ,MAAM,eAAd,mBAA0B,QAAQ,UAAU;AAAA;AAAA,YAC9C,YAAY,CAAC,eACN,WAAW,aAIT;AAAA,cACL,OAAO,gBAAgB,WAAW,UAAU;AAAA,YAAA,IAJrC;UAOb;AAAA,QACF;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"line-height.js","sources":["../../src/line-height/line-height.ts"],"sourcesContent":["import '@tiptap/extension-text-style';\n\nimport { Extension } from '@tiptap/core';\n\nexport const LineHeight = Extension.create({\n  name: 'lineHeight',\n\n  addOptions() {\n    return {\n      types: ['textStyle'],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          lineHeight: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.lineHeight?.replace(/['\"]+/g, ''),\n            renderHTML: (attributes) => {\n              if (!attributes.lineHeight) {\n                return {};\n              }\n\n              return {\n                style: `line-height: ${attributes.lineHeight}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n});\n"],"names":[],"mappings":";;AAIa,MAAA,aAAa,UAAU,OAAO;AAAA,EACzC,MAAM;AAAA,EAEN,aAAa;AACJ,WAAA;AAAA,MACL,OAAO,CAAC,WAAW;AAAA,IACrB;AAAA,EACF;AAAA,EAEA,sBAAsB;AACb,WAAA;AAAA,MACL;AAAA,QACE,OAAO,KAAK,QAAQ;AAAA,QACpB,YAAY;AAAA,UACV,YAAY;AAAA,YACV,SAAS;AAAA,YACT,WAAW,CAAC,YACV;;AAAA,mCAAQ,MAAM,eAAd,mBAA0B,QAAQ,UAAU;AAAA;AAAA,YAC9C,YAAY,CAAC,eACN,WAAW,aAIT;AAAA,cACL,OAAO,gBAAgB,WAAW,UAAU;AAAA,YAC9C,IALS,CAAC;AAAA,UAMZ;AAAA,QACF;AAAA,MACF;AAAA,IAEJ;AAAA,EAAA;AAEJ,CAAC;"}

package/dist/linker/linker.cjs

@@ -1,96 +1,2 @@
-'use strict';
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const core = require('@tiptap/core'),
-  Linker = core.Node.create({
-    name: 'linker',
-    content: 'text*',
-    marks: '',
-    group: 'inline',
-    inline: !0,
-    selectable: !0,
-    atom: !0,
-    draggable: !0,
-    isolating: !0,
-    allowGapCursor: !1,
-    priority: 1100,
-    keepOnSplit: !1,
-    addOptions() {
-      return {
-        openOnClick: !0,
-        HTMLAttributes: {
-          target: null,
-          title: null,
-          class: null,
-          'data-id': null,
-          'data-app-prefix': null,
-        },
-        validate: void 0,
-      };
-    },
-    addAttributes() {
-      return {
-        href: { default: null },
-        class: { default: this.options.HTMLAttributes.class },
-        target: {
-          default: this.options.HTMLAttributes.target,
-          parseHTML: (element) =>
-            element.getAttribute('target') !== '_blank' ? null : '_blank',
-        },
-        title: { default: this.options.HTMLAttributes.title },
-        'data-id': { default: this.options.HTMLAttributes['data-id'] },
-        'data-app-prefix': {
-          default: this.options.HTMLAttributes['data-app-prefix'],
-        },
-      };
-    },
-    parseHTML() {
-      return [
-        {
-          tag: 'a[href]:not([href *= "javascript:" i])[data-id][data-app-prefix]',
-        },
-      ];
-    },
-    renderHTML({ HTMLAttributes }) {
-      var _a;
-      return (_a = HTMLAttributes.href) != null && _a.startsWith('javascript:')
-        ? [
-            'a',
-            core.mergeAttributes(this.options.HTMLAttributes, {
-              ...HTMLAttributes,
-              href: '',
-            }),
-            0,
-          ]
-        : [
-            'a',
-            core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-            0,
-          ];
-    },
-    addCommands() {
-      return {
-        setLinker:
-          (attrs) =>
-          ({ commands }) => (
-            commands.insertContent({
-              type: this.name,
-              attrs,
-              content: [{ type: 'text', text: attrs.title }],
-            }),
-            !0
-          ),
-        unsetLinker:
-          () =>
-          ({ state, tr }) => {
-            const { node, from, to } = state.selection;
-            return (
-              (node == null ? void 0 : node.type.name) === 'linker' &&
-                tr.delete(from, to).scrollIntoView(),
-              !0
-            );
-          },
-      };
-    },
-  });
-exports.Linker = Linker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("@tiptap/core"),Linker=core.Node.create({name:"linker",content:"text*",marks:"",group:"inline",inline:!0,selectable:!0,atom:!0,draggable:!0,isolating:!0,allowGapCursor:!1,priority:1100,keepOnSplit:!1,addOptions(){return{openOnClick:!0,HTMLAttributes:{target:null,title:null,class:null,"data-id":null,"data-app-prefix":null},validate:void 0}},addAttributes(){return{href:{default:null},class:{default:this.options.HTMLAttributes.class},target:{default:this.options.HTMLAttributes.target,parseHTML:element=>element.getAttribute("target")!=="_blank"?null:"_blank"},title:{default:this.options.HTMLAttributes.title},"data-id":{default:this.options.HTMLAttributes["data-id"]},"data-app-prefix":{default:this.options.HTMLAttributes["data-app-prefix"]}}},parseHTML(){return[{tag:'a[href]:not([href *= "javascript:" i])[data-id][data-app-prefix]'}]},renderHTML({HTMLAttributes}){var _a;return(_a=HTMLAttributes.href)!=null&&_a.startsWith("javascript:")?["a",core.mergeAttributes(this.options.HTMLAttributes,{...HTMLAttributes,href:""}),0]:["a",core.mergeAttributes(this.options.HTMLAttributes,HTMLAttributes),0]},addCommands(){return{setLinker:attrs=>({commands})=>(commands.insertContent({type:this.name,attrs,content:[{type:"text",text:attrs.title}]}),!0),unsetLinker:()=>({state,tr})=>{const{node,from,to}=state.selection;return(node==null?void 0:node.type.name)==="linker"&&tr.delete(from,to).scrollIntoView(),!0}}}});exports.Linker=Linker;
 //# sourceMappingURL=linker.cjs.map

package/dist/linker/linker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"linker.cjs","sources":["../../src/linker/linker.ts"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\nimport { NodeSelection } from '@tiptap/pm/state';\n\n/* Our own model of a link in a rich document. */\nexport type LinkerAttributes = {\n  href: string | null;\n  target: '_blank' | null;\n  title: string | null;\n  'data-id': string | null;\n  'data-app-prefix': string | null;\n};\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    linker: {\n      /**\n       * Set a linker node\n       */\n      setLinker: (attributes: LinkerAttributes) => ReturnType;\n      /**\n       * Unset a linker node\n       */\n      unsetLinker: () => ReturnType;\n    };\n  }\n}\n\n/**\n * Internal links extension.\n * Reproduces the legacy angularJs \"linker\" directive.\n *\n * Links to internal resources MAY have a `title` and MUST HAVE `data-id` and `data-app-prefix` attributes :\n * `<a href=\"/blog#/view/35fa4198-blog_id/5e654c71-article_id\" data-app-prefix=\"blog\" data-id=\"35fa4198-blog_id\" target=\"_blank\" title=\"Voir ce billet de blog\" class=\"ng-scope\">/blog#/view/35fa4198-57fe-45eb-94f4-a5e4defff305/5e654c71-1e61-4f84-86dc-6fcfaf33f513</a>`\n */\nexport const Linker = Node.create({\n  name: 'linker',\n  content: 'text*',\n  marks: '',\n  group: 'inline',\n\n  inline: true,\n  selectable: true,\n  atom: true,\n  draggable: true,\n  isolating: true,\n  allowGapCursor: false,\n\n  priority: 1100,\n  keepOnSplit: false,\n\n  addOptions() {\n    return {\n      openOnClick: true,\n      HTMLAttributes: {\n        target: null,\n        title: null,\n        class: null,\n        'data-id': null,\n        'data-app-prefix': null,\n      },\n      validate: undefined,\n    };\n  },\n\n  addAttributes() {\n    return {\n      href: {\n        default: null,\n      },\n      class: {\n        default: this.options.HTMLAttributes.class,\n      },\n      target: {\n        default: this.options.HTMLAttributes.target,\n        // Sanitize target value\n        parseHTML: (element) =>\n          element.getAttribute('target') !== '_blank' ? null : '_blank',\n      },\n      title: {\n        default: this.options.HTMLAttributes.title,\n      },\n      'data-id': {\n        default: this.options.HTMLAttributes['data-id'],\n      },\n      'data-app-prefix': {\n        default: this.options.HTMLAttributes['data-app-prefix'],\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[href]:not([href *= \"javascript:\" i])[data-id][data-app-prefix]',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    if (HTMLAttributes.href?.startsWith('javascript:')) {\n      return [\n        'a',\n        mergeAttributes(this.options.HTMLAttributes, {\n          ...HTMLAttributes,\n          href: '',\n        }),\n        0,\n      ];\n    }\n    return [\n      'a',\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n      0,\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLinker:\n        (attrs) =>\n        ({ commands }) => {\n          // Insert a Linker node with inner text node\n          commands.insertContent({\n            type: this.name,\n            attrs,\n            content: [\n              {\n                type: 'text',\n                text: attrs.title,\n              },\n            ],\n          });\n          return true;\n        },\n\n      unsetLinker:\n        () =>\n        ({ state, tr }) => {\n          // Which Linker node is actually selected ?\n          const { node, from, to } = state.selection as NodeSelection;\n          // Delete any selected Linker node\n          if (node?.type.name === 'linker') {\n            /* The following does not work as one would expected.\n            commands.deleteNode(this.name);\n            commands.deleteCurrentNode();\n            * Replaced by : */\n            tr.delete(from, to).scrollIntoView();\n          }\n          return true;\n        },\n    };\n  },\n});\n"],"names":["Node","mergeAttributes"],"mappings":"mHAkCa,OAASA,UAAK,OAAO,CAChC,KAAM,SACN,QAAS,QACT,MAAO,GACP,MAAO,SAEP,OAAQ,GACR,WAAY,GACZ,KAAM,GACN,UAAW,GACX,UAAW,GACX,eAAgB,GAEhB,SAAU,KACV,YAAa,GAEb,YAAa,CACJ,MAAA,CACL,YAAa,GACb,eAAgB,CACd,OAAQ,KACR,MAAO,KACP,MAAO,KACP,UAAW,KACX,kBAAmB,IACrB,EACA,SAAU,MAAA,CAEd,EAEA,eAAgB,CACP,MAAA,CACL,KAAM,CACJ,QAAS,IACX,EACA,MAAO,CACL,QAAS,KAAK,QAAQ,eAAe,KACvC,EACA,OAAQ,CACN,QAAS,KAAK,QAAQ,eAAe,OAErC,UAAY,SACV,QAAQ,aAAa,QAAQ,IAAM,SAAW,KAAO,QACzD,EACA,MAAO,CACL,QAAS,KAAK,QAAQ,eAAe,KACvC,EACA,UAAW,CACT,QAAS,KAAK,QAAQ,eAAe,SAAS,CAChD,EACA,kBAAmB,CACjB,QAAS,KAAK,QAAQ,eAAe,iBAAiB,CACxD,CAAA,CAEJ,EAEA,WAAY,CACH,MAAA,CACL,CACE,IAAK,kEACP,CAAA,CAEJ,EAEA,WAAW,CAAE,gBAAkB,QAC7B,OAAI,kBAAe,OAAf,SAAqB,WAAW,eAC3B,CACL,IACAC,qBAAgB,KAAK,QAAQ,eAAgB,CAC3C,GAAG,eACH,KAAM,EAAA,CACP,EACD,CAAA,EAGG,CACL,IACAA,KAAAA,gBAAgB,KAAK,QAAQ,eAAgB,cAAc,EAC3D,CAAA,CAEJ,EAEA,aAAc,CACL,MAAA,CACL,UACG,OACD,CAAC,CAAE,aAED,SAAS,cAAc,CACrB,KAAM,KAAK,KACX,MACA,QAAS,CACP,CACE,KAAM,OACN,KAAM,MAAM,KACd,CACF,CAAA,CACD,EACM,IAGX,YACE,IACA,CAAC,CAAE,MAAO,MAAS,CAEjB,KAAM,CAAE,KAAM,KAAM,EAAA,EAAO,MAAM,UAE7B,OAAA,uBAAM,KAAK,QAAS,UAKtB,GAAG,OAAO,KAAM,EAAE,EAAE,eAAe,EAE9B,EACT,CAAA,CAEN,CACF,CAAC"}
+{"version":3,"file":"linker.cjs","sources":["../../src/linker/linker.ts"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\nimport { NodeSelection } from '@tiptap/pm/state';\n\n/* Our own model of a link in a rich document. */\nexport type LinkerAttributes = {\n  'href': string | null;\n  'target': '_blank' | null;\n  'title': string | null;\n  'data-id': string | null;\n  'data-app-prefix': string | null;\n};\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    linker: {\n      /**\n       * Set a linker node\n       */\n      setLinker: (attributes: LinkerAttributes) => ReturnType;\n      /**\n       * Unset a linker node\n       */\n      unsetLinker: () => ReturnType;\n    };\n  }\n}\n\n/**\n * Internal links extension.\n * Reproduces the legacy angularJs \"linker\" directive.\n *\n * Links to internal resources MAY have a `title` and MUST HAVE `data-id` and `data-app-prefix` attributes :\n * `<a href=\"/blog#/view/35fa4198-blog_id/5e654c71-article_id\" data-app-prefix=\"blog\" data-id=\"35fa4198-blog_id\" target=\"_blank\" title=\"Voir ce billet de blog\" class=\"ng-scope\">/blog#/view/35fa4198-57fe-45eb-94f4-a5e4defff305/5e654c71-1e61-4f84-86dc-6fcfaf33f513</a>`\n */\nexport const Linker = Node.create({\n  name: 'linker',\n  content: 'text*',\n  marks: '',\n  group: 'inline',\n\n  inline: true,\n  selectable: true,\n  atom: true,\n  draggable: true,\n  isolating: true,\n  allowGapCursor: false,\n\n  priority: 1100,\n  keepOnSplit: false,\n\n  addOptions() {\n    return {\n      openOnClick: true,\n      HTMLAttributes: {\n        'target': null,\n        'title': null,\n        'class': null,\n        'data-id': null,\n        'data-app-prefix': null,\n      },\n      validate: undefined,\n    };\n  },\n\n  addAttributes() {\n    return {\n      'href': {\n        default: null,\n      },\n      'class': {\n        default: this.options.HTMLAttributes.class,\n      },\n      'target': {\n        default: this.options.HTMLAttributes.target,\n        // Sanitize target value\n        parseHTML: (element) =>\n          element.getAttribute('target') !== '_blank' ? null : '_blank',\n      },\n      'title': {\n        default: this.options.HTMLAttributes.title,\n      },\n      'data-id': {\n        default: this.options.HTMLAttributes['data-id'],\n      },\n      'data-app-prefix': {\n        default: this.options.HTMLAttributes['data-app-prefix'],\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[href]:not([href *= \"javascript:\" i])[data-id][data-app-prefix]',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    if (HTMLAttributes.href?.startsWith('javascript:')) {\n      return [\n        'a',\n        mergeAttributes(this.options.HTMLAttributes, {\n          ...HTMLAttributes,\n          href: '',\n        }),\n        0,\n      ];\n    }\n    return [\n      'a',\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n      0,\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLinker:\n        (attrs) =>\n        ({ commands }) => {\n          // Insert a Linker node with inner text node\n          commands.insertContent({\n            type: this.name,\n            attrs,\n            content: [\n              {\n                type: 'text',\n                text: attrs.title,\n              },\n            ],\n          });\n          return true;\n        },\n\n      unsetLinker:\n        () =>\n        ({ state, tr }) => {\n          // Which Linker node is actually selected ?\n          const { node, from, to } = state.selection as NodeSelection;\n          // Delete any selected Linker node\n          if (node?.type.name === 'linker') {\n            /* The following does not work as one would expected.\n            commands.deleteNode(this.name);\n            commands.deleteCurrentNode();\n            * Replaced by : */\n            tr.delete(from, to).scrollIntoView();\n          }\n          return true;\n        },\n    };\n  },\n});\n"],"names":["Node","mergeAttributes"],"mappings":"mHAkCa,OAASA,UAAK,OAAO,CAChC,KAAM,SACN,QAAS,QACT,MAAO,GACP,MAAO,SAEP,OAAQ,GACR,WAAY,GACZ,KAAM,GACN,UAAW,GACX,UAAW,GACX,eAAgB,GAEhB,SAAU,KACV,YAAa,GAEb,YAAa,CACJ,MAAA,CACL,YAAa,GACb,eAAgB,CACd,OAAU,KACV,MAAS,KACT,MAAS,KACT,UAAW,KACX,kBAAmB,IACrB,EACA,SAAU,MACZ,CACF,EAEA,eAAgB,CACP,MAAA,CACL,KAAQ,CACN,QAAS,IACX,EACA,MAAS,CACP,QAAS,KAAK,QAAQ,eAAe,KACvC,EACA,OAAU,CACR,QAAS,KAAK,QAAQ,eAAe,OAErC,UAAY,SACV,QAAQ,aAAa,QAAQ,IAAM,SAAW,KAAO,QACzD,EACA,MAAS,CACP,QAAS,KAAK,QAAQ,eAAe,KACvC,EACA,UAAW,CACT,QAAS,KAAK,QAAQ,eAAe,SAAS,CAChD,EACA,kBAAmB,CACjB,QAAS,KAAK,QAAQ,eAAe,iBAAiB,CAAA,CAE1D,CACF,EAEA,WAAY,CACH,MAAA,CACL,CACE,IAAK,kEAAA,CAET,CACF,EAEA,WAAW,CAAE,gBAAkB,QAC7B,OAAI,kBAAe,OAAf,SAAqB,WAAW,eAC3B,CACL,IACAC,qBAAgB,KAAK,QAAQ,eAAgB,CAC3C,GAAG,eACH,KAAM,EAAA,CACP,EACD,CACF,EAEK,CACL,IACAA,KAAAA,gBAAgB,KAAK,QAAQ,eAAgB,cAAc,EAC3D,CACF,CACF,EAEA,aAAc,CACL,MAAA,CACL,UACG,OACD,CAAC,CAAE,aAED,SAAS,cAAc,CACrB,KAAM,KAAK,KACX,MACA,QAAS,CACP,CACE,KAAM,OACN,KAAM,MAAM,KAAA,CACd,CACF,CACD,EACM,IAGX,YACE,IACA,CAAC,CAAE,MAAO,MAAS,CAEjB,KAAM,CAAE,KAAM,KAAM,IAAO,MAAM,UAE7B,OAAA,uBAAM,KAAK,QAAS,UAKtB,GAAG,OAAO,KAAM,EAAE,EAAE,eAAe,EAE9B,EAAA,CAEb,CAAA,CAEJ,CAAC"}