client/src/app/videos/+video-watch/comment/linkifier.service.ts

   1 import { Injectable } from '@angular/core'
   2 import { getAbsoluteAPIUrl } from '@app/shared/misc/utils'
   3 // FIXME: use @types/linkify when https://github.com/DefinitelyTyped/DefinitelyTyped/pull/29682/files is merged?
   4 const linkify = require('linkifyjs')
   5 const linkifyHtml = require('linkifyjs/html')
   6
   7 @Injectable()
   8 export class LinkifierService {
   9
  10   static CLASSNAME = 'linkified'
  11
  12   private linkifyOptions = {
  13     className: {
  14       mention: LinkifierService.CLASSNAME + '-mention',
  15       url: LinkifierService.CLASSNAME + '-url'
  16     }
  17   }
  18
  19   constructor () {
  20     // Apply plugin
  21     this.mentionWithDomainPlugin(linkify)
  22   }
  23
  24   linkify (text: string) {
  25     return linkifyHtml(text, this.linkifyOptions)
  26   }
  27
  28   private mentionWithDomainPlugin (linkify: any) {
  29     const TT = linkify.scanner.TOKENS // Text tokens
  30     const { TOKENS: MT, State } = linkify.parser // Multi tokens, state
  31     const MultiToken = MT.Base
  32     const S_START = linkify.parser.start
  33
  34     const TT_AT = TT.AT
  35     const TT_DOMAIN = TT.DOMAIN
  36     const TT_LOCALHOST = TT.LOCALHOST
  37     const TT_NUM = TT.NUM
  38     const TT_COLON = TT.COLON
  39     const TT_SLASH = TT.SLASH
  40     const TT_TLD = TT.TLD
  41     const TT_UNDERSCORE = TT.UNDERSCORE
  42     const TT_DOT = TT.DOT
  43
  44     function MENTION (this: any, value: any) {
  45       this.v = value
  46     }
  47
  48     linkify.inherits(MultiToken, MENTION, {
  49       type: 'mentionWithDomain',
  50       isLink: true,
  51       toHref () {
  52         return getAbsoluteAPIUrl() + '/services/redirect/accounts/' + this.toString().substr(1)
  53       }
  54     })
  55
  56     const S_AT = S_START.jump(TT_AT) // @
  57     const S_AT_SYMS = new State()
  58     const S_MENTION = new State(MENTION)
  59     const S_MENTION_DIVIDER = new State()
  60     const S_MENTION_DIVIDER_SYMS = new State()
  61
  62     // @_,
  63     S_AT.on(TT_UNDERSCORE, S_AT_SYMS)
  64
  65     //  @_*
  66     S_AT_SYMS
  67       .on(TT_UNDERSCORE, S_AT_SYMS)
  68       .on(TT_DOT, S_AT_SYMS)
  69
  70     // Valid mention (not made up entirely of symbols)
  71     S_AT
  72       .on(TT_DOMAIN, S_MENTION)
  73       .on(TT_LOCALHOST, S_MENTION)
  74       .on(TT_TLD, S_MENTION)
  75       .on(TT_NUM, S_MENTION)
  76
  77     S_AT_SYMS
  78       .on(TT_DOMAIN, S_MENTION)
  79       .on(TT_LOCALHOST, S_MENTION)
  80       .on(TT_TLD, S_MENTION)
  81       .on(TT_NUM, S_MENTION)
  82
  83     // More valid mentions
  84     S_MENTION
  85       .on(TT_DOMAIN, S_MENTION)
  86       .on(TT_LOCALHOST, S_MENTION)
  87       .on(TT_TLD, S_MENTION)
  88       .on(TT_COLON, S_MENTION)
  89       .on(TT_NUM, S_MENTION)
  90       .on(TT_UNDERSCORE, S_MENTION)
  91
  92     // Mention with a divider
  93     S_MENTION
  94       .on(TT_AT, S_MENTION_DIVIDER)
  95       .on(TT_SLASH, S_MENTION_DIVIDER)
  96       .on(TT_DOT, S_MENTION_DIVIDER)
  97
  98     // Mention _ trailing stash plus syms
  99     S_MENTION_DIVIDER.on(TT_UNDERSCORE, S_MENTION_DIVIDER_SYMS)
 100     S_MENTION_DIVIDER_SYMS.on(TT_UNDERSCORE, S_MENTION_DIVIDER_SYMS)
 101
 102     // Once we get a word token, mentions can start up again
 103     S_MENTION_DIVIDER
 104       .on(TT_DOMAIN, S_MENTION)
 105       .on(TT_LOCALHOST, S_MENTION)
 106       .on(TT_TLD, S_MENTION)
 107       .on(TT_NUM, S_MENTION)
 108
 109     S_MENTION_DIVIDER_SYMS
 110       .on(TT_DOMAIN, S_MENTION)
 111       .on(TT_LOCALHOST, S_MENTION)
 112       .on(TT_TLD, S_MENTION)
 113       .on(TT_NUM, S_MENTION)
 114   }
 115 }