Check before sending a request

Signed-off-by: Julius Härtl <jus@bitgrid.net>

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nextcloud/vue-richtext",
-	"version": "2.0.0-dev.1",
+	"version": "2.0.0-dev.2",
 	"description": "Vue component for rich content strings including markdown support.",
 	"keywords": [
 		"vuejs",

src/ReferenceList.vue

@@ -10,6 +10,8 @@ import ReferenceWidget from './ReferenceWidget.vue'
 import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
 import { isWidgetRegistered } from './widgets.js'
+import { URL_PATTERN } from './helpers.js'
+
 export default {
 	name: 'ReferenceList',
 	components: { ReferenceWidget },
@@ -24,7 +26,7 @@ export default {
 		},
 		limit: {
 			type: Number,
-			default: 5
+			default: 1
 		}
 	},
 	data() {
@@ -34,11 +36,14 @@ export default {
 		}
 	},
 	computed: {
+		values() {
+			return this.references ? Object.values(this.references) : []
+		},
 		firstReference() {
-			return this.references ? Object.values(this.references)[0] : null
+			return this.values[0] ?? null
 		},
 		displayedReferences() {
-			return this.references ? Object.values(this.references).slice(0, this.limit) : null
+			return this.values.slice(0, this.limit)
 		},
 		hasCustomWidget() {
 			return (reference) => isWidgetRegistered(reference.richObjectType)
@@ -62,6 +67,11 @@ export default {
 				return
 			}
 
+			if (!URL_PATTERN.exec(this.text)) {
+				this.loading = false
+				return
+			}
+
 			axios.post(generateOcsUrl('references/extract', 2), {
 				text: this.text,
 				resolve: true,

src/autolink.js

@@ -1,5 +1,6 @@
 import { visit, SKIP } from 'unist-util-visit'
 import { u } from 'unist-builder'
+import { URL_PATTERN_AUTOLINK } from './helpers.js'
 
 const Link = {
 	name: 'Link',
@@ -47,9 +48,8 @@ export const remarkAutolink = function({ autolink, useMarkdown }) {
 	}
 }
 
-const urlRegex = /(\s|\(|^)((https?:\/\/)((?:[-A-Z0-9+_]+\.)+[-A-Z]+(?::[0-9]+)?(?:\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*))(?=\s|\)|$)/ig
 export const parseUrl = (text, linkComponent) => {
-	let match = urlRegex.exec(text)
+	let match = URL_PATTERN_AUTOLINK.exec(text)
 	const list = []
 	let start = 0
 	while (match !== null) {
@@ -71,7 +71,7 @@ export const parseUrl = (text, linkComponent) => {
 			list.push(textAfter)
 		}
 		start = match.index + match[0].length
-		match = urlRegex.exec(text)
+		match = URL_PATTERN_AUTOLINK.exec(text)
 	}
 	list.push(text.substring(start))
 	const joinedText = list.map((item) => typeof item === 'string' ? item : item.props.href).join('')

src/helpers.js

@@ -0,0 +1 @@
+export const URL_PATTERN = /(\s|^)(https?:\/\/)?((?:[-A-Z0-9+_]+\.)+[-A-Z]+(?:\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*)(\s|$)/ig