add new collaboration cursor plugin

This commit is contained in:
Hans Pagel
2020-09-26 11:03:17 +02:00
parent 90f127b8a6
commit 6190380e75
4 changed files with 69 additions and 22 deletions

View File

@@ -0,0 +1,27 @@
import { Extension } from '@tiptap/core'
import { yCursorPlugin } from 'y-prosemirror'
export interface CollaborationCursorOptions {
name: string,
color: string,
provider: any,
}
export default new Extension<CollaborationCursorOptions>()
.name('collaboration_cursor')
.defaults({
provider: null,
name: 'Someone',
color: '#cccccc',
})
.plugins(({ options }) => [
yCursorPlugin((() => {
options.provider.awareness.setLocalStateField('user', {
name: options.name,
color: options.color,
})
return options.provider.awareness
})()),
])
.create()

View File

@@ -0,0 +1,22 @@
{
"name": "@tiptap/extension-collaboration-cursor",
"version": "1.0.0",
"source": "index.ts",
"main": "dist/tiptap-extension-collaboration-cursor.js",
"umd:main": "dist/tiptap-extension-collaboration-cursor.umd.js",
"module": "dist/tiptap-extension-collaboration-cursor.mjs",
"unpkg": "dist/tiptap-extension-collaboration-cursor.js",
"jsdelivr": "dist/tiptap-extension-collaboration-cursor.js",
"files": [
"src",
"dist"
],
"peerDependencies": {
"@tiptap/core": "2.x"
},
"dependencies": {
"y-prosemirror": "^0.3.7",
"y-webrtc": "^10.1.6",
"yjs": "^13.3.2"
}
}