@edifice.io/tiptap-extensions 2.0.0-develop-rc.13 → 2.0.0-develop-rc.15

package/dist/iframe/iframe.js

@@ -1,85 +1,69 @@
-import { Node } from '@tiptap/core';
+import { Node } from "@tiptap/core";
 const Iframe = Node.create({
-  name: 'iframe',
-  group: 'block',
+  name: "iframe",
+  group: "block",
   atom: !0,
   draggable: !0,
   addOptions() {
     return {
       allowFullscreen: !0,
       HTMLAttributes: {
-        class: 'iframe-wrapper',
-      },
+        class: "iframe-wrapper"
+      }
     };
   },
   addAttributes() {
     return {
       src: {
-        default: null,
+        default: null
       },
       frameborder: {
-        default: 0,
+        default: 0
       },
       allowfullscreen: {
         default: this.options.allowFullscreen,
-        parseHTML: () => this.options.allowFullscreen,
+        parseHTML: () => this.options.allowFullscreen
       },
       width: {
-        renderHTML: (attributes) =>
-          attributes.width
-            ? {
-                width:
-                  attributes.width === '100%'
-                    ? '100%'
-                    : parseInt(attributes.width),
-              }
-            : {},
-        parseHTML: (element) => element.getAttribute('width'),
+        renderHTML: (attributes) => attributes.width ? {
+          width: attributes.width === "100%" ? "100%" : parseInt(attributes.width)
+        } : {},
+        parseHTML: (element) => element.getAttribute("width")
       },
       height: {
-        renderHTML: (attributes) =>
-          attributes.height
-            ? {
-                height: parseInt(attributes.height),
-              }
-            : {},
-        parseHTML: (element) => element.getAttribute('height'),
+        renderHTML: (attributes) => attributes.height ? {
+          height: parseInt(attributes.height)
+        } : {},
+        parseHTML: (element) => element.getAttribute("height")
       },
       style: {
-        renderHTML: (attributes) =>
-          attributes.style
-            ? {
-                style: attributes.style,
-              }
-            : {},
-        parseHTML: (element) => element.getAttribute('style'),
-      },
+        renderHTML: (attributes) => attributes.style ? {
+          style: attributes.style
+        } : {},
+        parseHTML: (element) => element.getAttribute("style")
+      }
     };
   },
   parseHTML() {
     return [
       {
-        tag: 'iframe',
-      },
+        tag: "iframe"
+      }
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ['div', this.options.HTMLAttributes, ['iframe', HTMLAttributes]];
+    return ["div", this.options.HTMLAttributes, ["iframe", HTMLAttributes]];
   },
   addCommands() {
     return {
-      setIframe:
-        (options) =>
-        ({ tr, dispatch }) => {
-          const { selection } = tr,
-            node = this.type.create(options);
-          return (
-            dispatch && tr.replaceRangeWith(selection.from, selection.to, node),
-            !0
-          );
-        },
+      setIframe: (options) => ({ tr, dispatch }) => {
+        const { selection } = tr, node = this.type.create(options);
+        return dispatch && tr.replaceRangeWith(selection.from, selection.to, node), !0;
+      }
     };
-  },
+  }
 });
-export { Iframe };
+export {
+  Iframe
+};
 //# sourceMappingURL=iframe.js.map

package/dist/iframe/iframe.js.map

