fix(NcRichText): Match IP addresses as links

Signed-off-by: Joas Schilling <coding@schilljs.com>

src/components/NcRichText/NcRichText.vue

@@ -39,6 +39,8 @@ export default {
 		return {
 			text: `Hello {username}. The file {file} was added by {username}. Go visit https://nextcloud.com
 
+Local IP: http://127.0.0.1/status.php should be clickable
+
 Some examples for markdown syntax: **bold text** *italic text* ~~strikethrough~~`,
 			autolink: true,
 			useMarkdown: true,

src/components/NcRichText/helpers.js

@@ -1,4 +1,16 @@
+/**
+ * Regex pattern to match links to be resolved by the link-reference provider
+ *
+ * @type {RegExp}
+ */
 export const URL_PATTERN = /(\s|^)(https?:\/\/)((?:[-A-Z0-9+_]+\.)+[-A-Z]+(?:\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*)(\s|$)/ig
 
-// FIXME See if we can merge those two
-export const URL_PATTERN_AUTOLINK = /(\s|\(|^)((https?:\/\/)((?:[-A-Z0-9+_]+\.)+[-A-Z]+(?::[0-9]+)?(?:\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*))(?=\s|\)|$)/ig
+/**
+ * Regex pattern to identify strings as links and then making them clickable
+ * Opposed to the above regex this one also matches IP addresses, which we would like to be clickable,
+ * but in general resolving references for them might mostly not work,
+ * as the link provider checks for local addresses and does not resolve them.
+ *
+ * @type {RegExp}
+ */
+export const URL_PATTERN_AUTOLINK = /(\s|\(|^)((https?:\/\/)((?:[-A-Z0-9+_]+\.)+[-A-Z0-9]+(?::[0-9]+)?(?:\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*))(?=\s|\)|$)/ig

tests/unit/components/NcRichText/NcRichText.spec.js

@@ -152,6 +152,17 @@ describe('Foo', () => {
 		expect(wrapper.find('a').attributes('href')).toEqual('https://example.com:444')
 	})
 
+	it('properly recognizes an url with an IP address and inserts a link', async() => {
+		const wrapper = mount(NcRichText, {
+			propsData: {
+				text: 'Testwith a link to https://127.0.0.1/status.php - go visit it',
+				autolink: true
+			}
+		})
+		expect(wrapper.text()).toEqual('Testwith a link to https://127.0.0.1/status.php - go visit it')
+		expect(wrapper.find('a').attributes('href')).toEqual('https://127.0.0.1/status.php')
+	})
+
 	it('properly formats markdown', async() => {
 		const wrapper = mount(NcRichText, {
 			propsData: {