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

package/dist/image/custom-image.cjs

@@ -1,163 +0,0 @@
-'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 +0,0 @@
-{"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,27 +0,0 @@
-export declare const IMAGE_INPUT_REGEX: RegExp;
-export interface CustomImageOptions {
-  HTMLAttributes: Record<string, string>;
-  sizes: string[];
-}
-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 CustomImage: import('@tiptap/core').Node<
-  CustomImageOptions,
-  any
->;
-export {};

package/dist/image/custom-image.js

@@ -1,181 +0,0 @@
-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,
-            };
-          },
-        }),
-      ];
-    },
-    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 +0,0 @@
-{"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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"}