add extension class

packages/tiptap-core/index.ts

@@ -1,3 +1,5 @@
 import { Editor } from './src/Editor'
 
 export default Editor
+export { default as Extension } from './src/Extension'
+export { default as Node } from './src/Node'

packages/tiptap-core/src/Editor.ts

@@ -12,9 +12,11 @@ import insertText from './commands/insertText'
 import insertHTML from './commands/insertHTML'
 import focus from './commands/focus'
 
+type EditorContent = string | JSON
+
 interface EditorOptions {
   element: Node
-  content: string
+  content: EditorContent
 }
 
 export class Editor {
@@ -84,7 +86,7 @@ export class Editor {
     return this[name](...args)
   }
 
-  private createDocument(content: any): any {
+  private createDocument(content: EditorContent): any {
     // if (content === null) {
     //   return this.schema.nodeFromJSON(this.options.emptyDocument)
     // }

packages/tiptap-core/src/Extension.ts

@@ -0,0 +1,52 @@
+import { Editor } from './Editor'
+
+export default class Extension {
+
+  editor: any
+  options: { [key: string]: any } = {}
+  defaultOptions: { [key: string]: any } = {}
+
+  constructor(options = {}) {
+    this.options = {
+      ...this.defaultOptions,
+      ...options,
+    }
+  }
+
+  init(): any {
+    return null
+  }
+
+  bindEditor(editor: Editor): void {
+    this.editor = editor
+  }
+
+  get name(): any {
+    return null
+  }
+
+  get type(): any {
+    return 'extension'
+  }
+
+  get update(): any {
+    return () => {}
+  }
+
+  get plugins(): any {
+    return []
+  }
+
+  inputRules(): any {
+    return []
+  }
+
+  pasteRules(): any {
+    return []
+  }
+
+  keys(): any {
+    return {}
+  }
+
+}

packages/tiptap-core/src/Node.ts

@@ -0,0 +1,27 @@
+import Extension from './Extension'
+
+export default class Node extends Extension {
+
+  constructor(options = {}) {
+    super(options)
+  }
+
+  // protected type = 'node'
+
+  get type() {
+    return 'node'
+  }
+
+  get view(): any {
+    return null
+  }
+
+  get schema(): any {
+    return null
+  }
+
+  command() {
+    return () => {}
+  }
+
+}

packages/tiptap-core/src/commands/focus.ts

@@ -5,7 +5,7 @@ import minMax from '../utils/minMax'
 
 declare module '../Editor' {
   interface Editor {
-    focus(position: any): Editor
+    focus(position: Position): Editor
   }
 }
 

packages/tiptap-document-extension/index.ts

@@ -0,0 +1,23 @@
+import { Node } from '@tiptap/core'
+
+export default class Document extends Node {
+
+  // get name() {
+  //   return 'document'
+  // }
+
+  // get schema() {
+  //   return {
+  //     content: 'block+',
+  //   }
+  // }
+
+  // type = 'nope'
+
+  name = 'document'
+
+  schema = {
+    content: 'block+',
+  }
+
+}

src/templates/Post.vue

@@ -41,10 +41,24 @@ export default {
       //   console.log(html)
       //   next()
       // })
-      .focus('start')
+      // .registerCommand('insertHello', async (next, editor) => {
-      .insertText('<p>start</p>')
+      //   await editor.insertHTML('<strong>HELLO</strong>')
-      .focus('end')
+      //   next()
-      .insertHTML('<p>end</p>')
+      // })
+      // .registerCommand('insertHello', (next, editor) => {
+      //   editor
+      //     .focus('start')
+      //     .insertHTML('<strong>HELLO</strong>')
+      //   next()
+      // })
+      // .focus('start')
+      // .insertHello()
+      // .insertText('eins')
+      // .insertText('zwei')
+      // .insertText('drei')
+      // .insertHello()
+      // .focus('end')
+      // .insertHTML('<p>end</p>')
   }
 }
 </script>