chore: migrate to new versions of prosemirror packages (#2854)

* refactor: upgrade prosemirror packages to new typescript versions

* refactor: migrate to new typings from prosemirror

* style: fix linting issues

* style: fix linting issues

* style: fix linting issues

* fix(ci): fix build process by reimplement filterTransaction

* fix(extension-test): fix broken build because of wrong output file names

* fix: fix prosemirror-tables not being bundled correctly for ES6

* fix: move to prosemirror-tables-contently until es6 build is working

* fix: fix tests for youtube

* fix: fix youtube test

* fix(demos): fix demos build

demos/includeDependencies.txt

@@ -10,15 +10,15 @@ prosemirror-keymap
 prosemirror-model
 prosemirror-schema-list
 prosemirror-state
-prosemirror-tables
+prosemirror-tables-contently
 prosemirror-transform
 prosemirror-view
+react
+react-dom
+react-dom/client
 shiki
 simplify-js
 tippy.js
 uuid
 y-webrtc
 yjs
-react
-react-dom
-react-dom/client

demos/package.json

@@ -16,6 +16,7 @@
     "simplify-js": "^1.2.4",
     "y-webrtc": "^10.2.2",
     "yjs": "^13.5.26",
+    "y-prosemirror": "1.0.20",
     "lowlight": "^1.20.0"
   },
   "devDependencies": {

demos/src/Examples/CollaborativeEditing/React/index.spec.js

@@ -4,7 +4,7 @@ context('/src/Examples/CollaborativeEditing/React/', () => {
   })
 
   it('should show the current room with participants', () => {
-    cy.wait(3000)
+    cy.wait(6000)
     cy.get('.editor__status')
       .should('contain', 'rooms.')
       .should('contain', 'users online')
@@ -14,7 +14,7 @@ context('/src/Examples/CollaborativeEditing/React/', () => {
     cy.window().then(win => {
       cy.stub(win, 'prompt').returns('John Doe')
       cy.get('.editor__name > button').click()
-      cy.wait(3000)
+      cy.wait(6000)
       cy.get('.editor__name').should('contain', 'John Doe')
     })
 

demos/src/Examples/CollaborativeEditing/Vue/index.spec.js

@@ -4,7 +4,7 @@ context('/src/Examples/CollaborativeEditing/Vue/', () => {
   })
 
   it('should show the current room with participants', () => {
-    cy.wait(3000)
+    cy.wait(6000)
     cy.get('.editor__status')
       .should('contain', 'rooms.')
       .should('contain', 'users online')
@@ -14,7 +14,7 @@ context('/src/Examples/CollaborativeEditing/Vue/', () => {
     cy.window().then(win => {
       cy.stub(win, 'prompt').returns('John Doe')
       cy.get('.editor__name > button').click()
-      cy.wait(3000)
+      cy.wait(6000)
       cy.get('.editor__name').should('contain', 'John Doe')
     })
   })

demos/src/Experiments/GlobalDragHandle/Vue/DragHandle.js

@@ -1,6 +1,6 @@
 import { Extension } from '@tiptap/core'
 import { NodeSelection, Plugin } from 'prosemirror-state'
-import { serializeForClipboard } from 'prosemirror-view/src/clipboard'
+import { __serializeForClipboard as serializeForClipboard } from 'prosemirror-view'
 
 function removeNode(node) {
   node.parentNode.removeChild(node)

demos/src/Experiments/Youtube/React/index.jsx

@@ -43,7 +43,9 @@ export default () => {
   const editor = useEditor({
     extensions: [
       StarterKit,
-      Youtube,
+      Youtube.configure({
+        controls: false,
+      }),
     ],
     content: `
       <p>Tiptap now supports youtube embeds! Awesome!</p>

demos/src/Experiments/Youtube/Vue/index.vue

@@ -43,7 +43,9 @@ export default {
     this.editor = new Editor({
       extensions: [
         StarterKit,
-        Youtube,
+        Youtube.configure({
+          controls: false,
+        }),
       ],
       content: `
         <p>Tiptap now supports youtube embeds! Awesome!</p>