Merge pull request #8616 from nextcloud/parse-mailto-links

feat: parse mailto addresses

package.json

@@ -50,6 +50,7 @@
     "@nextcloud/vue-dashboard": "^2.0.1",
     "@riophae/vue-treeselect": "^0.4.0",
     "@vue/babel-preset-app": "^5.0.8",
+    "address-rfc2822": "^2.1.0",
     "buffer": "^6.0.3",
     "color-convert": "^2.0.1",
     "core-js": "^3.31.1",

src/components/MailboxThread.vue

@@ -74,6 +74,7 @@ import { NcAppContent as AppContent, NcAppContentList as AppContentList, NcButto
 import isMobile from '@nextcloud/vue/dist/Mixins/isMobile'
 import SectionTitle from './SectionTitle'
 import Vue from 'vue'
+import addressParser from 'address-rfc2822'
 
 import infiniteScroll from '../directives/infinite-scroll'
 import IconInfo from 'vue-material-design-icons/Information'
@@ -269,12 +270,25 @@ export default {
 				return []
 			}
 
-			return [
-				{
-					label: str,
-					email: str,
-				},
-			]
+			let addresses = []
+			try {
+				addresses = addressParser.parse(str)
+			} catch (error) {
+				logger.debug('could not parse string into email addresses', { str, error })
+			}
+
+			return addresses.map(address => {
+				const result = {
+					label: address.name(),
+					email: address.address,
+				}
+
+				if (result.label === '') {
+					result.label = result.email
+				}
+
+				return result
+			})
 		},
 		onUpdateSearchQuery(query) {
 			this.searchQuery = query