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