From 0597e474af633ddcf333c7b99bb3faecc31410aa Mon Sep 17 00:00:00 2001
From: Dominik Biedebach <dominik@bdbch.com>
Date: Fri, 20 May 2022 17:10:30 +0200
Subject: [PATCH] style: move node text content into helper function

---
 demos/src/Nodes/Mention/React/index.jsx       | 19 +++++++++----------
 demos/src/Nodes/Mention/Vue/index.vue         |  8 ++------
 packages/core/src/InputRule.ts                | 16 +++-------------
 .../src/helpers/getTextContentFromNodes.ts    | 17 +++++++++++++++++
 4 files changed, 31 insertions(+), 29 deletions(-)
 create mode 100644 packages/core/src/helpers/getTextContentFromNodes.ts

diff --git a/demos/src/Nodes/Mention/React/index.jsx b/demos/src/Nodes/Mention/React/index.jsx
index adbd62a9..037a4a4d 100644
--- a/demos/src/Nodes/Mention/React/index.jsx
+++ b/demos/src/Nodes/Mention/React/index.jsx
@@ -1,18 +1,17 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
-import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import Mention from '@tiptap/extension-mention'
-import suggestion from './suggestion'
 import './styles.scss'
 
+import React from 'react'
+
+import Mention from '@tiptap/extension-mention'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+
+import suggestion from './suggestion'
+
 export default () => {
   const editor = useEditor({
     extensions: [
-      Document,
-      Paragraph,
-      Text,
+      StarterKit,
       Mention.configure({
         HTMLAttributes: {
           class: 'mention',
diff --git a/demos/src/Nodes/Mention/Vue/index.vue b/demos/src/Nodes/Mention/Vue/index.vue
index 2862e517..ac82c9e0 100644
--- a/demos/src/Nodes/Mention/Vue/index.vue
+++ b/demos/src/Nodes/Mention/Vue/index.vue
@@ -6,9 +6,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-3'
-import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
+import StarterKit from '@tiptap/starter-kit'
 import Mention from '@tiptap/extension-mention'
 import suggestion from './suggestion'
 
@@ -26,9 +24,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document,
-        Paragraph,
-        Text,
+        StarterKit,
         Mention.configure({
           HTMLAttributes: {
             class: 'mention',
diff --git a/packages/core/src/InputRule.ts b/packages/core/src/InputRule.ts
index 0e8caf9a..0a6b85b1 100644
--- a/packages/core/src/InputRule.ts
+++ b/packages/core/src/InputRule.ts
@@ -3,6 +3,7 @@ import { EditorState, Plugin, TextSelection } from 'prosemirror-state'
 import { CommandManager } from './CommandManager'
 import { Editor } from './Editor'
 import { createChainableState } from './helpers/createChainableState'
+import { getTextContentFromNodes } from './helpers/getTextContentFromNodes'
 import {
   CanCommands,
   ChainedCommands,
@@ -115,26 +116,15 @@ function run(config: {
   }
 
   let matched = false
-  const maxMatch = 500
 
-  let textBefore = ''
-
-  $from.parent.nodesBetween(
-    Math.max(0, $from.parentOffset - maxMatch),
-    $from.parentOffset,
-    (node, pos, parent, index) => {
-      textBefore += node.type.spec.toText?.({
-        node, pos, parent, index,
-      }) || node.textContent || '%leaf%'
-    },
-  )
+  const textBefore = getTextContentFromNodes($from) + text
 
   rules.forEach(rule => {
     if (matched) {
       return
     }
 
-    const match = inputRuleMatcherHandler(textBefore + text, rule.find)
+    const match = inputRuleMatcherHandler(textBefore, rule.find)
 
     if (!match) {
       return
diff --git a/packages/core/src/helpers/getTextContentFromNodes.ts b/packages/core/src/helpers/getTextContentFromNodes.ts
new file mode 100644
index 00000000..03e94cee
--- /dev/null
+++ b/packages/core/src/helpers/getTextContentFromNodes.ts
@@ -0,0 +1,17 @@
+import { ResolvedPos } from 'prosemirror-model'
+
+export const getTextContentFromNodes = ($from: ResolvedPos<any>, maxMatch = 500) => {
+  let textBefore = ''
+
+  $from.parent.nodesBetween(
+    Math.max(0, $from.parentOffset - maxMatch),
+    $from.parentOffset,
+    (node, pos, parent, index) => {
+      textBefore += node.type.spec.toText?.({
+        node, pos, parent, index,
+      }) || node.textContent || '%leaf%'
+    },
+  )
+
+  return textBefore
+}