1 import { Injectable } from '@angular/core'
2 import { getAbsoluteAPIUrl } from '@app/helpers/utils'
5 export class LinkifierService {
6 static CLASSNAME = 'linkified'
8 private linkifyModule: any
9 private linkifyHtmlModule: any
11 private linkifyOptions = {
13 mention: LinkifierService.CLASSNAME + '-mention',
14 url: LinkifierService.CLASSNAME + '-url'
18 async linkify (text: string) {
19 if (!this.linkifyModule) {
20 const result = await Promise.all([
21 import('linkifyjs'), // ES module
22 import('linkifyjs/html').then(m => m.default)
25 this.linkifyModule = result[0]
26 this.linkifyHtmlModule = result[1]
28 this.mentionWithDomainPlugin()
31 return this.linkifyHtmlModule(text, this.linkifyOptions)
34 private mentionWithDomainPlugin () {
35 const TT = this.linkifyModule.scanner.TOKENS // Text tokens
36 const { TOKENS: MT, State } = this.linkifyModule.parser // Multi tokens, state
37 const MultiToken = MT.Base
38 const S_START = this.linkifyModule.parser.start
41 const TT_DOMAIN = TT.DOMAIN
42 const TT_LOCALHOST = TT.LOCALHOST
44 const TT_COLON = TT.COLON
45 const TT_SLASH = TT.SLASH
47 const TT_UNDERSCORE = TT.UNDERSCORE
50 function MENTION (this: any, value: any) {
54 this.linkifyModule.inherits(MultiToken, MENTION, {
55 type: 'mentionWithDomain',
58 return getAbsoluteAPIUrl() + '/services/redirect/accounts/' + this.toString().substr(1)
62 const S_AT = S_START.jump(TT_AT) // @
63 const S_AT_SYMS = new State()
64 const S_MENTION = new State(MENTION)
65 const S_MENTION_DIVIDER = new State()
66 const S_MENTION_DIVIDER_SYMS = new State()
69 S_AT.on(TT_UNDERSCORE, S_AT_SYMS)
73 .on(TT_UNDERSCORE, S_AT_SYMS)
74 .on(TT_DOT, S_AT_SYMS)
76 // Valid mention (not made up entirely of symbols)
78 .on(TT_DOMAIN, S_MENTION)
79 .on(TT_LOCALHOST, S_MENTION)
80 .on(TT_TLD, S_MENTION)
81 .on(TT_NUM, S_MENTION)
84 .on(TT_DOMAIN, S_MENTION)
85 .on(TT_LOCALHOST, S_MENTION)
86 .on(TT_TLD, S_MENTION)
87 .on(TT_NUM, S_MENTION)
89 // More valid mentions
91 .on(TT_DOMAIN, S_MENTION)
92 .on(TT_LOCALHOST, S_MENTION)
93 .on(TT_TLD, S_MENTION)
94 .on(TT_COLON, S_MENTION)
95 .on(TT_NUM, S_MENTION)
96 .on(TT_UNDERSCORE, S_MENTION)
98 // Mention with a divider
100 .on(TT_AT, S_MENTION_DIVIDER)
101 .on(TT_SLASH, S_MENTION_DIVIDER)
102 .on(TT_DOT, S_MENTION_DIVIDER)
104 // Mention _ trailing stash plus syms
105 S_MENTION_DIVIDER.on(TT_UNDERSCORE, S_MENTION_DIVIDER_SYMS)
106 S_MENTION_DIVIDER_SYMS.on(TT_UNDERSCORE, S_MENTION_DIVIDER_SYMS)
108 // Once we get a word token, mentions can start up again
110 .on(TT_DOMAIN, S_MENTION)
111 .on(TT_LOCALHOST, S_MENTION)
112 .on(TT_TLD, S_MENTION)
113 .on(TT_NUM, S_MENTION)
115 S_MENTION_DIVIDER_SYMS
116 .on(TT_DOMAIN, S_MENTION)
117 .on(TT_LOCALHOST, S_MENTION)
118 .on(TT_TLD, S_MENTION)
119 .on(TT_NUM, S_MENTION)