Merge pull request #3895 from ueberdosis/feature/ttCollabProvider

Updates @hocuspocus/provider, moves demo to TiptapCollab

demos/package.json

@@ -9,7 +9,7 @@
     "ts": "tsc --project tsconfig.base.json --noEmit && tsc --project tsconfig.react.json --noEmit && tsc --project tsconfig.vue-2.json --noEmit && tsc --project tsconfig.vue-3.json --noEmit"
   },
   "dependencies": {
-    "@hocuspocus/provider": "^1.0.0-alpha.29",
+    "@hocuspocus/provider": "^1.1.3",
     "d3": "^7.3.0",
     "fast-glob": "^3.2.11",
     "highlight.js": "^11.6.0",

demos/src/Examples/CollaborativeEditing/React/index.jsx

@@ -1,6 +1,6 @@
 import './styles.scss'
 
-import { HocuspocusProvider } from '@hocuspocus/provider'
+import { TiptapCollabProvider } from '@hocuspocus/provider'
 import CharacterCount from '@tiptap/extension-character-count'
 import Collaboration from '@tiptap/extension-collaboration'
 import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
@@ -60,11 +60,8 @@ const getRandomName = () => getRandomElement(names)
 const room = getRandomRoom()
 
 const ydoc = new Y.Doc()
-const websocketProvider = new HocuspocusProvider({
-  url: 'wss://connect.hocuspocus.cloud',
-  parameters: {
-    key: 'write_bqgvQ3Zwl34V4Nxt43zR',
-  },
+const websocketProvider = new TiptapCollabProvider({
+  appId: '7j9y6m10',
   name: room,
   document: ydoc,
 })

demos/src/Examples/CollaborativeEditing/Vue/index.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import { HocuspocusProvider } from '@hocuspocus/provider'
+import { TiptapCollabProvider } from '@hocuspocus/provider'
 import CharacterCount from '@tiptap/extension-character-count'
 import Collaboration from '@tiptap/extension-collaboration'
 import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
@@ -67,11 +67,8 @@ export default {
   mounted() {
     const ydoc = new Y.Doc()
 
-    this.provider = new HocuspocusProvider({
-      url: 'wss://connect.hocuspocus.cloud',
-      parameters: {
-        key: 'write_bqgvQ3Zwl34V4Nxt43zR',
-      },
+    this.provider = new TiptapCollabProvider({
+      appId: '7j9y6m10',
       name: this.room,
       document: ydoc,
     })