client/src/app/shared/user-subscription/remote-subscribe.component.ts

   1 import { Component, Input, OnInit } from '@angular/core'
   2 import { FormReactive } from '@app/shared/forms/form-reactive'
   3 import {
   4   FormValidatorService,
   5   UserValidatorsService
   6 } from '@app/shared/forms/form-validators'
   7
   8 @Component({
   9   selector: 'my-remote-subscribe',
  10   templateUrl: './remote-subscribe.component.html',
  11   styleUrls: ['./remote-subscribe.component.scss']
  12 })
  13 export class RemoteSubscribeComponent extends FormReactive implements OnInit {
  14   @Input() uri: string
  15   @Input() interact = false
  16   @Input() showHelp = false
  17
  18   constructor (
  19     protected formValidatorService: FormValidatorService,
  20     private userValidatorsService: UserValidatorsService
  21   ) {
  22     super()
  23   }
  24
  25   ngOnInit () {
  26     this.buildForm({
  27       text: this.userValidatorsService.USER_EMAIL
  28     })
  29   }
  30
  31   onValidKey () {
  32     this.check()
  33     if (!this.form.valid) return
  34
  35     this.formValidated()
  36   }
  37
  38   formValidated () {
  39     const address = this.form.value['text']
  40     const [ username, hostname ] = address.split('@')
  41
  42     // Should not have CORS error because https://tools.ietf.org/html/rfc7033#section-5
  43     fetch(`https://${hostname}/.well-known/webfinger?resource=acct:${username}@${hostname}`)
  44       .then(response => response.json())
  45       .then(data => new Promise((resolve, reject) => {
  46         console.log(data)
  47
  48         if (data && Array.isArray(data.links)) {
  49           const link: { template: string } = data.links.find((link: any) => {
  50             return link && typeof link.template === 'string' && link.rel === 'http://ostatus.org/schema/1.0/subscribe'
  51           })
  52
  53           if (link && link.template.includes('{uri}')) {
  54             resolve(link.template.replace('{uri}', encodeURIComponent(this.uri)))
  55           }
  56         }
  57         reject()
  58       }))
  59       .then(window.open)
  60       .catch(err => console.error(err))
  61   }
  62 }