WIP: enh: use @nextcloud/y-http provider

package.json

@@ -50,6 +50,7 @@
     "@nextcloud/router": "^3.0.1",
     "@nextcloud/sharing": "^0.2.4",
     "@nextcloud/vue": "^8.27.0",
+    "@nextcloud/y-http": "^0.2.2",
     "@quartzy/markdown-it-mentions": "^0.2.0",
     "@tiptap/core": "^2.22.3",
     "@tiptap/extension-blockquote": "^2.22.3",

src/components/CollisionResolveDialog.vue

@@ -32,7 +32,7 @@
 import {
 	useEditorMixin,
 	useIsRichEditorMixin,
-	useSyncServiceMixin,
+	useConnectionMixin,
 } from './Editor.provider.js'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import setContent from './../mixins/setContent.js'
@@ -41,7 +41,7 @@ export default {
 	components: {
 		NcButton,
 	},
-	mixins: [useEditorMixin, useIsRichEditorMixin, setContent, useSyncServiceMixin],
+	mixins: [useEditorMixin, useIsRichEditorMixin, setContent, useConnectionMixin],
 	props: {
 		syncError: {
 			type: Object,
@@ -56,15 +56,17 @@ export default {
 	methods: {
 		resolveThisVersion() {
 			this.clicked = true
-			this.$syncService.forceSave().then(() => this.$syncService.syncUp())
+			// TODO: implement saving based on connection
+			// this.$syncService.forceSave().then(() => this.$syncService.syncUp())
 			this.$editor.setEditable(!this.readOnly)
 		},
 		resolveServerVersion() {
 			const { outsideChange } = this.syncError.data
 			this.clicked = true
 			this.$editor.setEditable(!this.readOnly)
 			this.setContent(outsideChange, { isRichEditor: this.$isRichEditor })
-			this.$syncService.forceSave().then(() => this.$syncService.syncUp())
+			// TODO: implement saving based on connection
+			// this.$syncService.forceSave().then(() => this.$syncService.syncUp())
 		},
 	},
 }

src/components/Editor.provider.js

@@ -5,14 +5,14 @@
 
 import { logger } from '../helpers/logger.js'
 
+export const ATTACHMENT_RESOLVER = Symbol('attachment:resolver')
 export const EDITOR = Symbol('tiptap:editor')
 export const FILE = Symbol('editor:file')
-export const ATTACHMENT_RESOLVER = Symbol('attachment:resolver')
 export const IS_MOBILE = Symbol('editor:is-mobile')
 export const IS_PUBLIC = Symbol('editor:is-public')
 export const IS_RICH_EDITOR = Symbol('editor:is-rich-editor')
 export const IS_RICH_WORKSPACE = Symbol('editor:is-rich-woskapace')
-export const SYNC_SERVICE = Symbol('sync:service')
+export const CONNECTION = Symbol('connection')
 export const EDITOR_UPLOAD = Symbol('editor:upload')
 export const HOOK_MENTION_SEARCH = Symbol('hook:mention-search')
 export const HOOK_MENTION_INSERT = Symbol('hook:mention-insert')
@@ -23,9 +23,9 @@ export const useEditorMixin = {
 	},
 }
 
-export const useSyncServiceMixin = {
+export const useConnectionMixin = {
 	inject: {
-		$syncService: { from: SYNC_SERVICE, default: null },
+		$connection: { from: CONNECTION, default: null },
 	},
 }