@edifice.io/tiptap-extensions 1.5.16-develop-rc.2

package/dist/speech-synthesis/index.d.ts

@@ -0,0 +1,3 @@
+import { SpeechSynthesis } from './speech-synthesis';
+export * from './speech-synthesis';
+export default SpeechSynthesis;

package/dist/speech-synthesis/speech-synthesis.cjs

@@ -0,0 +1,33 @@
+'use strict';
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const core = require('@tiptap/core');
+class SS_Node extends core.Node {
+  static create(config) {
+    return core.Node.create(config);
+  }
+}
+const SpeechSynthesis = SS_Node.create({
+  name: 'speechSynthesis',
+  addOptions() {
+    return { lang: 'fr-FR', pitch: 1 };
+  },
+  addCommands() {
+    return {
+      startSpeechSynthesis:
+        () =>
+        ({ commands }) => (
+          (this.speechSynthesis = new SpeechSynthesisUtterance()),
+          (this.speechSynthesis.lang = this.options.lang),
+          (this.speechSynthesis.pitch = this.options.pitch),
+          (this.speechSynthesis.text = this.editor.getText()),
+          window.speechSynthesis.speak(this.speechSynthesis),
+          commands
+        ),
+      stopSpeechSynthesis:
+        () =>
+        ({ commands }) => (window.speechSynthesis.cancel(), commands),
+    };
+  },
+});
+exports.SpeechSynthesis = SpeechSynthesis;
+//# sourceMappingURL=speech-synthesis.cjs.map

package/dist/speech-synthesis/speech-synthesis.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"speech-synthesis.cjs","sources":["../../src/speech-synthesis/speech-synthesis.ts"],"sourcesContent":["import { Node } from '@tiptap/core';\n\nexport interface SpeechSynthesisOptions {\n  lang: string;\n  pitch: number;\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    speechSynthesis: {\n      startSpeechSynthesis: () => ReturnType;\n      stopSpeechSynthesis: () => ReturnType;\n    };\n  }\n}\n\nclass SS_Node<O = any, S = any> extends Node<O, S> {\n  static create<O = any, S = any>(config?: any) {\n    return Node.create(config) as SS_Node<O, S>;\n  }\n}\n\nexport const SpeechSynthesis = SS_Node.create<SpeechSynthesisOptions>({\n  name: 'speechSynthesis',\n  addOptions() {\n    return {\n      lang: 'fr-FR',\n      pitch: 1,\n    };\n  },\n  addCommands() {\n    return {\n      startSpeechSynthesis:\n        () =>\n        ({ commands }) => {\n          this.speechSynthesis = new SpeechSynthesisUtterance();\n          this.speechSynthesis.lang = this.options.lang;\n          this.speechSynthesis.pitch = this.options.pitch;\n          this.speechSynthesis.text = this.editor.getText();\n\n          window.speechSynthesis.speak(this.speechSynthesis);\n          return commands;\n        },\n      stopSpeechSynthesis:\n        () =>\n        ({ commands }) => {\n          window.speechSynthesis.cancel();\n          return commands;\n        },\n    };\n  },\n});\n"],"names":["Node"],"mappings":"mHAgBA,MAAM,gBAAkCA,KAAAA,IAAW,CACjD,OAAO,OAAyB,OAAc,CACrC,OAAAA,KAAA,KAAK,OAAO,MAAM,CAC3B,CACF,CAEa,MAAA,gBAAkB,QAAQ,OAA+B,CACpE,KAAM,kBACN,YAAa,CACJ,MAAA,CACL,KAAM,QACN,MAAO,CAAA,CAEX,EACA,aAAc,CACL,MAAA,CACL,qBACE,IACA,CAAC,CAAE,aACI,KAAA,gBAAkB,IAAI,yBACtB,KAAA,gBAAgB,KAAO,KAAK,QAAQ,KACpC,KAAA,gBAAgB,MAAQ,KAAK,QAAQ,MAC1C,KAAK,gBAAgB,KAAO,KAAK,OAAO,QAAQ,EAEzC,OAAA,gBAAgB,MAAM,KAAK,eAAe,EAC1C,UAEX,oBACE,IACA,CAAC,CAAE,aACD,OAAO,gBAAgB,SAChB,SACT,CAEN,CACF,CAAC"}

