fix build for now
This commit is contained in:
68
packages/extension-collaboration-cursor/src/index.ts
Normal file
68
packages/extension-collaboration-cursor/src/index.ts
Normal file
@@ -0,0 +1,68 @@
|
||||
import { createExtension, Command } from '@tiptap/core'
|
||||
import { yCursorPlugin } from 'y-prosemirror'
|
||||
|
||||
export interface CollaborationCursorOptions {
|
||||
name: string,
|
||||
color: string,
|
||||
provider: any,
|
||||
render (user: { name: string, color: string }): HTMLElement,
|
||||
}
|
||||
|
||||
const CollaborationCursor = createExtension({
|
||||
defaultOptions: <CollaborationCursorOptions>{
|
||||
provider: null,
|
||||
name: 'Someone',
|
||||
color: '#cccccc',
|
||||
render: user => {
|
||||
const cursor = document.createElement('span')
|
||||
cursor.classList.add('collaboration-cursor__caret')
|
||||
cursor.setAttribute('style', `border-color: ${user.color}`)
|
||||
|
||||
const label = document.createElement('div')
|
||||
label.classList.add('collaboration-cursor__label')
|
||||
label.setAttribute('style', `background-color: ${user.color}`)
|
||||
label.insertBefore(document.createTextNode(user.name), null)
|
||||
cursor.insertBefore(label, null)
|
||||
|
||||
return cursor
|
||||
},
|
||||
},
|
||||
|
||||
addCommands() {
|
||||
return {
|
||||
user: (attributes: {
|
||||
name: string,
|
||||
color: string,
|
||||
}): Command => () => {
|
||||
this.options.provider.awareness.setLocalStateField('user', attributes)
|
||||
|
||||
return true
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
addProseMirrorPlugins() {
|
||||
return [
|
||||
yCursorPlugin((() => {
|
||||
this.options.provider.awareness.setLocalStateField('user', {
|
||||
name: this.options.name,
|
||||
color: this.options.color,
|
||||
})
|
||||
|
||||
return this.options.provider.awareness
|
||||
})(),
|
||||
// @ts-ignore
|
||||
{
|
||||
cursorBuilder: this.options.render,
|
||||
}),
|
||||
]
|
||||
},
|
||||
})
|
||||
|
||||
export default CollaborationCursor
|
||||
|
||||
declare module '@tiptap/core/src/Editor' {
|
||||
interface AllExtensions {
|
||||
CollaborationCursor: typeof CollaborationCursor,
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user