@ctzhian/tiptap 0.4.0

package/dist/extension/index.js

@@ -0,0 +1,176 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import Highlight from '@tiptap/extension-highlight';
+import InvisibleCharacters from '@tiptap/extension-invisible-characters';
+import Subscript from '@tiptap/extension-subscript';
+import Superscript from '@tiptap/extension-superscript';
+import TextAlign from '@tiptap/extension-text-align';
+import { TextStyleKit } from '@tiptap/extension-text-style';
+import { CharacterCount, Placeholder } from '@tiptap/extensions';
+import StarterKit from '@tiptap/starter-kit';
+import { PLACEHOLDER } from "../contants/placeholder";
+import { SlashCommands } from "./extension";
+import { AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomInlineMathExtension, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, ImageExtension, InlineAttachmentExtension, InlineLinkExtension, ListExtension, MentionExtension, TableExtension, TableOfContents, UploadProgressExtension, VerticalAlign, VideoExtension, YoutubeExtension } from "./node";
+export var getExtensions = function getExtensions(_ref) {
+  var limit = _ref.limit,
+    exclude = _ref.exclude,
+    extensionsProps = _ref.extensions,
+    youtube = _ref.youtube,
+    editable = _ref.editable,
+    mentionItems = _ref.mentionItems,
+    onMentionFilter = _ref.onMentionFilter,
+    onUpload = _ref.onUpload,
+    onError = _ref.onError,
+    onTocUpdate = _ref.onTocUpdate;
+  var defaultExtensions = [StarterKit.configure({
+    link: false,
+    codeBlock: false,
+    listItem: false,
+    orderedList: false,
+    bulletList: false,
+    listKeymap: false,
+    undoRedo: exclude !== null && exclude !== void 0 && exclude.includes('undoRedo') ? false : undefined,
+    dropcursor: {
+      color: 'var(--mui-palette-primary-main)',
+      width: 2
+    }
+  }), TextAlign.configure({
+    types: ['heading', 'paragraph']
+  }), VerticalAlign.configure({
+    types: ['textStyle'],
+    defaultAlignment: null
+  }), CodeBlockLowlightExtension, CharacterCount.configure({
+    limit: limit !== null && limit !== void 0 ? limit : null
+  }), Subscript, Superscript, TextStyleKit, Highlight.configure({
+    multicolor: true
+  }), Placeholder.configure({
+    emptyNodeClass: 'custom-placeholder-node',
+    showOnlyWhenEditable: true,
+    placeholder: function placeholder(_ref2) {
+      var node = _ref2.node,
+        pos = _ref2.pos;
+      var type = node.type,
+        attrs = node.attrs;
+      if (pos === 0) {
+        return PLACEHOLDER.default;
+      }
+      if (type.name === 'heading') {
+        return PLACEHOLDER.heading[attrs.level];
+      }
+      if (PLACEHOLDER[type.name]) {
+        return PLACEHOLDER[type.name];
+      }
+      return '';
+    }
+  })];
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('emoji'))) {
+    var Emoji = EmojiExtension;
+    defaultExtensions.push(Emoji);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('mention')) && (mentionItems && mentionItems.length > 0 || onMentionFilter)) {
+    var Mention = MentionExtension({
+      mentionItems: mentionItems,
+      onMentionFilter: onMentionFilter
+    });
+    defaultExtensions.push(Mention);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('details'))) {
+    var Details = DetailsExtension;
+    var DetailsContent = DetailsContentExtension;
+    var DetailsSummary = DetailsSummaryExtension;
+    defaultExtensions.push(Details);
+    defaultExtensions.push(DetailsContent);
+    defaultExtensions.push(DetailsSummary);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('mathematics'))) {
+    var CustomInlineMath = CustomInlineMathExtension({
+      onError: onError
+    });
+    var CustomBlockMath = CustomBlockMathExtension({
+      onError: onError
+    });
+    defaultExtensions.push(CustomInlineMath);
+    defaultExtensions.push(CustomBlockMath);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('table'))) {
+    var Table = TableExtension({
+      editable: editable
+    });
+    defaultExtensions.push.apply(defaultExtensions, _toConsumableArray(Table));
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('list'))) {
+    var List = ListExtension;
+    defaultExtensions.push(List);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('video'))) {
+    var Video = VideoExtension({
+      onUpload: onUpload,
+      onError: onError
+    });
+    defaultExtensions.push(Video);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('audio'))) {
+    var Audio = AudioExtension({
+      onUpload: onUpload,
+      onError: onError
+    });
+    defaultExtensions.push(Audio);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('image'))) {
+    var Image = ImageExtension({
+      onUpload: onUpload,
+      onError: onError
+    });
+    defaultExtensions.push(Image);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('youtube'))) {
+    var Youtube = YoutubeExtension(youtube);
+    defaultExtensions.push(Youtube);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('fileHandler'))) {
+    var FileHandler = FileHandlerExtension({
+      onUpload: onUpload
+    });
+    defaultExtensions.push(FileHandler);
+    var UploadProgress = UploadProgressExtension;
+    defaultExtensions.push(UploadProgress);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('link'))) {
+    defaultExtensions.push(InlineLinkExtension);
+    defaultExtensions.push(BlockLinkExtension);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('attachment'))) {
+    var InlineAttachment = InlineAttachmentExtension({
+      onUpload: onUpload,
+      onError: onError
+    });
+    var BlockAttachment = BlockAttachmentExtension({
+      onUpload: onUpload,
+      onError: onError
+    });
+    defaultExtensions.push(InlineAttachment);
+    defaultExtensions.push(BlockAttachment);
+  }
+  if (!(exclude !== null && exclude !== void 0 && exclude.includes('tableOfContents'))) {
+    var CustomTableOfContents = TableOfContents({
+      onTocUpdate: onTocUpdate
+    });
+    defaultExtensions.push(CustomTableOfContents);
+  }
+  if (editable) {
+    if (!(exclude !== null && exclude !== void 0 && exclude.includes('slashCommands'))) {
+      defaultExtensions.push(SlashCommands);
+    }
+    if (!(exclude !== null && exclude !== void 0 && exclude.includes('invisibleCharacters'))) {
+      defaultExtensions.push(InvisibleCharacters);
+    }
+  }
+  if (extensionsProps && extensionsProps.length > 0) {
+    defaultExtensions.push.apply(defaultExtensions, _toConsumableArray(extensionsProps));
+  }
+  return defaultExtensions;
+};

