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

package/README.md

@@ -3,7 +3,7 @@
 ![npm](https://img.shields.io/npm/v/@edifice.io/tiptap-extensions?style=flat-square)
 ![bundlephobia](https://img.shields.io/bundlephobia/min/@edifice.io/tiptap-extensions?style=flat-square)
 
-Extensions based on Tiptap Editor
+TypeScript Extensions based on Tiptap Editor
 
 ## Getting Started
 

package/dist/abbr/abbr.cjs

@@ -1,33 +1,2 @@
-'use strict';
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const core = require('@tiptap/core'),
-  Abbr = core.Mark.create({
-    name: 'abbr',
-    addOptions() {
-      return { HTMLAttributes: {} };
-    },
-    parseHTML() {
-      return [{ tag: 'abbr' }];
-    },
-    renderHTML({ HTMLAttributes }) {
-      return [
-        'abbr',
-        core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-        0,
-      ];
-    },
-    addCommands() {
-      return {
-        setAbbr:
-          () =>
-          ({ commands }) =>
-            commands.setMark(this.name),
-        toggleAbbr:
-          () =>
-          ({ commands }) =>
-            commands.toggleMark(this.name),
-      };
-    },
-  });
-exports.Abbr = Abbr;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("@tiptap/core"),Abbr=core.Mark.create({name:"abbr",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"abbr"}]},renderHTML({HTMLAttributes}){return["abbr",core.mergeAttributes(this.options.HTMLAttributes,HTMLAttributes),0]},addCommands(){return{setAbbr:()=>({commands})=>commands.setMark(this.name),toggleAbbr:()=>({commands})=>commands.toggleMark(this.name)}}});exports.Abbr=Abbr;
 //# sourceMappingURL=abbr.cjs.map

package/dist/abbr/abbr.d.ts

@@ -1,16 +1,16 @@
 import { Mark } from '@tiptap/core';
 declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    abbr: {
-      /**
-       * Set an abbr mark
-       */
-      setAbbr: (src: string) => ReturnType;
-      /**
-       * Toggle an abbr mark
-       */
-      toggleAbbr: (src: string) => ReturnType;
-    };
-  }
+    interface Commands<ReturnType> {
+        abbr: {
+            /**
+             * Set an abbr mark
+             */
+            setAbbr: (src: string) => ReturnType;
+            /**
+             * Toggle an abbr mark
+             */
+            toggleAbbr: (src: string) => ReturnType;
+        };
+    }
 }
 export declare const Abbr: Mark<any, any>;

package/dist/abbr/abbr.js

@@ -1,37 +1,33 @@
-import { Mark, mergeAttributes } from '@tiptap/core';
+import { Mark, mergeAttributes } from "@tiptap/core";
 const Abbr = Mark.create({
-  name: 'abbr',
+  name: "abbr",
   addOptions() {
     return {
-      HTMLAttributes: {},
+      HTMLAttributes: {}
     };
   },
   parseHTML() {
     return [
       {
-        tag: 'abbr',
-      },
+        tag: "abbr"
+      }
     ];
   },
   renderHTML({ HTMLAttributes }) {
     return [
-      'abbr',
+      "abbr",
       mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-      0,
+      0
     ];
   },
   addCommands() {
     return {
-      setAbbr:
-        () =>
-        ({ commands }) =>
-          commands.setMark(this.name),
-      toggleAbbr:
-        () =>
-        ({ commands }) =>
-          commands.toggleMark(this.name),
+      setAbbr: () => ({ commands }) => commands.setMark(this.name),
+      toggleAbbr: () => ({ commands }) => commands.toggleMark(this.name)
     };
-  },
+  }
 });
-export { Abbr };
+export {
+  Abbr
+};
 //# sourceMappingURL=abbr.js.map

package/dist/alert/alert.cjs

