2020-11-16 06:25:25 +08:00
|
|
|
import { Extension } from '@tiptap/core'
|
2020-09-26 05:22:21 +08:00
|
|
|
import {
|
2020-11-25 16:50:54 +08:00
|
|
|
redo,
|
|
|
|
undo,
|
|
|
|
ySyncPlugin,
|
|
|
|
yUndoPlugin,
|
2020-09-26 05:22:21 +08:00
|
|
|
} from 'y-prosemirror'
|
2020-09-26 05:55:34 +08:00
|
|
|
|
2020-09-26 16:43:08 +08:00
|
|
|
export interface CollaborationOptions {
|
2020-11-30 20:35:49 +08:00
|
|
|
provider: any,
|
2020-09-26 05:55:34 +08:00
|
|
|
}
|
2020-09-26 05:22:21 +08:00
|
|
|
|
2020-11-16 06:25:25 +08:00
|
|
|
const Collaboration = Extension.create({
|
2020-10-22 18:34:49 +08:00
|
|
|
defaultOptions: <CollaborationOptions>{
|
2020-11-30 20:35:49 +08:00
|
|
|
provider: null,
|
2020-10-22 18:34:49 +08:00
|
|
|
},
|
|
|
|
|
|
|
|
addProseMirrorPlugins() {
|
|
|
|
return [
|
2020-11-30 20:35:49 +08:00
|
|
|
ySyncPlugin(
|
|
|
|
this.options.provider.doc.getXmlFragment('prosemirror'),
|
|
|
|
),
|
2020-10-22 18:34:49 +08:00
|
|
|
yUndoPlugin(),
|
|
|
|
]
|
|
|
|
},
|
|
|
|
|
|
|
|
addKeyboardShortcuts() {
|
2020-09-26 17:28:48 +08:00
|
|
|
return {
|
2020-12-01 21:55:11 +08:00
|
|
|
'Mod-z': () => undo(this.editor.state),
|
|
|
|
'Mod-y': () => redo(this.editor.state),
|
|
|
|
'Mod-Shift-z': () => redo(this.editor.state),
|
2020-09-26 17:28:48 +08:00
|
|
|
}
|
2020-10-22 18:34:49 +08:00
|
|
|
},
|
2020-11-30 20:50:06 +08:00
|
|
|
|
|
|
|
onDestroy() {
|
|
|
|
this.options.provider?.destroy()
|
|
|
|
},
|
2020-10-22 18:34:49 +08:00
|
|
|
})
|
2020-10-23 04:40:40 +08:00
|
|
|
|
|
|
|
export default Collaboration
|
|
|
|
|
2020-11-11 04:18:22 +08:00
|
|
|
declare module '@tiptap/core' {
|
2020-10-23 04:40:40 +08:00
|
|
|
interface AllExtensions {
|
|
|
|
Collaboration: typeof Collaboration,
|
|
|
|
}
|
|
|
|
}
|