feat: custom HOrizontalRule

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matters/matters-editor",
-  "version": "0.2.0-alpha.50",
+  "version": "0.2.0-alpha.51",
   "description": "Editor for matters.news",
   "author": "https://github.com/thematters",
   "homepage": "https://github.com/thematters/matters-editor",

src/editors/extensions/horizontalRule.ts

@@ -0,0 +1,63 @@
+import { mergeAttributes, Node, nodeInputRule } from '@tiptap/core'
+import { TextSelection } from '@tiptap/pm/state'
+
+export interface HorizontalRuleOptions {
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    horizontalRule: {
+      /**
+       * Add a horizontal rule
+       */
+      setHorizontalRule: () => ReturnType
+    }
+  }
+}
+
+export const HorizontalRule = Node.create<HorizontalRuleOptions>({
+  name: 'horizontalRule',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  group: 'block',
+
+  parseHTML() {
+    return [{ tag: 'hr' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['hr', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]
+  },
+
+  addCommands() {
+    return {
+      setHorizontalRule:
+        () =>
+        ({ chain }) => {
+          return chain()
+            .insertContent([
+              { type: this.name },
+              {
+                type: 'paragraph',
+              },
+            ])
+            .run()
+        },
+    }
+  },
+
+  addInputRules() {
+    return [
+      nodeInputRule({
+        find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+        type: this.type,
+      }),
+    ]
+  },
+})

src/editors/extensions/index.ts

@@ -7,7 +7,6 @@ import Gapcursor from '@tiptap/extension-gapcursor'
 import HardBreak from '@tiptap/extension-hard-break'
 import Heading from '@tiptap/extension-heading'
 import History from '@tiptap/extension-history'
-import HorizontalRule from '@tiptap/extension-horizontal-rule'
 import ListItem from '@tiptap/extension-list-item'
 import OrderedList from '@tiptap/extension-ordered-list'
 import Paragraph from '@tiptap/extension-paragraph'
@@ -21,11 +20,13 @@ import { FigureImage } from './figureImage'
 import { Link } from './link'
 import { Mention, MentionSuggestion } from './mention'
 import { Bold } from './bold'
+import { HorizontalRule } from './horizontalRule'
 
 export * from './figureAudio'
 export * from './figureEmbed'
 export * from './figureImage'
 export * from './link'
+export * from './horizontalRule'
 export * from './mention'
 export * from './bold'