Link picker

cypress/e2e/nodes/Mentions.spec.js

@@ -50,7 +50,7 @@ describe('Test mentioning users', () => {
 
 		return cy.wait(`@${requestAlias}`)
 			.then(() => {
-				cy.get('.tippy-box .items').children().should(($children) => {
+				cy.get('.tippy-box .suggestion-list').children().should(($children) => {
 					const users = $children.map((i, el) => el.innerText).get()
 					expect(users.length).to.be.greaterThan(0)
 					expect(mention).to.be.oneOf(users)
@@ -78,7 +78,7 @@ describe('Test mentioning users', () => {
 
 		return cy.wait(`@${autocompleteReauestAlias}`)
 			.then(() => {
-				cy.get('.tippy-box .items').contains(mention).click()
+				cy.get('.tippy-box .suggestion-list').contains(mention).click()
 				cy.get('span.mention').contains(mention).should('be.visible')
 			})
 	})

js/editor.js.LICENSE.txt

@@ -181,6 +181,27 @@
  *
 */
 
+/*
+ * @copyright Copyright (c) 2022 Julius Härtl <[email protected]>
+ *
+ * @author Julius Härtl <[email protected]>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
 /*
  * @copyright Copyright (c) 2022 Max <[email protected]>
  *
@@ -269,6 +290,27 @@
  *
  */
 
+/*
+* @copyright Copyright (c) 2022 Julius Härtl <[email protected]>
+*
+* @author Julius Härtl <[email protected]>
+*
+* @license GNU AGPL version 3 or any later version
+*
+* This program is free software: you can redistribute it and/or modify
+* it under the terms of the GNU Affero General Public License as
+* published by the Free Software Foundation, either version 3 of the
+* License, or (at your option) any later version.
+*
+* This program is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+* GNU Affero General Public License for more details.
+*
+* You should have received a copy of the GNU Affero General Public License
+* along with this program. If not, see <http://www.gnu.org/licenses/>.
+*/
+
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
 /**

js/vendors.js.LICENSE.txt

@@ -42,6 +42,8 @@
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 
+/*! For license information please see NcHighlight.js.LICENSE.txt */
+
 /*! For license information please see index.module.js.LICENSE.txt */
 
 /*! Hammer.JS - v2.0.7 - 2016-04-22

package.json

@@ -46,7 +46,7 @@
     "@nextcloud/moment": "^1.2.1",
     "@nextcloud/router": "^2.0.1",
     "@nextcloud/vue": "^7.5.0",
-    "@nextcloud/vue-richtext": "^2.0.4",
+    "@nextcloud/vue-richtext": "^2.1.0-beta.1",
     "@quartzy/markdown-it-mentions": "^0.2.0",
     "@tiptap/core": "^2.0.0-beta.209",
     "@tiptap/extension-blockquote": "^2.0.0-beta.209",

src/EditorFactory.js

@@ -26,17 +26,14 @@ import Placeholder from '@tiptap/extension-placeholder'
 /* eslint-enable import/no-named-as-default */
 
 import TrailingNode from './nodes/TrailingNode.js'
-import EmojiListWrapper from './components/EmojiListWrapper.vue'
 import EditableTable from './nodes/EditableTable.js'
-import MentionSuggestion from './components/Mention/suggestion.js'
+import MentionSuggestion from './components/Suggestion/Mention/suggestions.js'
+import EmojiSuggestion from './components/Suggestion/Emoji/suggestions.js'
 
-import tippy from 'tippy.js'
 import 'proxy-polyfill'
 
 import { Editor } from '@tiptap/core'
-import { VueRenderer } from '@tiptap/vue-2'
 import { translate as t } from '@nextcloud/l10n'
-import { emojiSearch } from '@nextcloud/vue'
 import { lowlight } from 'lowlight/lib/core.js'
 import hljs from 'highlight.js'
 
@@ -79,55 +76,7 @@ const createEditor = ({ content, onCreate, onUpdate, extensions, enableRichEditi
 				],
 			}),
 			Emoji.configure({
-				suggestion: {
-					items: ({ query }) => {
-						return emojiSearch(query)
-					},
-					render: () => {
-						let component
-						let popup
-
-						return {
-							onStart: props => {
-								component = new VueRenderer(EmojiListWrapper, {
-									parent: this,
-									propsData: props,
-								})
-
-								popup = tippy('body', {
-									getReferenceClientRect: props.clientRect,
-									appendTo: () => document.body,
-									content: component.element,
-									showOnCreate: true,
-									interactive: true,
-									trigger: 'manual',
-									placement: 'bottom-start',
-								})
-							},
-
-							onUpdate(props) {
-								component.updateProps(props)
-								popup[0].setProps({
-									getReferenceClientRect: props.clientRect,
-								})
-							},
-
-							onKeyDown(props) {
-								if (props.event.key === 'Escape') {
-									component.destroy()
-									popup[0].destroy()
-									return true
-								}
-								return component.ref?.onKeyDown(props)
-							},
-
-							onExit() {
-								popup[0].destroy()
-								component.destroy()
-							},
-						}
-					},
-				},
+				suggestion: EmojiSuggestion(),
 			}),
 			Placeholder.configure({
 				emptyNodeClass: 'is-empty',