1 files changed, 68 insertions, 0 deletions
diff --git a/apps/comments/src/mixins/CommentView.ts b/apps/comments/src/mixins/CommentView.ts
new file mode 100644
index 00000000000..9cd14904875
--- /dev/null
+++ b/apps/comments/src/mixins/CommentView.ts
@@ -0,0 +1,68 @@
+import axios from '@nextcloud/axios'
+import { getCurrentUser } from '@nextcloud/auth'
+import { loadState } from '@nextcloud/initial-state'
+import { generateOcsUrl } from '@nextcloud/router'
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+	props: {
+		ressourceId: {
+			type: Number,
+			required: true,
+		},
+	},
+	data() {
+		return {
+			editorData: {
+				actorDisplayName: getCurrentUser()!.displayName as string,
+				actorId: getCurrentUser()!.uid as string,
+				key: 'editor',
+			},
+			userData: {},
+		}
+	},
+	methods: {
+		/**
+		 * Autocomplete @mentions
+		 *
+		 * @param {string} search the query
+		 * @param {Function} callback the callback to process the results with
+		 */
+		async autoComplete(search, callback) {
+			const { data } = await axios.get(generateOcsUrl('core/autocomplete/get'), {
+				params: {
+					search,
+					itemType: 'files',
+					itemId: this.ressourceId,
+					sorter: 'commenters|share-recipients',
+					limit: loadState('comments', 'maxAutoCompleteResults'),
+				},
+			})
+			// Save user data so it can be used by the editor to replace mentions
+			data.ocs.data.forEach(user => { this.userData[user.id] = user })
+			return callback(Object.values(this.userData))
+		},
+
+		/**
+		 * Make sure we have all mentions as Array of objects
+		 *
+		 * @param mentions the mentions list
+		 */
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		genMentionsData(mentions: any[]): Record<string, object> {
+			Object.values(mentions)
+				.flat()
+				.forEach(mention => {
+					this.userData[mention.mentionId] = {
+						// TODO: support groups
+						icon: 'icon-user',
+						id: mention.mentionId,
+						label: mention.mentionDisplayName,
+						source: 'users',
+						primary: getCurrentUser()?.uid === mention.mentionId,
+					}
+				})
+			return this.userData
+		},
+	},
+})