refactor collaboration extension

packages/extension-collaboration/index.ts

@@ -0,0 +1,45 @@
+import { Extension } from '@tiptap/core'
+import * as Y from 'yjs'
+import {
+  redo, undo, yCursorPlugin, ySyncPlugin, yUndoPlugin,
+} from 'y-prosemirror'
+import { WebrtcProvider } from 'y-webrtc'
+import { keymap } from 'prosemirror-keymap'
+
+export interface CollaborationOptions {
+  name: string,
+  color: string,
+  provider?: any,
+  type?: any,
+}
+
+const ydoc = new Y.Doc()
+const provider = new WebrtcProvider('example', ydoc)
+const type = ydoc.getXmlFragment('prosemirror')
+
+export default new Extension<CollaborationOptions>()
+  .name('collaboration')
+  .defaults({
+    name: 'Someone',
+    color: '#cccccc',
+    provider: null,
+    type: null,
+  })
+  .plugins(({ options }) => [
+    // Collaboration
+    ySyncPlugin(type),
+    yUndoPlugin(),
+    keymap({
+      'Mod-z': undo,
+      'Mod-y': redo,
+      'Mod-Shift-z': redo,
+    }),
+
+    // CollaborationCursor
+    yCursorPlugin((() => {
+      provider.awareness.setLocalStateField('user', { name: options.name, color: options.color })
+
+      return provider.awareness
+    })()),
+  ])
+  .create()

packages/extension-collaboration/package.json

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