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)
70 lines
1.8 KiB
TypeScript
70 lines
1.8 KiB
TypeScript
import { Subscription } from 'rxjs'
|
|
import { first } from 'rxjs/operators'
|
|
import { Component, OnDestroy, OnInit } from '@angular/core'
|
|
import { ComponentPaginationLight, DisableForReuseHook, ScreenService } from '@app/core'
|
|
import { Account, AccountService, VideoService } from '@app/shared/shared-main'
|
|
import { VideoFilters } from '@app/shared/shared-video-miniature'
|
|
import { VideoSortField } from '@peertube/peertube-models'
|
|
|
|
@Component({
|
|
selector: 'my-account-videos',
|
|
templateUrl: './account-videos.component.html'
|
|
})
|
|
export class AccountVideosComponent implements OnInit, OnDestroy, DisableForReuseHook {
|
|
getVideosObservableFunction = this.getVideosObservable.bind(this)
|
|
getSyndicationItemsFunction = this.getSyndicationItems.bind(this)
|
|
|
|
title = $localize`Videos`
|
|
defaultSort = '-publishedAt' as VideoSortField
|
|
|
|
account: Account
|
|
disabled = false
|
|
|
|
private accountSub: Subscription
|
|
|
|
constructor (
|
|
private screenService: ScreenService,
|
|
private accountService: AccountService,
|
|
private videoService: VideoService
|
|
) {
|
|
}
|
|
|
|
ngOnInit () {
|
|
// Parent get the account for us
|
|
this.accountService.accountLoaded.pipe(first())
|
|
.subscribe(account => this.account = account)
|
|
}
|
|
|
|
ngOnDestroy () {
|
|
if (this.accountSub) this.accountSub.unsubscribe()
|
|
}
|
|
|
|
getVideosObservable (pagination: ComponentPaginationLight, filters: VideoFilters) {
|
|
const options = {
|
|
...filters.toVideosAPIObject(),
|
|
|
|
videoPagination: pagination,
|
|
account: this.account,
|
|
skipCount: true
|
|
}
|
|
|
|
return this.videoService.getAccountVideos(options)
|
|
}
|
|
|
|
getSyndicationItems () {
|
|
return this.videoService.getAccountFeedUrls(this.account.id)
|
|
}
|
|
|
|
displayAsRow () {
|
|
return this.screenService.isInMobileView()
|
|
}
|
|
|
|
disableForReuse () {
|
|
this.disabled = true
|
|
}
|
|
|
|
enabledForReuse () {
|
|
this.disabled = false
|
|
}
|
|
}
|