@@ -1 +1 @@
-{"version":3,"file":"iframe.js","sources":["../../src/iframe/iframe.ts"],"sourcesContent":["import { Node } from '@tiptap/core';\n\nexport interface IframeOptions {\n  allowFullscreen: boolean;\n  HTMLAttributes: {\n    [key: string]: any;\n  };\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    iframe: {\n      /**\n       * Add an iframe\n       */\n      setIframe: (options: { src: string }) => ReturnType;\n    };\n  }\n}\n\nexport const Iframe = Node.create<IframeOptions>({\n  name: 'iframe',\n  group: 'block',\n  atom: true,\n  draggable: true,\n\n  addOptions() {\n    return {\n      allowFullscreen: true,\n      HTMLAttributes: {\n        class: 'iframe-wrapper',\n      },\n    };\n  },\n\n  addAttributes() {\n    return {\n      src: {\n        default: null,\n      },\n      frameborder: {\n        default: 0,\n      },\n      allowfullscreen: {\n        default: this.options.allowFullscreen,\n        parseHTML: () => this.options.allowFullscreen,\n      },\n      width: {\n        renderHTML: (attributes) => {\n          return attributes.width\n            ? {\n                width:\n                  attributes.width === '100%'\n                    ? '100%'\n                    : parseInt(attributes.width),\n              }\n            : {};\n        },\n        parseHTML: (element) => element.getAttribute('width'),\n      },\n      height: {\n        renderHTML: (attributes) => {\n          return attributes.height\n            ? {\n                height: parseInt(attributes.height),\n              }\n            : {};\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) => element.getAttribute('style'),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'iframe',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', this.options.HTMLAttributes, ['iframe', HTMLAttributes]];\n  },\n\n  addCommands() {\n    return {\n      setIframe:\n        (options: { src: string }) =>\n        ({ tr, dispatch }) => {\n          const { selection } = tr;\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"],"names":[],"mappings":";AAoBa,MAAA,SAAS,KAAK,OAAsB;AAAA,EAC/C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,aAAa;AACJ,WAAA;AAAA,MACL,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,QACd,OAAO;AAAA,MACT;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,gBAAgB;AACP,WAAA;AAAA,MACL,KAAK;AAAA,QACH,SAAS;AAAA,MACX;AAAA,MACA,aAAa;AAAA,QACX,SAAS;AAAA,MACX;AAAA,MACA,iBAAiB;AAAA,QACf,SAAS,KAAK,QAAQ;AAAA,QACtB,WAAW,MAAM,KAAK,QAAQ;AAAA,MAChC;AAAA,MACA,OAAO;AAAA,QACL,YAAY,CAAC,eACJ,WAAW,QACd;AAAA,UACE,OACE,WAAW,UAAU,SACjB,SACA,SAAS,WAAW,KAAK;AAAA,YAEjC;QAEN,WAAW,CAAC,YAAY,QAAQ,aAAa,OAAO;AAAA,MACtD;AAAA,MACA,QAAQ;AAAA,QACN,YAAY,CAAC,eACJ,WAAW,SACd;AAAA,UACE,QAAQ,SAAS,WAAW,MAAM;AAAA,YAEpC;QAEN,WAAW,CAAC,YAAY,QAAQ,aAAa,QAAQ;AAAA,MACvD;AAAA,MACA,OAAO;AAAA,QACL,YAAY,CAAC,eACJ,WAAW,QACd;AAAA,UACE,OAAO,WAAW;AAAA,YAEpB;QAEN,WAAW,CAAC,YAAY,QAAQ,aAAa,OAAO;AAAA,MACtD;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY;AACH,WAAA;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACP;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,WAAW,EAAE,kBAAkB;AACtB,WAAA,CAAC,OAAO,KAAK,QAAQ,gBAAgB,CAAC,UAAU,cAAc,CAAC;AAAA,EACxE;AAAA,EAEA,cAAc;AACL,WAAA;AAAA,MACL,WACE,CAAC,YACD,CAAC,EAAE,IAAI,eAAe;AACd,cAAA,EAAE,UAAc,IAAA,IAChB,OAAO,KAAK,KAAK,OAAO,OAAO;AAErC,eAAI,YACF,GAAG,iBAAiB,UAAU,MAAM,UAAU,IAAI,IAAI,GAGjD;AAAA,MACT;AAAA,IAAA;AAAA,EAEN;AACF,CAAC;"}
+{"version":3,"file":"iframe.js","sources":["../../src/iframe/iframe.ts"],"sourcesContent":["import { Node } from \"@tiptap/core\";\n\nexport interface IframeOptions {\n  allowFullscreen: boolean;\n  HTMLAttributes: {\n    [key: string]: any;\n  };\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    iframe: {\n      /**\n       * Add an iframe\n       */\n      setIframe: (options: { src: string }) => ReturnType;\n    };\n  }\n}\n\nexport const Iframe = Node.create<IframeOptions>({\n  name: \"iframe\",\n  group: \"block\",\n  atom: true,\n  draggable: true,\n\n  addOptions() {\n    return {\n      allowFullscreen: true,\n      HTMLAttributes: {\n        class: \"iframe-wrapper\",\n      },\n    };\n  },\n\n  addAttributes() {\n    return {\n      src: {\n        default: null,\n      },\n      frameborder: {\n        default: 0,\n      },\n      allowfullscreen: {\n        default: this.options.allowFullscreen,\n        parseHTML: () => this.options.allowFullscreen,\n      },\n      width: {\n        renderHTML: (attributes) => {\n          return attributes.width\n            ? {\n                width:\n                  attributes.width === \"100%\"\n                    ? \"100%\"\n                    : parseInt(attributes.width),\n              }\n            : {};\n        },\n        parseHTML: (element) => element.getAttribute(\"width\"),\n      },\n      height: {\n        renderHTML: (attributes) => {\n          return attributes.height\n            ? {\n                height: parseInt(attributes.height),\n              }\n            : {};\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) => element.getAttribute(\"style\"),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"iframe\",\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\"div\", this.options.HTMLAttributes, [\"iframe\", HTMLAttributes]];\n  },\n\n  addCommands() {\n    return {\n      setIframe:\n        (options: { src: string }) =>\n        ({ tr, dispatch }) => {\n          const { selection } = tr;\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"],"names":[],"mappings":";AAoBa,MAAA,SAAS,KAAK,OAAsB;AAAA,EAC/C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,aAAa;AACJ,WAAA;AAAA,MACL,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,QACd,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,EACF;AAAA,EAEA,gBAAgB;AACP,WAAA;AAAA,MACL,KAAK;AAAA,QACH,SAAS;AAAA,MACX;AAAA,MACA,aAAa;AAAA,QACX,SAAS;AAAA,MACX;AAAA,MACA,iBAAiB;AAAA,QACf,SAAS,KAAK,QAAQ;AAAA,QACtB,WAAW,MAAM,KAAK,QAAQ;AAAA,MAChC;AAAA,MACA,OAAO;AAAA,QACL,YAAY,CAAC,eACJ,WAAW,QACd;AAAA,UACE,OACE,WAAW,UAAU,SACjB,SACA,SAAS,WAAW,KAAK;AAAA,QAAA,IAEjC,CAAC;AAAA,QAEP,WAAW,CAAC,YAAY,QAAQ,aAAa,OAAO;AAAA,MACtD;AAAA,MACA,QAAQ;AAAA,QACN,YAAY,CAAC,eACJ,WAAW,SACd;AAAA,UACE,QAAQ,SAAS,WAAW,MAAM;AAAA,QAAA,IAEpC,CAAC;AAAA,QAEP,WAAW,CAAC,YAAY,QAAQ,aAAa,QAAQ;AAAA,MACvD;AAAA,MACA,OAAO;AAAA,QACL,YAAY,CAAC,eACJ,WAAW,QACd;AAAA,UACE,OAAO,WAAW;AAAA,QAAA,IAEpB,CAAC;AAAA,QAEP,WAAW,CAAC,YAAY,QAAQ,aAAa,OAAO;AAAA,MAAA;AAAA,IAExD;AAAA,EACF;AAAA,EAEA,YAAY;AACH,WAAA;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MAAA;AAAA,IAET;AAAA,EACF;AAAA,EAEA,WAAW,EAAE,kBAAkB;AACtB,WAAA,CAAC,OAAO,KAAK,QAAQ,gBAAgB,CAAC,UAAU,cAAc,CAAC;AAAA,EACxE;AAAA,EAEA,cAAc;AACL,WAAA;AAAA,MACL,WACE,CAAC,YACD,CAAC,EAAE,IAAI,eAAe;AACd,cAAA,EAAE,cAAc,IAChB,OAAO,KAAK,KAAK,OAAO,OAAO;AAErC,eAAI,YACF,GAAG,iBAAiB,UAAU,MAAM,UAAU,IAAI,IAAI,GAGjD;AAAA,MAAA;AAAA,IAEb;AAAA,EAAA;AAEJ,CAAC;"}

package/dist/image/image.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const utilities=require("@edifice.io/utilities"),core=require("@tiptap/core"),TiptapImage=require("@tiptap/extension-image"),prosemirrorState=require("prosemirror-state"),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",core.mergeAttributes(this.options.HTMLAttributes,HTMLAttributes)]},addInputRules(){return[core.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 utilities.ImageResizer.resizeImageFile(file),image=await this.options.uploadFile(resizedImage),imageUrl=`/workspace/${image.public?"pub/":""}document/${image._id}?timestamp=${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 prosemirrorState.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}}})]}});exports.IMAGE_INPUT_REGEX=IMAGE_INPUT_REGEX;exports.Image=Image;
+//# sourceMappingURL=image.cjs.map

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/ts-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/ts-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/ts-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"}