package/dist/extension/mark/Link.js

@@ -0,0 +1,58 @@
+// import { Link } from "@tiptap/extension-link";
+
+// const customLink = Link.extend({
+//   addAttributes() {
+//     return {
+//       ...(this.parent as any)?.(),
+//       type: {
+//         default: 'link',
+//         parseHTML: (element: HTMLElement) => {
+//           return element.getAttribute('data-type') || 'link'
+//         },
+//         renderHTML: (attributes: any) => {
+//           return {
+//             'data-type': attributes.type,
+//           }
+//         }
+//       },
+//       title: {
+//         default: '',
+//         parseHTML: (element: HTMLElement) => {
+//           return element.getAttribute('data-title') || ''
+//         },
+//         renderHTML: (attributes: any) => {
+//           return {
+//             'data-title': attributes.title,
+//           }
+//         }
+//       },
+//     }
+//   },
+//   addKeyboardShortcuts() {
+//     return {
+//       'Mod-k': () => {
+//         return this.editor.commands.setLink({ href: '' })
+//       }
+//     }
+//   },
+//   // addMarkView() {
+//   //   return ReactMarkViewRenderer(LinkViewWrapper, {
+//   //     as: 'a',
+//   //   })
+//   // }
+// })
+
+// export const LinkExtension = customLink.configure({
+//   autolink: true,
+//   openOnClick: true,
+//   enableClickSelection: true,
+//   linkOnPaste: true,
+//   protocols: ['http', 'https', 'mailto', 'tel'],
+//   defaultProtocol: 'http',
+//   HTMLAttributes: {
+//     rel: null,
+//     target: '_blank',
+//   },
+// })
+
+// export default LinkExtension

