@edifice.io/tiptap-extensions 2.0.0-develop-rc.0 → 2.0.0-develop-rc.7

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/image/custom-image.cjs

@@ -1,163 +1,2 @@
-'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;
+"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.d.ts

@@ -1,27 +1,24 @@
 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,181 +1,132 @@
-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,
-            };
-          },
+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
         }),
-      ];
-    },
-    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 };
+        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;
+      }
+    };
+  }
+});
+export {
+  CustomImage,
+  IMAGE_INPUT_REGEX
+};
 //# sourceMappingURL=custom-image.js.map