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

package/dist/image/custom-image.cjs

@@ -1,2 +1,163 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@tiptap/core"),h=require("@tiptap/extension-image"),a=/(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/,c=h.extend({name:"custom-image",draggable:!0,selectable:!0,addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),inline:!0,content:"inline*",sizes:["small","medium","large"],HTMLAttributes:{class:"custom-image"}}},addAttributes(){var e;return{...(e=this.parent)==null?void 0:e.call(this),size:{default:"medium",rendered:!1},alt:{renderHTML:t=>({alt:t.alt}),parseHTML:t=>t.getAttribute("alt")},title:{renderHTML:t=>({title:t.title}),parseHTML:t=>t.getAttribute("title")},width:{default:"350",renderHTML:t=>t.width!==null&&t.width!==void 0&&!Number.isNaN(t.width)?{width:parseInt(t.width)}:{},parseHTML:t=>t.getAttribute("width")},height:{renderHTML:t=>t.height!==null&&t.height!==void 0&&!Number.isNaN(t.height)?{height:parseInt(t.height)}:{},parseHTML:t=>t.getAttribute("height")},style:{renderHTML:t=>t.style?{style:t.style}:{},parseHTML:t=>{const r=t.getAttribute("style");return r&&typeof r=="string"&&r.length>0?{}:null}}}},parseHTML(){return[{tag:'img[src]:not([src^="data:"])',getAttrs:e=>{var n,i,s,l,d;const t={src:e.getAttribute("src")};return(n=e.parentElement)!=null&&n.className.includes("image-container")&&(i=e.parentElement.style)!=null&&i.width&&(t.width=e.parentElement.style.width),(s=e.style)!=null&&s.width&&(t.width=e.style.width),["happy","proud","dreamy","love","tired","angry","worried","sick","joker","sad"].filter(u=>t.src.includes(u+".png")).length>0&&(t.style={width:"1.5em",height:"1.5em",fontSize:(d=(l=e.parentElement)==null?void 0:l.style)==null?void 0:d.fontSize},t.width="null",t.height="null"),t}}]},renderHTML({HTMLAttributes:e}){return["img",o.mergeAttributes(this.options.HTMLAttributes,e)]},addInputRules(){return[o.nodeInputRule({find:a,type:this.type,getAttributes:e=>{const[,,t,r,n]=e;return{src:r,alt:t,title:n}}})]},addCommands(){return{setNewImage:e=>({tr:t,dispatch:r})=>{const{selection:n}=t,i=this.type.create(e);return r&&t.replaceRangeWith(n.from,n.to,i),!0},setAttributes:e=>({tr:t,dispatch:r})=>{const{selection:n}=t,s={...t.doc.nodeAt(t.selection.from).attrs,...e},l=this.type.create(s);return r&&t.replaceRangeWith(n.from,n.to,l),!0}}}});exports.CustomImage=c;exports.IMAGE_INPUT_REGEX=a;
+'use strict';
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const core = require('@tiptap/core'),
+  Image = require('@tiptap/extension-image'),
+  IMAGE_INPUT_REGEX =
+    /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/,
+  CustomImage = Image.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' },
+      };
+    },
+    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
+            );
+          },
+      };
+    },
+  });
+exports.CustomImage = CustomImage;
+exports.IMAGE_INPUT_REGEX = IMAGE_INPUT_REGEX;
 //# sourceMappingURL=custom-image.cjs.map

package/dist/image/custom-image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"custom-image.cjs","sources":["../../src/image/custom-image.ts"],"sourcesContent":["import { mergeAttributes, nodeInputRule } from '@tiptap/core';\nimport Image from '@tiptap/extension-image';\n\nexport const IMAGE_INPUT_REGEX =\n  /(?:^|\\s)(!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\))$/;\n\nexport interface CustomImageOptions {\n  HTMLAttributes: Record<string, string>;\n  sizes: string[];\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 CustomImage = Image.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    };\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"],"names":["IMAGE_INPUT_REGEX","CustomImage","Image","_a","attributes","element","style","el","attr","_b","_c","smiley","_e","_d","HTMLAttributes","mergeAttributes","nodeInputRule","match","alt","src","title","attrs","tr","dispatch","selection","node","options"],"mappings":"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"}
+{"version":3,"file":"custom-image.cjs","sources":["../../src/image/custom-image.ts"],"sourcesContent":["import { mergeAttributes, nodeInputRule } from '@tiptap/core';\nimport Image from '@tiptap/extension-image';\n\nexport const IMAGE_INPUT_REGEX =\n  /(?:^|\\s)(!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\))$/;\n\nexport interface CustomImageOptions {\n  HTMLAttributes: Record<string, string>;\n  sizes: string[];\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 CustomImage = Image.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    };\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"],"names":["mergeAttributes","nodeInputRule"],"mappings":"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"}

package/dist/image/custom-image.d.ts

@@ -1,24 +1,27 @@
 export declare const IMAGE_INPUT_REGEX: RegExp;
 export interface CustomImageOptions {
-    HTMLAttributes: Record<string, string>;
-    sizes: string[];
+  HTMLAttributes: Record<string, string>;
+  sizes: string[];
 }
 interface AttributesProps {
-    width: number | string;
-    height: number | string;
-    size: string;
+  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;
-        };
-    }
+  interface Commands<ReturnType> {
+    customImage: {
+      setAttributes: (options: AttributesProps) => ReturnType;
+      setNewImage: (options: {
+        src: string;
+        alt?: string;
+        title?: string;
+      }) => ReturnType;
+    };
+  }
 }
-export declare const CustomImage: import('@tiptap/core').Node<CustomImageOptions, any>;
+export declare const CustomImage: import('@tiptap/core').Node<
+  CustomImageOptions,
+  any
+>;
 export {};

