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

package/dist/video/video.d.ts

@@ -1,34 +1,25 @@
 import { Node } from '@tiptap/core';
 export interface VideoOptions {
-  url: string;
-  width: number;
-  height: number;
-  HTMLAttributes: Record<string, any>;
+    url: string;
+    width: number;
+    height: number;
+    HTMLAttributes: Record<string, any>;
 }
 declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    video: {
-      /**
-       * Set a video node
-       * @param options.updateSelection set to true will select the newly inserted content
-       */
-      setVideo: (
-        id: string,
-        src: string,
-        isCaptation: boolean,
-        width?: number,
-        height?: number,
-        controls?: boolean,
-        controlslist?: string,
-        options?: {
-          updateSelection: boolean;
-        },
-      ) => ReturnType;
-      /**
-       * Toggle a video
-       */
-      toggleVideo: (src: string) => ReturnType;
-    };
-  }
+    interface Commands<ReturnType> {
+        video: {
+            /**
+             * Set a video node
+             * @param options.updateSelection set to true will select the newly inserted content
+             */
+            setVideo: (id: string, src: string, isCaptation: boolean, width?: number, height?: number, controls?: boolean, controlslist?: string, options?: {
+                updateSelection: boolean;
+            }) => ReturnType;
+            /**
+             * Toggle a video
+             */
+            toggleVideo: (src: string) => ReturnType;
+        };
+    }
 }
 export declare const Video: Node<any, any>;

package/dist/video/video.js

