1 import { Component, Input, OnInit } from '@angular/core'
2 import { FormReactive } from '@app/shared/forms/form-reactive'
6 } from '@app/shared/forms/form-validators'
9 selector: 'my-remote-subscribe',
10 templateUrl: './remote-subscribe.component.html',
11 styleUrls: ['./remote-subscribe.component.scss']
13 export class RemoteSubscribeComponent extends FormReactive implements OnInit {
14 @Input() account: string
15 @Input() interact = false
16 @Input() showHelp = false
19 protected formValidatorService: FormValidatorService,
20 private userValidatorsService: UserValidatorsService
27 text: this.userValidatorsService.USER_EMAIL
33 if (!this.form.valid) return
39 const address = this.form.value['text']
40 const [ username, hostname ] = address.split('@')
42 fetch(`https://${hostname}/.well-known/webfinger?resource=acct:${username}@${hostname}`)
43 .then(response => response.json())
44 .then(data => new Promise((resolve, reject) => {
45 if (data && Array.isArray(data.links)) {
48 } = data.links.find((link: any) =>
49 link && typeof link.template === 'string' && link.rel === 'http://ostatus.org/schema/1.0/subscribe')
51 if (link && link.template.includes('{uri}')) {
52 resolve(link.template.replace('{uri}', `acct:${this.account}`))
58 .catch(() => window.open(`https://${hostname}/authorize_interaction?acct=${this.account}`))