package/dist/speech-synthesis/speech-synthesis.d.ts

@@ -0,0 +1,18 @@
+import { Node } from '@tiptap/core';
+export interface SpeechSynthesisOptions {
+  lang: string;
+  pitch: number;
+}
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    speechSynthesis: {
+      startSpeechSynthesis: () => ReturnType;
+      stopSpeechSynthesis: () => ReturnType;
+    };
+  }
+}
+declare class SS_Node<O = any, S = any> extends Node<O, S> {
+  static create<O = any, S = any>(config?: any): SS_Node<O, S>;
+}
+export declare const SpeechSynthesis: SS_Node<SpeechSynthesisOptions, any>;
+export {};

package/dist/speech-synthesis/speech-synthesis.js

@@ -0,0 +1,34 @@
+import { Node } from '@tiptap/core';
+class SS_Node extends Node {
+  static create(config) {
+    return Node.create(config);
+  }
+}
+const SpeechSynthesis = SS_Node.create({
+  name: 'speechSynthesis',
+  addOptions() {
+    return {
+      lang: 'fr-FR',
+      pitch: 1,
+    };
+  },
+  addCommands() {
+    return {
+      startSpeechSynthesis:
+        () =>
+        ({ commands }) => (
+          (this.speechSynthesis = new SpeechSynthesisUtterance()),
+          (this.speechSynthesis.lang = this.options.lang),
+          (this.speechSynthesis.pitch = this.options.pitch),
+          (this.speechSynthesis.text = this.editor.getText()),
+          window.speechSynthesis.speak(this.speechSynthesis),
+          commands
+        ),
+      stopSpeechSynthesis:
+        () =>
+        ({ commands }) => (window.speechSynthesis.cancel(), commands),
+    };
+  },
+});
+export { SpeechSynthesis };
+//# sourceMappingURL=speech-synthesis.js.map

package/dist/speech-synthesis/speech-synthesis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"speech-synthesis.js","sources":["../../src/speech-synthesis/speech-synthesis.ts"],"sourcesContent":["import { Node } from '@tiptap/core';\n\nexport interface SpeechSynthesisOptions {\n  lang: string;\n  pitch: number;\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    speechSynthesis: {\n      startSpeechSynthesis: () => ReturnType;\n      stopSpeechSynthesis: () => ReturnType;\n    };\n  }\n}\n\nclass SS_Node<O = any, S = any> extends Node<O, S> {\n  static create<O = any, S = any>(config?: any) {\n    return Node.create(config) as SS_Node<O, S>;\n  }\n}\n\nexport const SpeechSynthesis = SS_Node.create<SpeechSynthesisOptions>({\n  name: 'speechSynthesis',\n  addOptions() {\n    return {\n      lang: 'fr-FR',\n      pitch: 1,\n    };\n  },\n  addCommands() {\n    return {\n      startSpeechSynthesis:\n        () =>\n        ({ commands }) => {\n          this.speechSynthesis = new SpeechSynthesisUtterance();\n          this.speechSynthesis.lang = this.options.lang;\n          this.speechSynthesis.pitch = this.options.pitch;\n          this.speechSynthesis.text = this.editor.getText();\n\n          window.speechSynthesis.speak(this.speechSynthesis);\n          return commands;\n        },\n      stopSpeechSynthesis:\n        () =>\n        ({ commands }) => {\n          window.speechSynthesis.cancel();\n          return commands;\n        },\n    };\n  },\n});\n"],"names":[],"mappings":";AAgBA,MAAM,gBAAkC,KAAW;AAAA,EACjD,OAAO,OAAyB,QAAc;AACrC,WAAA,KAAK,OAAO,MAAM;AAAA,EAC3B;AACF;AAEa,MAAA,kBAAkB,QAAQ,OAA+B;AAAA,EACpE,MAAM;AAAA,EACN,aAAa;AACJ,WAAA;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,cAAc;AACL,WAAA;AAAA,MACL,sBACE,MACA,CAAC,EAAE,gBACI,KAAA,kBAAkB,IAAI,4BACtB,KAAA,gBAAgB,OAAO,KAAK,QAAQ,MACpC,KAAA,gBAAgB,QAAQ,KAAK,QAAQ,OAC1C,KAAK,gBAAgB,OAAO,KAAK,OAAO,QAAQ,GAEzC,OAAA,gBAAgB,MAAM,KAAK,eAAe,GAC1C;AAAA,MAEX,qBACE,MACA,CAAC,EAAE,gBACD,OAAO,gBAAgB,UAChB;AAAA,IACT;AAAA,EAEN;AACF,CAAC;"}