@@ -1,33 +1,2 @@
-'use strict';
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const core = require('@tiptap/core'),
-  Alert = core.Node.create({
-    name: 'alert',
-    content: 'inline+',
-    marks: '',
-    group: 'block',
-    inline: !1,
-    selectable: !0,
-    draggable: !0,
-    parseHTML() {
-      return [
-        { tag: 'p.info', priority: 60 },
-        { tag: 'p.warning', priority: 60 },
-        { tag: 'div.info', priority: 60 },
-        { tag: 'div.warning', priority: 60 },
-      ];
-    },
-    addAttributes() {
-      return {
-        class: {
-          default: 'info',
-          parseHTML: (element) => element.getAttribute('class'),
-        },
-      };
-    },
-    renderHTML({ HTMLAttributes }) {
-      return ['div', HTMLAttributes, 0];
-    },
-  });
-exports.Alert = Alert;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("@tiptap/core"),Alert=core.Node.create({name:"alert",content:"inline+",marks:"",group:"block",inline:!1,selectable:!0,draggable:!0,parseHTML(){return[{tag:"p.info",priority:60},{tag:"p.warning",priority:60},{tag:"div.info",priority:60},{tag:"div.warning",priority:60}]},addAttributes(){return{class:{default:"info",parseHTML:element=>element.getAttribute("class")}}},renderHTML({HTMLAttributes}){return["div",HTMLAttributes,0]}});exports.Alert=Alert;
 //# sourceMappingURL=alert.cjs.map

package/dist/alert/alert.js

@@ -1,43 +1,45 @@
-import { Node } from '@tiptap/core';
+import { Node } from "@tiptap/core";
 const Alert = Node.create({
-  name: 'alert',
-  content: 'inline+',
-  marks: '',
-  group: 'block',
+  name: "alert",
+  content: "inline+",
+  marks: "",
+  group: "block",
   inline: !1,
   selectable: !0,
   draggable: !0,
   parseHTML() {
     return [
       {
-        tag: 'p.info',
-        priority: 60,
+        tag: "p.info",
+        priority: 60
       },
       {
-        tag: 'p.warning',
-        priority: 60,
+        tag: "p.warning",
+        priority: 60
       },
       {
-        tag: 'div.info',
-        priority: 60,
+        tag: "div.info",
+        priority: 60
       },
       {
-        tag: 'div.warning',
-        priority: 60,
-      },
+        tag: "div.warning",
+        priority: 60
+      }
     ];
   },
   addAttributes() {
     return {
       class: {
-        default: 'info',
-        parseHTML: (element) => element.getAttribute('class'),
-      },
+        default: "info",
+        parseHTML: (element) => element.getAttribute("class")
+      }
     };
   },
   renderHTML({ HTMLAttributes }) {
-    return ['div', HTMLAttributes, 0];
-  },
+    return ["div", HTMLAttributes, 0];
+  }
 });
-export { Alert };
+export {
+  Alert
+};
 //# sourceMappingURL=alert.js.map

package/dist/attachment/attachment.cjs

@@ -1,74 +1,2 @@
-'use strict';
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const core = require('@tiptap/core'),
-  Attachment = core.Node.create({
-    name: 'attachments',
-    content: '',
-    marks: '',
-    group: 'block',
-    selectable: !0,
-    atom: !0,
-    draggable: !0,
-    addOptions() {
-      return { HTMLAttributes: { class: 'attachments' } };
-    },
-    parseHTML() {
-      return [{ tag: 'div[class=attachments]' }];
-    },
-    renderHTML({ HTMLAttributes }) {
-      const renderedLinks = HTMLAttributes.links.map((el) => [
-        'a',
-        {
-          name: el.name,
-          href: el.href,
-          documentId: el.documentId,
-          dataContentType: el.dataContentType,
-        },
-        el.name,
-      ]);
-      return ['div', this.options.HTMLAttributes, ...renderedLinks];
-    },
-    addAttributes() {
-      return {
-        links: {
-          default: [],
-          parseHTML: (element) => {
-            const links = element.getElementsByTagName('a'),
-              parsedLinks = [];
-            for (let i = 0; i < links.length; i++) {
-              const link = links[i],
-                href = link.getAttribute('href'),
-                name = link.textContent,
-                regexResult = href.match(/([^/]+$)/),
-                documentId =
-                  link.getAttribute('data-document-id') ||
-                  (regexResult && regexResult[0]),
-                dataContentType = link.getAttribute('data-content-type');
-              parsedLinks.push({ href, name, documentId, dataContentType });
-            }
-            return parsedLinks;
-          },
-          renderHTML: (attributes) => ({
-            links: attributes.links.map((link) => ({
-              href: link.href,
-              name: link.name,
-              documentId: link.documentId,
-              dataContentType: link.dataContentType,
-            })),
-          }),
-        },
-      };
-    },
-    addCommands() {
-      return {
-        setAttachment:
-          (
-            attrs = { dataContentType: '', name: '', documentId: '', href: '' },
-          ) =>
-          ({ chain }) =>
-            chain().insertContent({ type: this.name, attrs }).run(),
-      };
-    },
-  });
-exports.Attachment = Attachment;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("@tiptap/core"),Attachment=core.Node.create({name:"attachments",content:"",marks:"",group:"block",selectable:!0,atom:!0,draggable:!0,addOptions(){return{HTMLAttributes:{class:"attachments"}}},parseHTML(){return[{tag:"div[class=attachments]"}]},renderHTML({HTMLAttributes}){const renderedLinks=HTMLAttributes.links.map(el=>["a",{name:el.name,href:el.href,documentId:el.documentId,dataContentType:el.dataContentType},el.name]);return["div",this.options.HTMLAttributes,...renderedLinks]},addAttributes(){return{links:{default:[],parseHTML:element=>{const links=element.getElementsByTagName("a"),parsedLinks=[];for(let i=0;i<links.length;i++){const link=links[i],href=link.getAttribute("href"),name=link.textContent,regexResult=href.match(/([^/]+$)/),documentId=link.getAttribute("data-document-id")||regexResult&&regexResult[0],dataContentType=link.getAttribute("data-content-type");parsedLinks.push({href,name,documentId,dataContentType})}return parsedLinks},renderHTML:attributes=>({links:attributes.links.map(link=>({href:link.href,name:link.name,documentId:link.documentId,dataContentType:link.dataContentType}))})}}},addCommands(){return{setAttachment:(attrs={dataContentType:"",name:"",documentId:"",href:""})=>({chain})=>chain().insertContent({type:this.name,attrs}).run()}}});exports.Attachment=Attachment;
 //# sourceMappingURL=attachment.cjs.map