package/dist/extension/mark/index.js

@@ -0,0 +1 @@
+// export * from './Link';

package/dist/extension/node/Attachment.d.ts

@@ -0,0 +1,28 @@
+import { Node } from "@tiptap/core";
+import { EditorFnProps } from "../../type";
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        inlineAttachment: {
+            /**
+             * Insert an inline attachment
+             */
+            setInlineAttachment: (options: {
+                url: string;
+                title: string;
+                size: string;
+            }) => ReturnType;
+        };
+        blockAttachment: {
+            /**
+             * Insert a block attachment
+             */
+            setBlockAttachment: (options: {
+                url: string;
+                title: string;
+                size: string;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const InlineAttachmentExtension: (props: EditorFnProps) => Node<any, any>;
+export declare const BlockAttachmentExtension: (props: EditorFnProps) => Node<any, any>;

package/dist/extension/node/Attachment.js

@@ -0,0 +1,227 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { mergeAttributes, Node } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import AttachmentViewWrapper from "../component/Attachment";
+// 内联附件扩展
+export var InlineAttachmentExtension = function InlineAttachmentExtension(props) {
+  return Node.create({
+    name: 'inlineAttachment',
+    group: 'inline',
+    inline: true,
+    atom: true,
+    draggable: true,
+    selectable: true,
+    addOptions: function addOptions() {
+      return {
+        HTMLAttributes: {
+          url: '',
+          title: '',
+          size: '0'
+        }
+      };
+    },
+    addAttributes: function addAttributes() {
+      return {
+        url: {
+          default: this.options.HTMLAttributes.url,
+          parseHTML: function parseHTML(element) {
+            return element.getAttribute('data-url');
+          },
+          renderHTML: function renderHTML(attributes) {
+            return {
+              'data-url': attributes.url
+            };
+          }
+        },
+        title: {
+          default: this.options.HTMLAttributes.title,
+          parseHTML: function parseHTML(element) {
+            return element.getAttribute('data-title');
+          },
+          renderHTML: function renderHTML(attributes) {
+            return {
+              'data-title': attributes.title
+            };
+          }
+        },
+        size: {
+          default: this.options.HTMLAttributes.size,
+          parseHTML: function parseHTML(element) {
+            return element.getAttribute('data-size') || '0';
+          },
+          renderHTML: function renderHTML(attributes) {
+            return {
+              'data-size': attributes.size
+            };
+          }
+        }
+      };
+    },
+    parseHTML: function parseHTML() {
+      return [{
+        tag: 'span[data-tag="attachment"]',
+        getAttrs: function getAttrs(dom) {
+          if (!(dom instanceof HTMLElement)) return false;
+          return {
+            url: dom.getAttribute('data-url') || '',
+            title: dom.getAttribute('data-title') || '',
+            size: dom.getAttribute('data-size') || '0'
+          };
+        }
+      }];
+    },
+    renderHTML: function renderHTML(_ref) {
+      var HTMLAttributes = _ref.HTMLAttributes;
+      return ['span', _objectSpread({
+        'data-tag': 'attachment'
+      }, mergeAttributes(this.options.HTMLAttributes, HTMLAttributes))];
+    },
+    addKeyboardShortcuts: function addKeyboardShortcuts() {
+      var _this = this;
+      return {
+        'Mod-5': function Mod5() {
+          return _this.editor.commands.setInlineAttachment({
+            url: '',
+            title: '',
+            size: '0'
+          });
+        }
+      };
+    },
+    addCommands: function addCommands() {
+      var _this2 = this;
+      return {
+        setInlineAttachment: function setInlineAttachment(options) {
+          return function (_ref2) {
+            var commands = _ref2.commands;
+            return commands.insertContent({
+              type: _this2.name,
+              attrs: {
+                url: options.url || '',
+                title: options.title || '',
+                size: options.size || '0'
+              }
+            });
+          };
+        }
+      };
+    },
+    addNodeView: function addNodeView() {
+      return ReactNodeViewRenderer(function (renderProps) {
+        return AttachmentViewWrapper(_objectSpread(_objectSpread({}, renderProps), {}, {
+          onUpload: props.onUpload,
+          onError: props.onError,
+          attachmentType: 'icon'
+        }));
+      });
+    }
+  });
+};
+
+// 块级附件扩展
+export var BlockAttachmentExtension = function BlockAttachmentExtension(props) {
+  return Node.create({
+    name: 'blockAttachment',
+    group: 'block',
+    atom: true,
+    draggable: true,
+    selectable: true,
+    addOptions: function addOptions() {
+      return {
+        HTMLAttributes: {
+          url: '',
+          title: '',
+          size: '0'
+        }
+      };
+    },
+    addAttributes: function addAttributes() {
+      return {
+        url: {
+          default: this.options.HTMLAttributes.url,
+          parseHTML: function parseHTML(element) {
+            return element.getAttribute('data-url');
+          },
+          renderHTML: function renderHTML(attributes) {
+            return {
+              'data-url': attributes.url
+            };
+          }
+        },
+        title: {
+          default: this.options.HTMLAttributes.title,
+          parseHTML: function parseHTML(element) {
+            return element.getAttribute('data-title');
+          },
+          renderHTML: function renderHTML(attributes) {
+            return {
+              'data-title': attributes.title
+            };
+          }
+        },
+        size: {
+          default: this.options.HTMLAttributes.size,
+          parseHTML: function parseHTML(element) {
+            return element.getAttribute('data-size') || '0';
+          },
+          renderHTML: function renderHTML(attributes) {
+            return {
+              'data-size': attributes.size
+            };
+          }
+        }
+      };
+    },
+    parseHTML: function parseHTML() {
+      return [{
+        tag: 'div[data-tag="attachment"]',
+        getAttrs: function getAttrs(dom) {
+          if (!(dom instanceof HTMLElement)) return false;
+          return {
+            url: dom.getAttribute('data-url') || '',
+            title: dom.getAttribute('data-title') || '',
+            size: dom.getAttribute('data-size') || '0'
+          };
+        }
+      }];
+    },
+    renderHTML: function renderHTML(_ref3) {
+      var HTMLAttributes = _ref3.HTMLAttributes;
+      return ['div', _objectSpread({
+        'data-tag': 'attachment'
+      }, mergeAttributes(this.options.HTMLAttributes, HTMLAttributes))];
+    },
+    addCommands: function addCommands() {
+      var _this3 = this;
+      return {
+        setBlockAttachment: function setBlockAttachment(options) {
+          return function (_ref4) {
+            var commands = _ref4.commands;
+            return commands.insertContent({
+              type: _this3.name,
+              attrs: {
+                url: options.url || '',
+                title: options.title || '',
+                size: options.size || '0'
+              }
+            });
+          };
+        }
+      };
+    },
+    addNodeView: function addNodeView() {
+      return ReactNodeViewRenderer(function (renderProps) {
+        return AttachmentViewWrapper(_objectSpread(_objectSpread({}, renderProps), {}, {
+          onUpload: props.onUpload,
+          onError: props.onError,
+          attachmentType: 'block'
+        }));
+      });
+    }
+  });
+};

package/dist/extension/node/Audio.d.ts

@@ -0,0 +1,23 @@
+import { Node } from '@tiptap/core';
+import { EditorFnProps } from "../../type";
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        audio: {
+            /**
+             * Insert an audio
+             */
+            setAudio: (options: {
+                src: string;
+                title?: string;
+                poster?: string;
+                controls?: boolean;
+                autoplay?: boolean;
+                loop?: boolean;
+                muted?: boolean;
+            }) => ReturnType;
+        };
+    }
+}
+export type AudioExtensionProps = EditorFnProps;
+export declare const AudioExtension: (props: AudioExtensionProps) => Node<any, any>;
+export default AudioExtension;