feat(debug): Expose yjs debug function in editor API

Should make it easier to debug sync issues.

Signed-off-by: Jonas <[email protected]>

Author: mejo-

src/components/Editor.vue

@@ -761,6 +761,22 @@ export default {
 			console.debug(editor.getHTML())
 		},
 
+		/**
+		 * Helper method to debug yjs issues
+		 */
+		debugYjs() {
+			const yjsData = {
+				clientId: this.$ydoc.clientID,
+				pendingStructs: this.$ydoc.store.pendingStructs,
+				clientVectors: [],
+				documentState: this.$syncService.getDocumentState(),
+			}
+			for (const client of this.$ydoc.store.clients.values()) {
+				yjsData.clientVectors.push(client.at(-1).id)
+			}
+			console.debug('Yjs data', JSON.stringify(yjsData))
+		},
+
 		outlineToggled(visible) {
 			this.emit('outline-toggled', visible)
 		},

src/editor.js

@@ -132,6 +132,10 @@ class TextEditorEmbed {
 		this.#getEditorComponent().$editor.commands.focus()
 	}
 
+	debugYjs() {
+		this.#getEditorComponent().debugYjs()
+	}
+
 	#registerDebug() {
 		if (window?._oc_debug) {
 			this.vm = this.#vm