import { Component, Input, OnInit } from '@angular/core'
-import { FormReactive, FormValidatorService, UserValidatorsService } from '@app/shared/shared-forms'
+import { Notifier } from '@app/core'
+import { FormReactive, FormReactiveService } from '@app/shared/shared-forms'
+import { logger } from '@root-helpers/logger'
+import { USER_HANDLE_VALIDATOR } from '../form-validators/user-validators'
@Component({
selector: 'my-remote-subscribe',
templateUrl: './remote-subscribe.component.html',
- styleUrls: ['./remote-subscribe.component.scss']
+ styleUrls: [ './remote-subscribe.component.scss' ]
})
export class RemoteSubscribeComponent extends FormReactive implements OnInit {
@Input() uri: string
@Input() showHelp = false
constructor (
- protected formValidatorService: FormValidatorService,
- private userValidatorsService: UserValidatorsService
+ protected formReactiveService: FormReactiveService,
+ private notifier: Notifier
) {
super()
}
ngOnInit () {
this.buildForm({
- text: this.userValidatorsService.USER_EMAIL
+ text: USER_HANDLE_VALIDATOR
})
}
onValidKey () {
- this.check()
+ this.forceCheck()
if (!this.form.valid) return
this.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(`https://${hostname}/.well-known/webfinger?resource=acct:${username}@${hostname}`)
+ fetch(`${protocol}//${hostname}/.well-known/webfinger?resource=acct:${username}@${hostname}`)
.then(response => response.json())
- .then(data => new Promise((resolve, reject) => {
- if (data && Array.isArray(data.links)) {
- 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 && link.template.includes('{uri}')) {
- resolve(link.template.replace('{uri}', encodeURIComponent(this.uri)))
- }
+ .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))
}
- reject()
- }))
+
+ throw new Error('No subscribe template in webfinger response')
+ })
.then(window.open)
- .catch(err => console.error(err))
+ .catch(err => {
+ logger.error(err)
+
+ this.notifier.error($localize`Cannot fetch information of this remote account`)
+ })
}
}