1 import { Component, Input, OnInit } from '@angular/core'
2 import { FormReactive, FormValidatorService, UserValidatorsService } from '@app/shared/shared-forms'
5 selector: 'my-remote-subscribe',
6 templateUrl: './remote-subscribe.component.html',
7 styleUrls: ['./remote-subscribe.component.scss']
9 export class RemoteSubscribeComponent extends FormReactive implements OnInit {
11 @Input() interact = false
12 @Input() showHelp = false
15 protected formValidatorService: FormValidatorService,
16 private userValidatorsService: UserValidatorsService
23 text: this.userValidatorsService.USER_EMAIL
29 if (!this.form.valid) return
35 const address = this.form.value['text']
36 const [ username, hostname ] = address.split('@')
38 // Should not have CORS error because https://tools.ietf.org/html/rfc7033#section-5
39 fetch(`https://${hostname}/.well-known/webfinger?resource=acct:${username}@${hostname}`)
40 .then(response => response.json())
41 .then(data => new Promise((resolve, reject) => {
44 if (data && Array.isArray(data.links)) {
45 const link: { template: string } = data.links.find((link: any) => {
46 return link && typeof link.template === 'string' && link.rel === 'http://ostatus.org/schema/1.0/subscribe'
49 if (link && link.template.includes('{uri}')) {
50 resolve(link.template.replace('{uri}', encodeURIComponent(this.uri)))
56 .catch(err => console.error(err))