package/dist/image/custom-image.js

@@ -1,132 +1,181 @@
-import { mergeAttributes as a, nodeInputRule as u } from "@tiptap/core";
-import h from "@tiptap/extension-image";
-const m = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, p = h.extend({
-  name: "custom-image",
-  draggable: !0,
-  selectable: !0,
-  addOptions() {
-    var e;
-    return {
-      ...(e = this.parent) == null ? void 0 : e.call(this),
-      inline: !0,
-      content: "inline*",
-      sizes: ["small", "medium", "large"],
-      HTMLAttributes: {
-        class: "custom-image"
-      }
-    };
-  },
-  addAttributes() {
-    var e;
-    return {
-      ...(e = this.parent) == null ? void 0 : e.call(this),
-      size: {
-        default: "medium",
-        rendered: !1
-      },
-      alt: {
-        renderHTML: (t) => ({
-          alt: t.alt
+import { mergeAttributes, nodeInputRule } from '@tiptap/core';
+import Image from '@tiptap/extension-image';
+const IMAGE_INPUT_REGEX =
+    /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/,
+  CustomImage = Image.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',
+        },
+      };
+    },
+    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,
+            };
+          },
         }),
-        parseHTML: (t) => t.getAttribute("alt")
-      },
-      title: {
-        renderHTML: (t) => ({
-          title: t.title
-        }),
-        parseHTML: (t) => t.getAttribute("title")
-      },
-      width: {
-        default: "350",
-        renderHTML: (t) => t.width !== null && t.width !== void 0 && !Number.isNaN(t.width) ? {
-          width: parseInt(t.width)
-        } : {},
-        parseHTML: (t) => t.getAttribute("width")
-      },
-      height: {
-        renderHTML: (t) => t.height !== null && t.height !== void 0 && !Number.isNaN(t.height) ? {
-          height: parseInt(t.height)
-        } : {},
-        parseHTML: (t) => t.getAttribute("height")
-      },
-      style: {
-        renderHTML: (t) => t.style ? {
-          style: t.style
-        } : {},
-        parseHTML: (t) => {
-          const r = t.getAttribute("style");
-          return r && typeof r == "string" && r.length > 0 ? {} : null;
-        }
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'img[src]:not([src^="data:"])',
-        getAttrs: (e) => {
-          var n, i, s, l, d;
-          const t = { src: e.getAttribute("src") };
-          return (n = e.parentElement) != null && n.className.includes("image-container") && (i = e.parentElement.style) != null && i.width && (t.width = e.parentElement.style.width), (s = e.style) != null && s.width && (t.width = e.style.width), [
-            "happy",
-            "proud",
-            "dreamy",
-            "love",
-            "tired",
-            "angry",
-            "worried",
-            "sick",
-            "joker",
-            "sad"
-          ].filter((o) => t.src.includes(o + ".png")).length > 0 && (t.style = {
-            width: "1.5em",
-            height: "1.5em",
-            fontSize: (d = (l = e.parentElement) == null ? void 0 : l.style) == null ? void 0 : d.fontSize
-          }, t.width = "null", t.height = "null"), t;
-        }
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: e }) {
-    return [
-      "img",
-      a(this.options.HTMLAttributes, e)
-    ];
-  },
-  addInputRules() {
-    return [
-      u({
-        find: m,
-        type: this.type,
-        getAttributes: (e) => {
-          const [, , t, r, n] = e;
-          return {
-            src: r,
-            alt: t,
-            title: n
-          };
-        }
-      })
-    ];
-  },
-  addCommands() {
-    return {
-      setNewImage: (e) => ({ tr: t, dispatch: r }) => {
-        const { selection: n } = t, i = this.type.create(e);
-        return r && t.replaceRangeWith(n.from, n.to, i), !0;
-      },
-      setAttributes: (e) => ({ tr: t, dispatch: r }) => {
-        const { selection: n } = t, s = {
-          ...t.doc.nodeAt(t.selection.from).attrs,
-          ...e
-        }, l = this.type.create(s);
-        return r && t.replaceRangeWith(n.from, n.to, l), !0;
-      }
-    };
-  }
-});
-export {
-  p as CustomImage,
-  m as IMAGE_INPUT_REGEX
-};
+      ];
+    },
+    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
+            );
+          },
+      };
+    },
+  });
+export { CustomImage, IMAGE_INPUT_REGEX };
 //# sourceMappingURL=custom-image.js.map

package/dist/image/custom-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-image.js","sources":["../../src/image/custom-image.ts"],"sourcesContent":["import { mergeAttributes, nodeInputRule } from '@tiptap/core';\nimport Image from '@tiptap/extension-image';\n\nexport const IMAGE_INPUT_REGEX =\n  /(?:^|\\s)(!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\))$/;\n\nexport interface CustomImageOptions {\n  HTMLAttributes: Record<string, string>;\n  sizes: string[];\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 CustomImage = Image.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    };\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"],"names":["IMAGE_INPUT_REGEX","CustomImage","Image","_a","attributes","element","style","el","attr","_b","_c","smiley","_e","_d","HTMLAttributes","mergeAttributes","nodeInputRule","match","alt","src","title","attrs","tr","dispatch","selection","node","options"],"mappings":"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"}
+{"version":3,"file":"custom-image.js","sources":["../../src/image/custom-image.ts"],"sourcesContent":["import { mergeAttributes, nodeInputRule } from '@tiptap/core';\nimport Image from '@tiptap/extension-image';\n\nexport const IMAGE_INPUT_REGEX =\n  /(?:^|\\s)(!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\))$/;\n\nexport interface CustomImageOptions {\n  HTMLAttributes: Record<string, string>;\n  sizes: string[];\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 CustomImage = Image.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    };\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"],"names":[],"mappings":"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"}