add setSelection method

examples/Components/Routes/Links/index.vue

@@ -105,7 +105,6 @@ export default {
     setLinkUrl(command, url) {
       command({ href: url })
       this.hideLinkMenu()
-      this.editor.focus()
     },
   },
 }

packages/tiptap/src/Editor.js

@@ -18,6 +18,7 @@ import {
   Emitter,
   ExtensionManager,
   ComponentView,
+  minMax,
 } from './Utils'
 import { Doc, Paragraph, Text } from './Nodes'
 import css from './style.css'
@@ -358,30 +359,51 @@ export default class Editor extends Emitter {
     })
   }
 
+  resolveSelection(position = null) {
+    if (this.selection && position === null) {
+      return this.selection
+    }
+
+    if (position === 'start') {
+      return {
+        from: 0,
+        to: 0,
+      }
+    }
+
+    if (position === 'end') {
+      const { doc } = this.state
+      return {
+        from: doc.content.size,
+        to: doc.content.size,
+      }
+    }
+
+    return {
+      from: position,
+      to: position,
+    }
+  }
+
   focus(position = null) {
     if ((this.view.focused && position === null) || position === false) {
       return
     }
 
-    let pos = position
+    const { from, to } = this.resolveSelection(position)
 
-    if (this.selection && position === null) {
+    this.setSelection(from, to)
-      pos = this.selection.from
+    setTimeout(() => this.view.focus(), 10)
-    } else if (position === 'start') {
-      pos = 0
-    } else if (position === 'end') {
-      pos = this.state.doc.nodeSize - 2
   }
 
-    // selection should be inside of the document range
+  setSelection(from = 0, to = 0) {
-    pos = Math.max(0, pos)
+    const { doc, tr } = this.state
-    pos = Math.min(this.state.doc.content.size, pos)
+    const resolvedFrom = minMax(from, 0, doc.content.size)
+    const resolvedEnd = minMax(to, 0, doc.content.size)
+    const selection = TextSelection.create(doc, resolvedFrom, resolvedEnd)
+    const transaction = tr.setSelection(selection)
 
-    const selection = TextSelection.near(this.state.doc.resolve(pos))
-    const transaction = this.state.tr.setSelection(selection)
     this.view.dispatch(transaction)
-
-    setTimeout(() => this.view.focus(), 10)
   }
 
   blur() {

packages/tiptap/src/Utils/index.js

@@ -5,4 +5,5 @@ export { default as Extension } from './Extension'
 export { default as ExtensionManager } from './ExtensionManager'
 export { default as injectCSS } from './injectCSS'
 export { default as Mark } from './Mark'
+export { default as minMax } from './minMax'
 export { default as Node } from './Node'

packages/tiptap/src/Utils/minMax.js

@@ -0,0 +1,3 @@
+export default function minMax(value = 0, min = 0, max = 0) {
+  return Math.min(Math.max(parseInt(value, 10), min), max)
+}