diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md index 5352df5c..651e0e2f 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.md +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -18,7 +18,8 @@ Steps to reproduce the behavior: 4. See error message Create a new Codesandbox replicating your error -https://codesandbox.io/s/tiptap-issue-template-b83rr?file=/src/components/Tiptap.vue +https://codesandbox.io/s/tiptap-issue-template-b83rr?file=/src/components/Tiptap.vue (Vue) +https://codesandbox.io/s/tiptap-react-08yxr (React) **What behavior did you expect?** A clear and concise description of what you expected to happen. diff --git a/docs/package.json b/docs/package.json index a974ef04..5cba929b 100644 --- a/docs/package.json +++ b/docs/package.json @@ -33,7 +33,7 @@ "y-prosemirror": "^1.0.7", "y-webrtc": "^10.1.7", "y-websocket": "^1.3.11", - "yjs": "^13.5.3" + "yjs": "^13.5.4" }, "devDependencies": { "@babel/plugin-proposal-class-properties": "^7.13.0", diff --git a/docs/src/demos/Examples/CollaborativeEditing/index.vue b/docs/src/demos/Examples/CollaborativeEditing/index.vue index e0198cfa..ef1fd0f8 100644 --- a/docs/src/demos/Examples/CollaborativeEditing/index.vue +++ b/docs/src/demos/Examples/CollaborativeEditing/index.vue @@ -30,13 +30,9 @@ import TaskItem from '@tiptap/extension-task-item' import Highlight from '@tiptap/extension-highlight' import * as Y from 'yjs' import { WebsocketProvider } from 'y-websocket' -// import { IndexeddbPersistence } from 'y-indexeddb' +import { IndexeddbPersistence } from 'y-indexeddb' import MenuBar from './MenuBar.vue' -const CustomTaskItem = TaskItem.extend({ - content: 'paragraph', -}) - const getRandomElement = list => { return list[Math.floor(Math.random() * list.length)] } @@ -70,14 +66,17 @@ export default { window.ydoc = ydoc - // this.indexdb = new IndexeddbPersistence('tiptap-collaboration-example', ydoc) + this.indexdb = new IndexeddbPersistence('tiptap-collaboration-example', ydoc) this.editor = new Editor({ extensions: [ ...defaultExtensions().filter(extension => extension.config.name !== 'history'), Highlight, TaskList, - CustomTaskItem, + TaskItem, + Collaboration.configure({ + document: ydoc, + }), CollaborationCursor.configure({ provider: this.provider, user: this.currentUser, @@ -85,9 +84,6 @@ export default { this.users = users }, }), - Collaboration.configure({ - document: ydoc, - }), ], }) @@ -327,7 +323,7 @@ export default { display: flex; align-items: center; - > input { + > label { flex: 0 0 auto; margin-right: 0.5rem; } diff --git a/docs/src/demos/Examples/Tasks/index.vue b/docs/src/demos/Examples/Tasks/index.vue index e0b33508..dad4df4e 100644 --- a/docs/src/demos/Examples/Tasks/index.vue +++ b/docs/src/demos/Examples/Tasks/index.vue @@ -69,7 +69,7 @@ ul[data-type="taskList"] { display: flex; align-items: center; - > input { + > label { flex: 0 0 auto; margin-right: 0.5rem; } diff --git a/docs/src/demos/Experiments/GlobalDragHandle/index.vue b/docs/src/demos/Experiments/GlobalDragHandle/index.vue index 7dd493fe..af34c427 100644 --- a/docs/src/demos/Experiments/GlobalDragHandle/index.vue +++ b/docs/src/demos/Experiments/GlobalDragHandle/index.vue @@ -5,7 +5,8 @@