package/dist/table-cell/index.d.ts

@@ -0,0 +1,3 @@
+import { TableCell } from './table-cell';
+export * from './table-cell';
+export default TableCell;

package/dist/table-cell/table-cell.cjs

@@ -0,0 +1,28 @@
+'use strict';
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const extensionTableCell = require('@tiptap/extension-table-cell'),
+  TableCell = extensionTableCell.TableCell.extend({
+    addAttributes() {
+      var _a;
+      return {
+        ...((_a = this.parent) == null ? void 0 : _a.call(this)),
+        backgroundColor: {
+          default: null,
+          renderHTML: (attributes) =>
+            attributes.backgroundColor
+              ? { style: `background-color: ${attributes.backgroundColor}` }
+              : {},
+          parseHTML: (element) => {
+            var _a2, _b;
+            return (_b =
+              (_a2 = element.style) == null ? void 0 : _a2.backgroundColor) ==
+              null
+              ? void 0
+              : _b.replace(/['"]+/g, '');
+          },
+        },
+      };
+    },
+  });
+exports.TableCell = TableCell;
+//# sourceMappingURL=table-cell.cjs.map

package/dist/table-cell/table-cell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.cjs","sources":["../../src/table-cell/table-cell.ts"],"sourcesContent":["import { TableCell as TipTapTableCell } from '@tiptap/extension-table-cell';\n\n/**\n * This custom extension allows setting a background-color to table cells.\n * Apply with ̀`editor.chain().focus().setCellAttribute(\"backgroundColor\", color).run()`\n */\nexport const TableCell = TipTapTableCell.extend({\n  addAttributes() {\n    return {\n      ...this.parent?.(),\n      backgroundColor: {\n        default: null,\n        renderHTML: (attributes: { backgroundColor?: string }) => {\n          if (!attributes.backgroundColor) {\n            return {};\n          }\n\n          return {\n            style: `background-color: ${attributes.backgroundColor}`,\n          };\n        },\n        parseHTML: (element: { style?: { backgroundColor: string } }) => {\n          return element.style?.backgroundColor?.replace(/['\"]+/g, '');\n        },\n      },\n    };\n  },\n});\n"],"names":["TipTapTableCell","_a"],"mappings":"iJAMa,UAAYA,6BAAgB,OAAO,CAC9C,eAAgB,QACP,MAAA,CACL,IAAG,QAAK,SAAL,0BACH,gBAAiB,CACf,QAAS,KACT,WAAa,YACN,WAAW,gBAIT,CACL,MAAO,qBAAqB,WAAW,eAAe,EAAA,EAJ/C,GAOX,UAAY,SAAqD,YAC/D,OAAO,IAAAC,IAAA,QAAQ,QAAR,YAAAA,IAAe,kBAAf,eAAgC,QAAQ,SAAU,GAC3D,CACF,CAAA,CAEJ,CACF,CAAC"}

package/dist/table-cell/table-cell.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This custom extension allows setting a background-color to table cells.
+ * Apply with ̀`editor.chain().focus().setCellAttribute("backgroundColor", color).run()`
+ */
+export declare const TableCell: import('@tiptap/core').Node<
+  import('@tiptap/extension-table-cell').TableCellOptions,
+  any
+>;

package/dist/table-cell/table-cell.js

@@ -0,0 +1,28 @@
+import { TableCell as TableCell$1 } from '@tiptap/extension-table-cell';
+const TableCell = TableCell$1.extend({
+  addAttributes() {
+    var _a;
+    return {
+      ...((_a = this.parent) == null ? void 0 : _a.call(this)),
+      backgroundColor: {
+        default: null,
+        renderHTML: (attributes) =>
+          attributes.backgroundColor
+            ? {
+                style: `background-color: ${attributes.backgroundColor}`,
+              }
+            : {},
+        parseHTML: (element) => {
+          var _a2, _b;
+          return (_b =
+            (_a2 = element.style) == null ? void 0 : _a2.backgroundColor) ==
+            null
+            ? void 0
+            : _b.replace(/['"]+/g, '');
+        },
+      },
+    };
+  },
+});
+export { TableCell };
+//# sourceMappingURL=table-cell.js.map

package/dist/table-cell/table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.js","sources":["../../src/table-cell/table-cell.ts"],"sourcesContent":["import { TableCell as TipTapTableCell } from '@tiptap/extension-table-cell';\n\n/**\n * This custom extension allows setting a background-color to table cells.\n * Apply with ̀`editor.chain().focus().setCellAttribute(\"backgroundColor\", color).run()`\n */\nexport const TableCell = TipTapTableCell.extend({\n  addAttributes() {\n    return {\n      ...this.parent?.(),\n      backgroundColor: {\n        default: null,\n        renderHTML: (attributes: { backgroundColor?: string }) => {\n          if (!attributes.backgroundColor) {\n            return {};\n          }\n\n          return {\n            style: `background-color: ${attributes.backgroundColor}`,\n          };\n        },\n        parseHTML: (element: { style?: { backgroundColor: string } }) => {\n          return element.style?.backgroundColor?.replace(/['\"]+/g, '');\n        },\n      },\n    };\n  },\n});\n"],"names":["TipTapTableCell","_a"],"mappings":";AAMa,MAAA,YAAYA,YAAgB,OAAO;AAAA,EAC9C,gBAAgB;;AACP,WAAA;AAAA,MACL,IAAG,UAAK,WAAL;AAAA,MACH,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,YAAY,CAAC,eACN,WAAW,kBAIT;AAAA,UACL,OAAO,qBAAqB,WAAW,eAAe;AAAA,QAAA,IAJ/C;QAOX,WAAW,CAAC,YAAqD;;AAC/D,kBAAO,MAAAC,MAAA,QAAQ,UAAR,gBAAAA,IAAe,oBAAf,mBAAgC,QAAQ,UAAU;AAAA,QAC3D;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/transform/html-to-json/html-to-json.cjs

@@ -0,0 +1,5 @@
+'use strict';
+const core = require('@tiptap/core'),
+  htmlToJson = (html, extensions) => core.generateJSON(html, extensions);
+module.exports = htmlToJson;
+//# sourceMappingURL=html-to-json.cjs.map

package/dist/transform/html-to-json/html-to-json.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-to-json.cjs","sources":["../../../src/transform/html-to-json/html-to-json.ts"],"sourcesContent":["import { Extensions, HTMLContent, generateJSON } from '@tiptap/core';\n\nexport default (html: HTMLContent, extensions: Extensions) => {\n  return generateJSON(html, extensions);\n};\n"],"names":["generateJSON"],"mappings":"gDAEA,WAAe,CAAC,KAAmB,aAC1BA,KAAA,aAAa,KAAM,UAAU"}

package/dist/transform/html-to-json/html-to-json.d.ts

@@ -0,0 +1,6 @@
+import { Extensions, HTMLContent } from '@tiptap/core';
+declare const _default: (
+  html: HTMLContent,
+  extensions: Extensions,
+) => Record<string, any>;
+export default _default;

package/dist/transform/html-to-json/html-to-json.js

@@ -0,0 +1,4 @@
+import { generateJSON } from '@tiptap/core';
+const htmlToJson = (html, extensions) => generateJSON(html, extensions);
+export { htmlToJson as default };
+//# sourceMappingURL=html-to-json.js.map

package/dist/transform/html-to-json/html-to-json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-to-json.js","sources":["../../../src/transform/html-to-json/html-to-json.ts"],"sourcesContent":["import { Extensions, HTMLContent, generateJSON } from '@tiptap/core';\n\nexport default (html: HTMLContent, extensions: Extensions) => {\n  return generateJSON(html, extensions);\n};\n"],"names":[],"mappings":";AAEA,MAAA,aAAe,CAAC,MAAmB,eAC1B,aAAa,MAAM,UAAU;"}

package/dist/transform/index.d.ts

@@ -0,0 +1,3 @@
+import { default as htmlToJson } from './html-to-json/html-to-json';
+import { default as jsonToHtml } from './json-to-html/json-to-html';
+export { htmlToJson, jsonToHtml };

package/dist/transform/json-to-html/json-to-html.cjs

@@ -0,0 +1,5 @@
+'use strict';
+const core = require('@tiptap/core'),
+  jsonToHtml = (json, extensions) => core.generateHTML(json, extensions);
+module.exports = jsonToHtml;
+//# sourceMappingURL=json-to-html.cjs.map

package/dist/transform/json-to-html/json-to-html.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-to-html.cjs","sources":["../../../src/transform/json-to-html/json-to-html.ts"],"sourcesContent":["import { Extensions, JSONContent, generateHTML } from '@tiptap/core';\n\nexport default (json: JSONContent, extensions: Extensions) => {\n  return generateHTML(json, extensions);\n};\n"],"names":["generateHTML"],"mappings":"gDAEA,WAAe,CAAC,KAAmB,aAC1BA,KAAA,aAAa,KAAM,UAAU"}

package/dist/transform/json-to-html/json-to-html.d.ts

@@ -0,0 +1,3 @@
+import { Extensions, JSONContent } from '@tiptap/core';
+declare const _default: (json: JSONContent, extensions: Extensions) => string;
+export default _default;

package/dist/transform/json-to-html/json-to-html.js

@@ -0,0 +1,4 @@
+import { generateHTML } from '@tiptap/core';
+const jsonToHtml = (json, extensions) => generateHTML(json, extensions);
+export { jsonToHtml as default };
+//# sourceMappingURL=json-to-html.js.map

package/dist/transform/json-to-html/json-to-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-to-html.js","sources":["../../../src/transform/json-to-html/json-to-html.ts"],"sourcesContent":["import { Extensions, JSONContent, generateHTML } from '@tiptap/core';\n\nexport default (json: JSONContent, extensions: Extensions) => {\n  return generateHTML(json, extensions);\n};\n"],"names":[],"mappings":";AAEA,MAAA,aAAe,CAAC,MAAmB,eAC1B,aAAa,MAAM,UAAU;"}

package/dist/video/index.d.ts

@@ -0,0 +1,3 @@
+import { Video } from './video';
+export * from './video';
+export default Video;

package/dist/video/video.cjs

@@ -0,0 +1,119 @@
+'use strict';
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const core = require('@tiptap/core'),
+  VIDEO_INPUT_REGEX = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/,
+  Video = core.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', core.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}" 
+              width="${width}"
+              height="${height}"
+              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 [
+        core.nodeInputRule({
+          find: VIDEO_INPUT_REGEX,
+          type: this.type,
+          getAttributes: (match) => {
+            const [, , src] = match;
+            return { src };
+          },
+        }),
+      ];
+    },
+  });
+exports.Video = Video;
+//# sourceMappingURL=video.cjs.map

package/dist/video/video.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.cjs","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":["Node","mergeAttributes","nodeInputRule"],"mappings":"mHAkCM,kBAAoB,gDAEb,MAAQA,UAAK,OAAO,CAC/B,KAAM,QACN,MAAO,QACP,UAAW,GACX,WAAY,GAEZ,eAAgB,CACP,MAAA,CACL,IAAK,CACH,QAAS,KACT,UAAY,IAAa,GAAuB,aAAa,KAAK,EAClE,WAAa,QAAgB,CAAE,IAAK,MAAM,GAAI,EAChD,EACA,SAAU,CACR,QAAS,GACT,UAAY,IACL,GAAuB,aAAa,UAAU,EACzC,GAAuB,aAAa,UAAU,EAC5C,KAAuB,aAAa,UAAU,EAM5D,WAAa,QAAgB,CAAE,SAAU,MAAM,QAAS,EAC1D,EACA,WAAY,CACV,QAAS,GACT,WAAa,aACJ,CAAE,mBAAoB,WAAW,aAE1C,UAAY,SAAiB,QAAQ,aAAa,kBAAkB,CACtE,EACA,YAAa,CACX,QAAS,GACT,WAAa,aACJ,CAAE,6BAA8B,WAAW,cAEpD,UAAY,SACV,QAAQ,aAAa,4BAA4B,CACrD,EACA,gBAAiB,CACf,QAAS,UACT,WAAa,aACJ,CAAE,wBAAyB,WAAW,kBAE/C,UAAY,SACV,QAAQ,aAAa,uBAAuB,CAChD,EACA,MAAO,CACL,WAAa,aACJ,CACL,MAAO,SAAS,WAAW,KAAK,CAAA,GAGpC,UAAY,SAAY,QAAQ,aAAa,OAAO,CACtD,EACA,OAAQ,CACN,WAAa,aACJ,CACL,OAAQ,SAAS,WAAW,MAAM,CAAA,GAGtC,UAAY,SAAY,QAAQ,aAAa,QAAQ,CACvD,CAAA,CAEJ,EAEA,WAAY,CACH,MAAA,CACL,CACE,IAAK,gCACL,SAAW,KAAa,CACtB,IAAM,GAAwB,aAAa,KAAK,CAAA,EAEpD,CAAA,CAEJ,EAEA,WAAW,CAAE,gBAAkB,CACtB,MAAA,CACL,MACA,CAAE,MAAO,eAAgB,EACzB,CAAC,QAASC,qBAAgB,cAAc,CAAC,CAAA,CAE7C,EAEA,aAAc,CACL,MAAA,CACL,SACE,CACE,GACA,IACA,YACA,MAAQ,IACR,OAAS,IACT,SAAW,GACX,aAAe,aACf,UAEF,CAAC,CAAE,SAAU,SACJ,SAAS,gBACd,MAAM,UACN;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,OAC1C,OAAA,EAIN,YACE,IACA,CAAC,CAAE,YACD,SAAS,WAAW,KAAK,KAAM,WAAW,CAAA,CAElD,EAEA,eAAgB,CACP,MAAA,CACLC,mBAAc,CACZ,KAAM,kBACN,KAAM,KAAK,KACX,cAAgB,OAAU,CACxB,KAAM,CAAK,CAAA,CAAA,GAAG,EAAI,MAElB,MAAO,CAAE,GAAI,CACf,CAAA,CACD,CAAA,CAEL,CACF,CAAC"}

package/dist/video/video.d.ts

@@ -0,0 +1,34 @@
+import { Node } from '@tiptap/core';
+export interface VideoOptions {
+  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;
+    };
+  }
+}
+export declare const Video: Node<any, any>;

package/dist/video/video.js

@@ -0,0 +1,123 @@
+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}" 
+              width="${width}"
+              height="${height}"
+              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 };
+//# sourceMappingURL=video.js.map

package/dist/video/video.js.map

@@ -0,0 +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;"}