package/dist/attachment/attachment.d.ts

@@ -1,12 +1,12 @@
 import { Node } from '@tiptap/core';
 export interface AttachmentOptions {
-  HTMLAttributes: Record<string, string>;
+    HTMLAttributes: Record<string, string>;
 }
 declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    attachment: {
-      setAttachment: (attachment: any) => ReturnType;
-    };
-  }
+    interface Commands<ReturnType> {
+        attachment: {
+            setAttachment: (attachment: any) => ReturnType;
+        };
+    }
 }
 export declare const Attachment: Node<AttachmentOptions, any>;

package/dist/attachment/attachment.js

@@ -1,56 +1,48 @@
-import { Node } from '@tiptap/core';
+import { Node } from "@tiptap/core";
 const Attachment = Node.create({
-  name: 'attachments',
-  content: '',
-  marks: '',
-  group: 'block',
+  name: "attachments",
+  content: "",
+  marks: "",
+  group: "block",
   selectable: !0,
   atom: !0,
   draggable: !0,
   addOptions() {
     return {
       HTMLAttributes: {
-        class: 'attachments',
-      },
+        class: "attachments"
+      }
     };
   },
   parseHTML() {
-    return [{ tag: 'div[class=attachments]' }];
+    return [{ tag: "div[class=attachments]" }];
   },
   renderHTML({ HTMLAttributes }) {
     const renderedLinks = HTMLAttributes.links.map((el) => [
-      'a',
+      "a",
       {
         name: el.name,
         href: el.href,
         documentId: el.documentId,
-        dataContentType: el.dataContentType,
+        dataContentType: el.dataContentType
       },
-      el.name,
+      el.name
     ]);
-    return ['div', this.options.HTMLAttributes, ...renderedLinks];
+    return ["div", this.options.HTMLAttributes, ...renderedLinks];
   },
   addAttributes() {
     return {
       links: {
         default: [],
         parseHTML: (element) => {
-          const links = element.getElementsByTagName('a'),
-            parsedLinks = [];
+          const links = element.getElementsByTagName("a"), parsedLinks = [];
           for (let i = 0; i < links.length; i++) {
-            const link = links[i],
-              href = link.getAttribute('href'),
-              name = link.textContent,
-              regexResult = href.match(/([^/]+$)/),
-              documentId =
-                link.getAttribute('data-document-id') ||
-                (regexResult && regexResult[0]),
-              dataContentType = link.getAttribute('data-content-type');
+            const link = links[i], href = link.getAttribute("href"), name = link.textContent, regexResult = href.match(/([^/]+$)/), documentId = link.getAttribute("data-document-id") || regexResult && regexResult[0], dataContentType = link.getAttribute("data-content-type");
             parsedLinks.push({
               href,
               name,
               documentId,
-              dataContentType,
+              dataContentType
             });
           }
           return parsedLinks;
@@ -60,27 +52,24 @@ const Attachment = Node.create({
             href: link.href,
             name: link.name,
             documentId: link.documentId,
-            dataContentType: link.dataContentType,
-          })),
-        }),
-      },
+            dataContentType: link.dataContentType
+          }))
+        })
+      }
     };
   },
   addCommands() {
     return {
-      setAttachment:
-        (
-          attrs = {
-            dataContentType: '',
-            name: '',
-            documentId: '',
-            href: '',
-          },
-        ) =>
-        ({ chain }) =>
-          chain().insertContent({ type: this.name, attrs }).run(),
+      setAttachment: (attrs = {
+        dataContentType: "",
+        name: "",
+        documentId: "",
+        href: ""
+      }) => ({ chain }) => chain().insertContent({ type: this.name, attrs }).run()
     };
-  },
+  }
 });
