mirror of
https://github.com/Chocobozzz/PeerTube.git
synced 2024-05-16 20:02:40 +00:00
3a4992633e
Sorry for the very big commit that may lead to git log issues and merge
conflicts, but it's a major step forward:
* Server can be faster at startup because imports() are async and we can
easily lazy import big modules
* Angular doesn't seem to support ES import (with .js extension), so we
had to correctly organize peertube into a monorepo:
* Use yarn workspace feature
* Use typescript reference projects for dependencies
* Shared projects have been moved into "packages", each one is now a
node module (with a dedicated package.json/tsconfig.json)
* server/tools have been moved into apps/ and is now a dedicated app
bundled and published on NPM so users don't have to build peertube
cli tools manually
* server/tests have been moved into packages/ so we don't compile
them every time we want to run the server
* Use isolatedModule option:
* Had to move from const enum to const
(https://www.typescriptlang.org/docs/handbook/enums.html#objects-vs-enums)
* Had to explictely specify "type" imports when used in decorators
* Prefer tsx (that uses esbuild under the hood) instead of ts-node to
load typescript files (tests with mocha or scripts):
* To reduce test complexity as esbuild doesn't support decorator
metadata, we only test server files that do not import server
models
* We still build tests files into js files for a faster CI
* Remove unmaintained peertube CLI import script
* Removed some barrels to speed up execution (less imports)
94 lines
2.7 KiB
TypeScript
94 lines
2.7 KiB
TypeScript
import { ViewportScroller } from '@angular/common'
|
|
import { AfterViewChecked, Component, ElementRef, OnInit, ViewChild } from '@angular/core'
|
|
import { ActivatedRoute } from '@angular/router'
|
|
import { Notifier, ServerService } from '@app/core'
|
|
import { AboutHTML } from '@app/shared/shared-instance'
|
|
import { HTMLServerConfig, ServerStats } from '@peertube/peertube-models'
|
|
import { copyToClipboard } from '@root-helpers/utils'
|
|
import { ResolverData } from './about-instance.resolver'
|
|
import { ContactAdminModalComponent } from './contact-admin-modal.component'
|
|
|
|
@Component({
|
|
selector: 'my-about-instance',
|
|
templateUrl: './about-instance.component.html',
|
|
styleUrls: [ './about-instance.component.scss' ]
|
|
})
|
|
export class AboutInstanceComponent implements OnInit, AfterViewChecked {
|
|
@ViewChild('descriptionWrapper') descriptionWrapper: ElementRef<HTMLInputElement>
|
|
@ViewChild('contactAdminModal', { static: true }) contactAdminModal: ContactAdminModalComponent
|
|
|
|
aboutHTML: AboutHTML
|
|
descriptionElement: HTMLDivElement
|
|
|
|
languages: string[] = []
|
|
categories: string[] = []
|
|
shortDescription = ''
|
|
|
|
initialized = false
|
|
|
|
serverStats: ServerStats
|
|
|
|
private serverConfig: HTMLServerConfig
|
|
|
|
private lastScrollHash: string
|
|
|
|
constructor (
|
|
private viewportScroller: ViewportScroller,
|
|
private route: ActivatedRoute,
|
|
private notifier: Notifier,
|
|
private serverService: ServerService
|
|
) {}
|
|
|
|
get instanceName () {
|
|
return this.serverConfig.instance.name
|
|
}
|
|
|
|
get isContactFormEnabled () {
|
|
return this.serverConfig.email.enabled && this.serverConfig.contactForm.enabled
|
|
}
|
|
|
|
get isNSFW () {
|
|
return this.serverConfig.instance.isNSFW
|
|
}
|
|
|
|
ngOnInit () {
|
|
const { about, languages, categories, aboutHTML, descriptionElement, serverStats }: ResolverData = this.route.snapshot.data.instanceData
|
|
|
|
this.serverStats = serverStats
|
|
|
|
this.aboutHTML = aboutHTML
|
|
this.descriptionElement = descriptionElement
|
|
|
|
this.languages = languages
|
|
this.categories = categories
|
|
|
|
this.shortDescription = about.instance.shortDescription
|
|
|
|
this.serverConfig = this.serverService.getHTMLConfig()
|
|
|
|
this.route.data.subscribe(data => {
|
|
if (!data?.isContact) return
|
|
|
|
const prefill = this.route.snapshot.queryParams
|
|
|
|
this.contactAdminModal.show(prefill)
|
|
})
|
|
|
|
this.initialized = true
|
|
}
|
|
|
|
ngAfterViewChecked () {
|
|
if (this.initialized && window.location.hash && window.location.hash !== this.lastScrollHash) {
|
|
this.viewportScroller.scrollToAnchor(window.location.hash.replace('#', ''))
|
|
|
|
this.lastScrollHash = window.location.hash
|
|
}
|
|
}
|
|
|
|
onClickCopyLink (anchor: HTMLAnchorElement) {
|
|
const link = anchor.href
|
|
copyToClipboard(link)
|
|
this.notifier.success(link, $localize`Link copied`)
|
|
}
|
|
}
|