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     fetch(`https://${hostname}/.well-known/webfinger?resource=acct:${username}@${hostname}`)
  43       .then(response => response.json())
  44       .then(data => new Promise((resolve, reject) => {
  45         console.log(data)
  46
  47         if (data && Array.isArray(data.links)) {
  48           const link: { template: string } = data.links.find((link: any) => {
  49             return link && typeof link.template === 'string' && link.rel === 'http://ostatus.org/schema/1.0/subscribe'
  50           })
  51
  52           if (link && link.template.includes('{uri}')) {
  53             resolve(link.template.replace('{uri}', encodeURIComponent(this.uri)))
  54           }
  55         }
  56         reject()
  57       }))
  58       .then(window.open)
  59       .catch(err => console.error(err))
  60   }
  61 }