-export { Attachment };
+export {
+  Attachment
+};
 //# sourceMappingURL=attachment.js.map

package/dist/audio/audio.cjs

@@ -1,55 +1,5 @@
-'use strict';
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const core = require('@tiptap/core'),
-  Audio = core.Node.create({
-    name: 'audio',
-    group: 'block',
-    addAttributes() {
-      return {
-        src: {
-          default: null,
-          parseHTML: (el) => el.getAttribute('src'),
-          renderHTML: (attrs) => ({ src: attrs.src }),
-        },
-        documentId: {
-          default: '',
-          renderHTML: (attributes) => ({
-            'data-document-id': attributes.documentId,
-          }),
-          parseHTML: (element) => element.getAttribute('data-document-id'),
-        },
-      };
-    },
-    parseHTML() {
-      return [
-        {
-          tag: 'div.audio-wrapper>audio,audio',
-          getAttrs: (el) => ({ src: el.getAttribute('src') }),
-        },
-      ];
-    },
-    renderHTML({ HTMLAttributes }) {
-      return [
-        'div',
-        { class: 'audio-wrapper' },
-        ['audio', core.mergeAttributes(HTMLAttributes)],
-      ];
-    },
-    addCommands() {
-      return {
-        setAudio:
-          (id, src, options) =>
-          ({ commands, state }) =>
-            commands.insertContentAt(
-              state.selection,
-              `<audio 
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("@tiptap/core"),Audio=core.Node.create({name:"audio",group:"block",addAttributes(){return{src:{default:null,parseHTML:el=>el.getAttribute("src"),renderHTML:attrs=>({src:attrs.src})},documentId:{default:"",renderHTML:attributes=>({"data-document-id":attributes.documentId}),parseHTML:element=>element.getAttribute("data-document-id")}}},parseHTML(){return[{tag:"div.audio-wrapper>audio,audio",getAttrs:el=>({src:el.getAttribute("src")})}]},renderHTML({HTMLAttributes}){return["div",{class:"audio-wrapper"},["audio",core.mergeAttributes(HTMLAttributes)]]},addCommands(){return{setAudio:(id,src,options)=>({commands,state})=>commands.insertContentAt(state.selection,`<audio 
               src="${src}" 
               controls preload="none"
-              data-document-id="${id}"></audio>`,
-              options,
-            ),
-      };
-    },
-  });
-exports.Audio = Audio;
+              data-document-id="${id}"></audio>`,options)}}});exports.Audio=Audio;
 //# sourceMappingURL=audio.cjs.map

package/dist/audio/audio.d.ts

@@ -1,23 +1,19 @@
 import { Node } from '@tiptap/core';
 export interface AudioOptions {
-  url: string;
-  HTMLAttributes: Record<string, any>;
+    url: string;
+    HTMLAttributes: Record<string, any>;
 }
 declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    audio: {
-      /**
-       * Set a audio node
-       * @param options.updateSelection set to true will select the newly inserted content
-       */
-      setAudio: (
-        id: string,
-        src: string,
-        options?: {
-          updateSelection: boolean;
-        },
-      ) => ReturnType;
-    };
-  }
+    interface Commands<ReturnType> {
+        audio: {
+            /**
+             * Set a audio node
+             * @param options.updateSelection set to true will select the newly inserted content
+             */
+            setAudio: (id: string, src: string, options?: {
+                updateSelection: boolean;
+            }) => ReturnType;
+        };
+    }
 }
 export declare const Audio: Node<any, any>;

package/dist/audio/audio.js