@@ -1,95 +1,72 @@
-import { Node, mergeAttributes, nodeInputRule } from '@tiptap/core';
-const VIDEO_INPUT_REGEX = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/,
-  Video = Node.create({
-    name: 'video',
-    group: 'block',
-    draggable: !0,
-    selectable: !0,
-    addAttributes() {
-      return {
-        src: {
-          default: null,
-          parseHTML: (el) => el.getAttribute('src'),
-          renderHTML: (attrs) => ({ src: attrs.src }),
-        },
-        controls: {
-          default: !0,
-          parseHTML: (el) =>
-            el.getAttribute('controls')
-              ? el.getAttribute('controls')
-              : !!el.hasAttribute('controls'),
-          renderHTML: (attrs) => ({ controls: attrs.controls }),
-        },
-        documentId: {
-          default: '',
-          renderHTML: (attributes) => ({
-            'data-document-id': attributes.documentId,
-          }),
-          parseHTML: (element) => element.getAttribute('data-document-id'),
-        },
-        isCaptation: {
-          default: !1,
-          renderHTML: (attributes) => ({
-            'data-document-is-captation': attributes.isCaptation,
-          }),
-          parseHTML: (element) =>
-            element.getAttribute('data-document-is-captation'),
-        },
-        videoResolution: {
-          default: '404x720',
-          renderHTML: (attributes) => ({
-            'data-video-resolution': attributes.videoResolution,
-          }),
-          parseHTML: (element) => element.getAttribute('data-video-resolution'),
-        },
-        width: {
-          renderHTML: (attributes) => ({
-            width: parseInt(attributes.width),
-          }),
-          parseHTML: (element) => element.getAttribute('width'),
-        },
-        height: {
-          renderHTML: (attributes) => ({
-            height: parseInt(attributes.height),
-          }),
-          parseHTML: (element) => element.getAttribute('height'),
-        },
-      };
-    },
-    parseHTML() {
-      return [
-        {
-          tag: 'div.video-wrapper>video,video',
-          getAttrs: (el) => ({
-            src: el.getAttribute('src'),
-          }),
-        },
-      ];
-    },
-    renderHTML({ HTMLAttributes }) {
-      return [
-        'div',
-        { class: 'video-wrapper' },
-        ['video', mergeAttributes(HTMLAttributes)],
-      ];
-    },
-    addCommands() {
-      return {
-        setVideo:
-          (
-            id,
-            src,
-            isCaptation,
-            width = 350,
-            height = 197,
-            controls = !0,
-            controlslist = 'nodownload',
-            options,
-          ) =>
-          ({ commands, state }) =>
-            commands.insertContentAt(
-              state.selection,
-              `<video 
+import { Node, mergeAttributes, nodeInputRule } from "@tiptap/core";
+const VIDEO_INPUT_REGEX = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/, Video = Node.create({
+  name: "video",
+  group: "block",
+  draggable: !0,
+  selectable: !0,
+  addAttributes() {
+    return {
+      src: {
+        default: null,
+        parseHTML: (el) => el.getAttribute("src"),
+        renderHTML: (attrs) => ({ src: attrs.src })
+      },
+      controls: {
+        default: !0,
+        parseHTML: (el) => el.getAttribute("controls") ? el.getAttribute("controls") : !!el.hasAttribute("controls"),
+        renderHTML: (attrs) => ({ controls: attrs.controls })
+      },
+      documentId: {
+        default: "",
+        renderHTML: (attributes) => ({ "data-document-id": attributes.documentId }),
+        parseHTML: (element) => element.getAttribute("data-document-id")
+      },
+      isCaptation: {
+        default: !1,
+        renderHTML: (attributes) => ({ "data-document-is-captation": attributes.isCaptation }),
+        parseHTML: (element) => element.getAttribute("data-document-is-captation")
+      },
+      videoResolution: {
+        default: "404x720",
+        renderHTML: (attributes) => ({ "data-video-resolution": attributes.videoResolution }),
+        parseHTML: (element) => element.getAttribute("data-video-resolution")
+      },
+      width: {
+        renderHTML: (attributes) => ({
+          width: parseInt(attributes.width)
+        }),
+        parseHTML: (element) => element.getAttribute("width")
+      },
+      height: {
+        renderHTML: (attributes) => ({
+          height: parseInt(attributes.height)
+        }),
+        parseHTML: (element) => element.getAttribute("height")
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div.video-wrapper>video,video",
+        getAttrs: (el) => ({
+          src: el.getAttribute("src")
+        })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      { class: "video-wrapper" },
+      ["video", mergeAttributes(HTMLAttributes)]
+    ];
+  },
+  addCommands() {
+    return {
+      setVideo: (id, src, isCaptation, width = 350, height = 197, controls = !0, controlslist = "nodownload", options) => ({ commands, state }) => commands.insertContentAt(
+        state.selection,
+        `<video 
               controls="${controls}" 
               controlslist="${controlslist}"
               src="${src}" 
@@ -98,26 +75,25 @@ const VIDEO_INPUT_REGEX = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/,
               data-document-id="${id}" 
               data-document-is-captation="${isCaptation}"
               data-video-resolution="${width}x${height}" />`,
-              options,
-            ),
-        toggleVideo:
-          () =>
-          ({ commands }) =>
-            commands.toggleNode(this.name, 'paragraph'),
-      };
-    },
-    addInputRules() {
-      return [
-        nodeInputRule({
-          find: VIDEO_INPUT_REGEX,
-          type: this.type,
-          getAttributes: (match) => {
-            const [, , src] = match;
-            return { src };
-          },
-        }),
-      ];
-    },
-  });
-export { Video };
+        options
+      ),
+      toggleVideo: () => ({ commands }) => commands.toggleNode(this.name, "paragraph")
+    };
+  },
+  addInputRules() {
+    return [
+      nodeInputRule({
+        find: VIDEO_INPUT_REGEX,
+        type: this.type,
+        getAttributes: (match) => {
+          const [, , src] = match;
+          return { src };
+        }
+      })
+    ];
+  }
+});
+export {
+  Video
+};
 //# sourceMappingURL=video.js.map

package/dist/video/video.js.map

@@ -1 +1 @@
-{"version":3,"file":"video.js","sources":["../../src/video/video.ts"],"sourcesContent":["import { mergeAttributes, Node, nodeInputRule } from '@tiptap/core';\n\nexport interface VideoOptions {\n  url: string;\n  width: number;\n  height: number;\n  HTMLAttributes: Record<string, any>;\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    video: {\n      /**\n       * Set a video node\n       * @param options.updateSelection set to true will select the newly inserted content\n       */\n      setVideo: (\n        id: string,\n        src: string,\n        isCaptation: boolean,\n        width?: number,\n        height?: number,\n        controls?: boolean,\n        controlslist?: string,\n        options?: { updateSelection: boolean },\n      ) => ReturnType;\n      /**\n       * Toggle a video\n       */\n      toggleVideo: (src: string) => ReturnType;\n    };\n  }\n}\n\nconst VIDEO_INPUT_REGEX = /!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\)/;\n\nexport const Video = Node.create({\n  name: 'video',\n  group: 'block',\n  draggable: true,\n  selectable: true,\n\n  addAttributes() {\n    return {\n      src: {\n        default: null,\n        parseHTML: (el: any) => (el as HTMLSpanElement).getAttribute('src'),\n        renderHTML: (attrs: any) => ({ src: attrs.src }),\n      },\n      controls: {\n        default: true,\n        parseHTML: (el: any) => {\n          if ((el as HTMLSpanElement).getAttribute('controls')) {\n            return (el as HTMLSpanElement).getAttribute('controls');\n          } else if ((el as HTMLSpanElement).hasAttribute('controls')) {\n            return true;\n          } else {\n            return false;\n          }\n        },\n        renderHTML: (attrs: any) => ({ controls: attrs.controls }),\n      },\n      documentId: {\n        default: '',\n        renderHTML: (attributes: any) => {\n          return { 'data-document-id': attributes.documentId };\n        },\n        parseHTML: (element: any) => element.getAttribute('data-document-id'),\n      },\n      isCaptation: {\n        default: false,\n        renderHTML: (attributes: any) => {\n          return { 'data-document-is-captation': attributes.isCaptation };\n        },\n        parseHTML: (element: any) =>\n          element.getAttribute('data-document-is-captation'),\n      },\n      videoResolution: {\n        default: '404x720',\n        renderHTML: (attributes: any) => {\n          return { 'data-video-resolution': attributes.videoResolution };\n        },\n        parseHTML: (element: any) =>\n          element.getAttribute('data-video-resolution'),\n      },\n      width: {\n        renderHTML: (attributes: any) => {\n          return {\n            width: parseInt(attributes.width),\n          };\n        },\n        parseHTML: (element) => element.getAttribute('width'),\n      },\n      height: {\n        renderHTML: (attributes: any) => {\n          return {\n            height: parseInt(attributes.height),\n          };\n        },\n        parseHTML: (element) => element.getAttribute('height'),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div.video-wrapper>video,video',\n        getAttrs: (el: any) => ({\n          src: (el as HTMLVideoElement).getAttribute('src'),\n        }),\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'div',\n      { class: 'video-wrapper' },\n      ['video', mergeAttributes(HTMLAttributes)],\n    ];\n  },\n\n  addCommands() {\n    return {\n      setVideo:\n        (\n          id: string,\n          src: string,\n          isCaptation: boolean,\n          width = 350,\n          height = 197,\n          controls = true,\n          controlslist = 'nodownload',\n          options,\n        ) =>\n        ({ commands, state }) => {\n          return commands.insertContentAt(\n            state.selection,\n            `<video \n              controls=\"${controls}\" \n              controlslist=\"${controlslist}\"\n              src=\"${src}\" \n              width=\"${width}\"\n              height=\"${height}\"\n              data-document-id=\"${id}\" \n              data-document-is-captation=\"${isCaptation}\"\n              data-video-resolution=\"${width}x${height}\" />`,\n            options,\n          );\n        },\n\n      toggleVideo:\n        () =>\n        ({ commands }) =>\n          commands.toggleNode(this.name, 'paragraph'),\n    };\n  },\n\n  addInputRules() {\n    return [\n      nodeInputRule({\n        find: VIDEO_INPUT_REGEX,\n        type: this.type,\n        getAttributes: (match) => {\n          const [, , src] = match;\n\n          return { src };\n        },\n      }),\n    ];\n  },\n});\n"],"names":[],"mappings":";AAkCA,MAAM,oBAAoB,iDAEb,QAAQ,KAAK,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EAEZ,gBAAgB;AACP,WAAA;AAAA,MACL,KAAK;AAAA,QACH,SAAS;AAAA,QACT,WAAW,CAAC,OAAa,GAAuB,aAAa,KAAK;AAAA,QAClE,YAAY,CAAC,WAAgB,EAAE,KAAK,MAAM,IAAI;AAAA,MAChD;AAAA,MACA,UAAU;AAAA,QACR,SAAS;AAAA,QACT,WAAW,CAAC,OACL,GAAuB,aAAa,UAAU,IACzC,GAAuB,aAAa,UAAU,IAC5C,KAAuB,aAAa,UAAU;AAAA,QAM5D,YAAY,CAAC,WAAgB,EAAE,UAAU,MAAM,SAAS;AAAA,MAC1D;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,YAAY,CAAC,gBACJ,EAAE,oBAAoB,WAAW;QAE1C,WAAW,CAAC,YAAiB,QAAQ,aAAa,kBAAkB;AAAA,MACtE;AAAA,MACA,aAAa;AAAA,QACX,SAAS;AAAA,QACT,YAAY,CAAC,gBACJ,EAAE,8BAA8B,WAAW;QAEpD,WAAW,CAAC,YACV,QAAQ,aAAa,4BAA4B;AAAA,MACrD;AAAA,MACA,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,YAAY,CAAC,gBACJ,EAAE,yBAAyB,WAAW;QAE/C,WAAW,CAAC,YACV,QAAQ,aAAa,uBAAuB;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,QACL,YAAY,CAAC,gBACJ;AAAA,UACL,OAAO,SAAS,WAAW,KAAK;AAAA,QAAA;AAAA,QAGpC,WAAW,CAAC,YAAY,QAAQ,aAAa,OAAO;AAAA,MACtD;AAAA,MACA,QAAQ;AAAA,QACN,YAAY,CAAC,gBACJ;AAAA,UACL,QAAQ,SAAS,WAAW,MAAM;AAAA,QAAA;AAAA,QAGtC,WAAW,CAAC,YAAY,QAAQ,aAAa,QAAQ;AAAA,MACvD;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY;AACH,WAAA;AAAA,MACL;AAAA,QACE,KAAK;AAAA,QACL,UAAU,CAAC,QAAa;AAAA,UACtB,KAAM,GAAwB,aAAa,KAAK;AAAA,QAAA;AAAA,MAEpD;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,WAAW,EAAE,kBAAkB;AACtB,WAAA;AAAA,MACL;AAAA,MACA,EAAE,OAAO,gBAAgB;AAAA,MACzB,CAAC,SAAS,gBAAgB,cAAc,CAAC;AAAA,IAAA;AAAA,EAE7C;AAAA,EAEA,cAAc;AACL,WAAA;AAAA,MACL,UACE,CACE,IACA,KACA,aACA,QAAQ,KACR,SAAS,KACT,WAAW,IACX,eAAe,cACf,YAEF,CAAC,EAAE,UAAU,YACJ,SAAS;AAAA,QACd,MAAM;AAAA,QACN;AAAA,0BACc,QAAQ;AAAA,8BACJ,YAAY;AAAA,qBACrB,GAAG;AAAA,uBACD,KAAK;AAAA,wBACJ,MAAM;AAAA,kCACI,EAAE;AAAA,4CACQ,WAAW;AAAA,uCAChB,KAAK,IAAI,MAAM;AAAA,QAC1C;AAAA,MAAA;AAAA,MAIN,aACE,MACA,CAAC,EAAE,eACD,SAAS,WAAW,KAAK,MAAM,WAAW;AAAA,IAAA;AAAA,EAElD;AAAA,EAEA,gBAAgB;AACP,WAAA;AAAA,MACL,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,MAAM,KAAK;AAAA,QACX,eAAe,CAAC,UAAU;AACxB,gBAAM,CAAK,EAAA,EAAA,GAAG,IAAI;AAElB,iBAAO,EAAE,IAAI;AAAA,QACf;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AACF,CAAC;"}
+{"version":3,"file":"video.js","sources":["../../src/video/video.ts"],"sourcesContent":["import { mergeAttributes, Node, nodeInputRule } from '@tiptap/core';\n\nexport interface VideoOptions {\n  url: string;\n  width: number;\n  height: number;\n  HTMLAttributes: Record<string, any>;\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    video: {\n      /**\n       * Set a video node\n       * @param options.updateSelection set to true will select the newly inserted content\n       */\n      setVideo: (\n        id: string,\n        src: string,\n        isCaptation: boolean,\n        width?: number,\n        height?: number,\n        controls?: boolean,\n        controlslist?: string,\n        options?: { updateSelection: boolean },\n      ) => ReturnType;\n      /**\n       * Toggle a video\n       */\n      toggleVideo: (src: string) => ReturnType;\n    };\n  }\n}\n\nconst VIDEO_INPUT_REGEX = /!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\)/;\n\nexport const Video = Node.create({\n  name: 'video',\n  group: 'block',\n  draggable: true,\n  selectable: true,\n\n  addAttributes() {\n    return {\n      src: {\n        default: null,\n        parseHTML: (el: any) => (el as HTMLSpanElement).getAttribute('src'),\n        renderHTML: (attrs: any) => ({ src: attrs.src }),\n      },\n      controls: {\n        default: true,\n        parseHTML: (el: any) => {\n          if ((el as HTMLSpanElement).getAttribute('controls')) {\n            return (el as HTMLSpanElement).getAttribute('controls');\n          } else if ((el as HTMLSpanElement).hasAttribute('controls')) {\n            return true;\n          } else {\n            return false;\n          }\n        },\n        renderHTML: (attrs: any) => ({ controls: attrs.controls }),\n      },\n      documentId: {\n        default: '',\n        renderHTML: (attributes: any) => {\n          return { 'data-document-id': attributes.documentId };\n        },\n        parseHTML: (element: any) => element.getAttribute('data-document-id'),\n      },\n      isCaptation: {\n        default: false,\n        renderHTML: (attributes: any) => {\n          return { 'data-document-is-captation': attributes.isCaptation };\n        },\n        parseHTML: (element: any) =>\n          element.getAttribute('data-document-is-captation'),\n      },\n      videoResolution: {\n        default: '404x720',\n        renderHTML: (attributes: any) => {\n          return { 'data-video-resolution': attributes.videoResolution };\n        },\n        parseHTML: (element: any) =>\n          element.getAttribute('data-video-resolution'),\n      },\n      width: {\n        renderHTML: (attributes: any) => {\n          return {\n            width: parseInt(attributes.width),\n          };\n        },\n        parseHTML: (element) => element.getAttribute('width'),\n      },\n      height: {\n        renderHTML: (attributes: any) => {\n          return {\n            height: parseInt(attributes.height),\n          };\n        },\n        parseHTML: (element) => element.getAttribute('height'),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div.video-wrapper>video,video',\n        getAttrs: (el: any) => ({\n          src: (el as HTMLVideoElement).getAttribute('src'),\n        }),\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'div',\n      { class: 'video-wrapper' },\n      ['video', mergeAttributes(HTMLAttributes)],\n    ];\n  },\n\n  addCommands() {\n    return {\n      setVideo:\n        (\n          id: string,\n          src: string,\n          isCaptation: boolean,\n          width = 350,\n          height = 197,\n          controls = true,\n          controlslist = 'nodownload',\n          options,\n        ) =>\n        ({ commands, state }) => {\n          return commands.insertContentAt(\n            state.selection,\n            `<video \n              controls=\"${controls}\" \n              controlslist=\"${controlslist}\"\n              src=\"${src}\" \n              width=\"${width}\"\n              height=\"${height}\"\n              data-document-id=\"${id}\" \n              data-document-is-captation=\"${isCaptation}\"\n              data-video-resolution=\"${width}x${height}\" />`,\n            options,\n          );\n        },\n\n      toggleVideo:\n        () =>\n        ({ commands }) =>\n          commands.toggleNode(this.name, 'paragraph'),\n    };\n  },\n\n  addInputRules() {\n    return [\n      nodeInputRule({\n        find: VIDEO_INPUT_REGEX,\n        type: this.type,\n        getAttributes: (match) => {\n          const [, , src] = match;\n\n          return { src };\n        },\n      }),\n    ];\n  },\n});\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@edifice.io/tiptap-extensions",
-  "version": "1.5.16-develop-rc.3",
+  "version": "1.7.4-develop-pedago.20241211160712",
   "description": "Edifice Rich Text Editor Extensions",
-  "homepage": "https://github.com/edificeio/edifice-ui/tree/main/packages/tiptap/extensions#readme",
+  "homepage": "https://github.com/edificeio/edifice-frontend-framework/tree/main/packages/extensions#readme",
   "bugs": {
-    "url": "https://github.com/edificeio/edifice-ui/issues"
+    "url": "https://github.com/edificeio/edifice-frontend-framework/issues"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/edificeio/edifice-ui.git"
+    "url": "https://github.com/edificeio/edifice-frontend-framework.git",
+    "directory": "packages/extensions"
   },
   "license": "AGPL-3.0",
   "author": "Edifice",
@@ -102,14 +103,6 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "vite build",
-    "fix": "eslint . --ext ts --report-unused-disable-directives --max-warnings 0",
-    "format": "pnpm run format:write && pnpm run format:check",
-    "format:check": "npx prettier --check .",
-    "format:write": "npx prettier --write .",
-    "lint": "eslint \"**/*.ts\""
-  },
   "dependencies": {
     "@tiptap/core": "2.3.0",
     "@tiptap/extension-bold": "2.3.0",
@@ -124,13 +117,28 @@
     "@tiptap/extension-text-style": "2.3.0",
     "@tiptap/html": "2.3.0",
     "@tiptap/pm": "2.3.0",
-    "@tiptap/starter-kit": "2.3.0"
+    "@tiptap/starter-kit": "2.3.0",
+    "prosemirror-model": "^1.0.0",
+    "prosemirror-state": "^1.4.3",
+    "prosemirror-transform": "^1.0.0",
+    "prosemirror-view": "^1.27.0",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.1.0",
+    "@edifice.io/utilities": "1.7.4-develop-pedago.20241211160712"
   },
   "devDependencies": {
-    "@types/dom-speech-recognition": "^0.0.1"
+    "@types/dom-speech-recognition": "^0.0.1",
+    "@edifice.io/client": "1.7.4-develop-pedago.20241211160712"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cc6f1652d1a19ecf80fa79a4a991019ef78e8fc5"
-}
+  "scripts": {
+    "build": "vite build",
+    "fix": "eslint . --ext ts --report-unused-disable-directives --max-warnings 0",
+    "format": "pnpm run format:write && pnpm run format:check",
+    "format:check": "npx prettier --check \"src/**/*.ts\"",
+    "format:write": "npx prettier --write \"src/**/*.ts\"",
+    "lint": "eslint \"**/*.ts\""
+  }
+}

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 {};