refactor: remove dependency for optimized bundle

Author: Arif-un

package.json

@@ -113,10 +113,6 @@
   },
   "dependencies": {
     "@tiptap/core": "^2.5.8",
-    "@tiptap/extension-document": "^2.5.8",
-    "@tiptap/extension-paragraph": "^2.5.8",
-    "@tiptap/extension-placeholder": "^2.5.8",
-    "@tiptap/extension-text": "^2.5.8",
     "@tiptap/react": "^2.5.8"
   }
 }

src/MixInput.tsx

@@ -4,11 +4,11 @@ import React, { type ForwardedRef, forwardRef, useEffect, useImperativeHandle, u
 
 import { editorValueToMixInputValue, mixInputValueToEditorValue } from './utils'
 import { EditorContent, useEditor } from '@tiptap/react'
-import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
+import Document from './extension-document'
+import Paragraph from './extension-paragraph'
+import Text from './extension-text'
 import Placeholder from '@tiptap/extension-placeholder'
-import TagExtension from './TagExtension'
+import Tag from './extension-tag'
 import { type MixInputProps, type MixInputRef, type MixInputValue } from './MixInputType'
 
 const DEFAULT_TAG_ATTRS = {
@@ -49,11 +49,12 @@ const MixInput = forwardRef((props: MixInputProps, ref?: ForwardedRef<MixInputRe
       }),
       Text,
       Placeholder.configure({ placeholder }),
-      TagExtension.configure({
+      Tag.configure({
         tagClassName,
         attrs: { ...DEFAULT_TAG_ATTRS, ...tagAttrs },
         tagView,
       }),
+
     ],
     onUpdate: ({ editor }) => {
       if (disabled) return

src/extension-document.ts

@@ -0,0 +1,11 @@
+import { Node } from '@tiptap/core'
+
+/**
+ * The default document node which represents the top level node of the editor.
+ * @see https://tiptap.dev/api/nodes/document
+ */
+export default Node.create({
+  name: 'doc',
+  topNode: true,
+  content: 'block+',
+})

src/extension-paragraph.ts

@@ -0,0 +1,66 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+
+export interface ParagraphOptions {
+  /**
+   * The HTML attributes for a paragraph node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>,
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    paragraph: {
+      /**
+       * Toggle a paragraph
+       * @example editor.commands.toggleParagraph()
+       */
+      setParagraph: () => ReturnType,
+    }
+  }
+}
+
+/**
+ * This extension allows you to create paragraphs.
+ * @see https://www.tiptap.dev/api/nodes/paragraph
+ */
+export default Node.create<ParagraphOptions>({
+  name: 'paragraph',
+
+  priority: 1000,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  group: 'block',
+
+  content: 'inline*',
+
+  parseHTML() {
+    return [
+      { tag: 'p' },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['p', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  addCommands() {
+    return {
+      setParagraph: () => ({ commands }) => {
+        return commands.setNode(this.name)
+      },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Alt-0': () => this.editor.commands.setParagraph(),
+    }
+  },
+})

src/TagExtension.ts renamed to src/extension-tag.ts

@@ -0,0 +1,10 @@
+import { Node } from '@tiptap/core'
+
+/**
+ * This extension allows you to create text nodes.
+ * @see https://www.tiptap.dev/api/nodes/text
+ */
+export  default Node.create({
+  name: 'text',
+  group: 'inline',
+})