@@ -1,55 +1,52 @@
-import { Node, mergeAttributes } from '@tiptap/core';
+import { Node, mergeAttributes } from "@tiptap/core";
 const Audio = Node.create({
-  name: 'audio',
-  group: 'block',
+  name: "audio",
+  group: "block",
   addAttributes() {
     return {
       src: {
         default: null,
-        parseHTML: (el) => el.getAttribute('src'),
-        renderHTML: (attrs) => ({ src: attrs.src }),
+        parseHTML: (el) => el.getAttribute("src"),
+        renderHTML: (attrs) => ({ src: attrs.src })
       },
       documentId: {
-        default: '',
-        renderHTML: (attributes) => ({
-          'data-document-id': attributes.documentId,
-        }),
-        parseHTML: (element) => element.getAttribute('data-document-id'),
-      },
+        default: "",
+        renderHTML: (attributes) => ({ "data-document-id": attributes.documentId }),
+        parseHTML: (element) => element.getAttribute("data-document-id")
+      }
     };
   },
   parseHTML() {
     return [
       {
-        tag: 'div.audio-wrapper>audio,audio',
+        tag: "div.audio-wrapper>audio,audio",
         getAttrs: (el) => ({
-          src: el.getAttribute('src'),
-        }),
-      },
+          src: el.getAttribute("src")
+        })
+      }
     ];
   },
   renderHTML({ HTMLAttributes }) {
     return [
-      'div',
-      { class: 'audio-wrapper' },
-      ['audio', mergeAttributes(HTMLAttributes)],
+      "div",
+      { class: "audio-wrapper" },
+      ["audio", mergeAttributes(HTMLAttributes)]
     ];
   },
   addCommands() {
     return {
-      setAudio:
-        (id, src, options) =>
-        ({ commands, state }) =>
-          commands.insertContentAt(
-            state.selection,
-            `<audio 
+      setAudio: (id, src, options) => ({ commands, state }) => commands.insertContentAt(
+        state.selection,
+        `<audio 
               src="${src}" 
               controls preload="none"
               data-document-id="${id}"></audio>`,
-            options,
-          ),
+        options
+      )
     };
-  },
+  }
 });
-export { Audio };
+export {
+  Audio
+};
 //# sourceMappingURL=audio.js.map

package/dist/font-size/font-size.cjs

@@ -1,49 +1,2 @@
-'use strict';
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-require('@tiptap/extension-text-style');
-const core = require('@tiptap/core'),
-  FontSize = core.Extension.create({
-    name: 'fontSize',
-    addOptions() {
-      return { types: ['textStyle'] };
-    },
-    addGlobalAttributes() {
-      return [
-        {
-          types: this.options.types,
-          attributes: {
-            fontSize: {
-              default: null,
-              parseHTML: (element) => {
-                var _a;
-                return (_a = element.style.fontSize) == null
-                  ? void 0
-                  : _a.replace(/['"]+/g, '');
-              },
-              renderHTML: (attributes) =>
-                attributes.fontSize
-                  ? { style: `font-size: ${attributes.fontSize}` }
-                  : {},
-            },
-          },
-        },
-      ];
-    },
-    addCommands() {
-      return {
-        setFontSize:
-          (fontSize) =>
-          ({ chain }) =>
-            chain().setMark('textStyle', { fontSize }).run(),
-        unsetFontSize:
-          () =>
-          ({ chain }) =>
-            chain()
-              .setMark('textStyle', { fontSize: null })
-              .removeEmptyTextStyle()
-              .run(),
-      };
-    },
-  });
-exports.FontSize = FontSize;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@tiptap/extension-text-style");const core=require("@tiptap/core"),FontSize=core.Extension.create({name:"fontSize",addOptions(){return{types:["textStyle"]}},addGlobalAttributes(){return[{types:this.options.types,attributes:{fontSize:{default:null,parseHTML:element=>{var _a;return(_a=element.style.fontSize)==null?void 0:_a.replace(/['"]+/g,"")},renderHTML:attributes=>attributes.fontSize?{style:`font-size: ${attributes.fontSize}`}:{}}}}]},addCommands(){return{setFontSize:fontSize=>({chain})=>chain().setMark("textStyle",{fontSize}).run(),unsetFontSize:()=>({chain})=>chain().setMark("textStyle",{fontSize:null}).removeEmptyTextStyle().run()}}});exports.FontSize=FontSize;
 //# sourceMappingURL=font-size.cjs.map