Updated angular to v13

angular-13-update
Isaac Abadi 3 years ago
parent 55dfc17d62
commit 5d540fc52a

1
.gitignore vendored

@ -25,6 +25,7 @@
!.vscode/extensions.json !.vscode/extensions.json
# misc # misc
/.angular/cache
/.sass-cache /.sass-cache
/connect.lock /connect.lock
/coverage /coverage

@ -157,16 +157,6 @@
"src/backend" "src/backend"
] ]
} }
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"src/tsconfig.app.json",
"src/tsconfig.spec.json"
],
"exclude": []
}
} }
} }
}, },
@ -181,15 +171,6 @@
"protractorConfig": "./protractor.conf.js", "protractorConfig": "./protractor.conf.js",
"devServerTarget": "youtube-dl-material:serve" "devServerTarget": "youtube-dl-material:serve"
} }
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"e2e/tsconfig.e2e.json"
],
"exclude": []
}
} }
} }
} }

6544
package-lock.json generated

File diff suppressed because it is too large Load Diff

@ -20,18 +20,18 @@
}, },
"private": true, "private": true,
"dependencies": { "dependencies": {
"@angular-devkit/core": "^12.2.17", "@angular-devkit/core": "^13.3.3",
"@angular/animations": "^12.2.16", "@angular/animations": "^13.3.4",
"@angular/cdk": "^12.2.13", "@angular/cdk": "^12.2.13",
"@angular/common": "^12.2.16", "@angular/common": "^13.3.4",
"@angular/compiler": "^12.2.16", "@angular/compiler": "^13.3.4",
"@angular/core": "^12.2.16", "@angular/core": "^13.3.4",
"@angular/forms": "^12.2.16", "@angular/forms": "^13.3.4",
"@angular/localize": "^12.2.16", "@angular/localize": "^13.3.4",
"@angular/material": "^12.2.13", "@angular/material": "^12.2.13",
"@angular/platform-browser": "^12.2.16", "@angular/platform-browser": "^13.3.4",
"@angular/platform-browser-dynamic": "^12.2.16", "@angular/platform-browser-dynamic": "^13.3.4",
"@angular/router": "^12.2.16", "@angular/router": "^13.3.4",
"@ngneat/content-loader": "^5.0.0", "@ngneat/content-loader": "^5.0.0",
"@videogular/ngx-videogular": "^5.0.1", "@videogular/ngx-videogular": "^5.0.1",
"core-js": "^2.4.1", "core-js": "^2.4.1",
@ -48,16 +48,15 @@
"rxjs": "^6.6.3", "rxjs": "^6.6.3",
"rxjs-compat": "^6.0.0-rc.0", "rxjs-compat": "^6.0.0-rc.0",
"tslib": "^2.0.0", "tslib": "^2.0.0",
"typescript": "~4.3.5", "typescript": "~4.6.3",
"web-animations-js": "^2.3.2",
"xliff-to-json": "^1.0.4", "xliff-to-json": "^1.0.4",
"zone.js": "~0.11.4" "zone.js": "~0.11.4"
}, },
"devDependencies": { "devDependencies": {
"@angular-devkit/build-angular": "^12.2.17", "@angular-devkit/build-angular": "^13.3.3",
"@angular/cli": "^12.2.17", "@angular/cli": "^13.3.3",
"@angular/compiler-cli": "^12.2.16", "@angular/compiler-cli": "^13.3.4",
"@angular/language-service": "^12.2.16", "@angular/language-service": "^13.3.4",
"@types/core-js": "^2.5.2", "@types/core-js": "^2.5.2",
"@types/file-saver": "^2.0.1", "@types/file-saver": "^2.0.1",
"@types/jasmine": "~3.6.0", "@types/jasmine": "~3.6.0",

@ -99,117 +99,110 @@ export function isVisible({ event, element, scrollContainer, offset }: IsVisible
} }
@NgModule({ @NgModule({
declarations: [ declarations: [
AppComponent, AppComponent,
MainComponent, MainComponent,
PlayerComponent, PlayerComponent,
InputDialogComponent, InputDialogComponent,
CreatePlaylistComponent, CreatePlaylistComponent,
SubscriptionsComponent, SubscriptionsComponent,
SubscribeDialogComponent, SubscribeDialogComponent,
SubscriptionComponent, SubscriptionComponent,
SubscriptionFileCardComponent, SubscriptionFileCardComponent,
SubscriptionInfoDialogComponent, SubscriptionInfoDialogComponent,
SettingsComponent, SettingsComponent,
AboutDialogComponent, AboutDialogComponent,
VideoInfoDialogComponent, VideoInfoDialogComponent,
ArgModifierDialogComponent, ArgModifierDialogComponent,
HighlightPipe, HighlightPipe,
LinkifyPipe, LinkifyPipe,
UpdaterComponent, UpdaterComponent,
UpdateProgressDialogComponent, UpdateProgressDialogComponent,
ShareMediaDialogComponent, ShareMediaDialogComponent,
LoginComponent, LoginComponent,
DownloadsComponent, DownloadsComponent,
UserProfileDialogComponent, UserProfileDialogComponent,
SetDefaultAdminDialogComponent, SetDefaultAdminDialogComponent,
ModifyUsersComponent, ModifyUsersComponent,
AddUserDialogComponent, AddUserDialogComponent,
ManageUserComponent, ManageUserComponent,
ManageRoleComponent, ManageRoleComponent,
CookiesUploaderDialogComponent, CookiesUploaderDialogComponent,
LogsViewerComponent, LogsViewerComponent,
ModifyPlaylistComponent, ModifyPlaylistComponent,
ConfirmDialogComponent, ConfirmDialogComponent,
UnifiedFileCardComponent, UnifiedFileCardComponent,
RecentVideosComponent, RecentVideosComponent,
EditSubscriptionDialogComponent, EditSubscriptionDialogComponent,
CustomPlaylistsComponent, CustomPlaylistsComponent,
EditCategoryDialogComponent, EditCategoryDialogComponent,
TwitchChatComponent, TwitchChatComponent,
SeeMoreComponent, SeeMoreComponent,
ConcurrentStreamComponent, ConcurrentStreamComponent,
SkipAdButtonComponent, SkipAdButtonComponent,
TasksComponent, TasksComponent,
UpdateTaskScheduleDialogComponent, UpdateTaskScheduleDialogComponent,
RestoreDbDialogComponent RestoreDbDialogComponent
], ],
imports: [ imports: [
CommonModule, CommonModule,
BrowserModule, BrowserModule,
BrowserAnimationsModule, BrowserAnimationsModule,
MatNativeDateModule, MatNativeDateModule,
MatRadioModule, MatRadioModule,
FormsModule, FormsModule,
MatInputModule, MatInputModule,
MatSelectModule, MatSelectModule,
ReactiveFormsModule, ReactiveFormsModule,
HttpClientModule, HttpClientModule,
MatToolbarModule, MatToolbarModule,
MatCardModule, MatCardModule,
MatSnackBarModule, MatSnackBarModule,
MatButtonModule, MatButtonModule,
MatCheckboxModule, MatCheckboxModule,
MatSidenavModule, MatSidenavModule,
MatIconModule, MatIconModule,
MatListModule, MatListModule,
MatGridListModule, MatGridListModule,
MatExpansionModule, MatExpansionModule,
MatProgressBarModule, MatProgressBarModule,
MatProgressSpinnerModule, MatProgressSpinnerModule,
MatButtonToggleModule, MatButtonToggleModule,
MatRippleModule, MatRippleModule,
MatMenuModule, MatMenuModule,
MatDialogModule, MatDialogModule,
MatSlideToggleModule, MatSlideToggleModule,
MatAutocompleteModule, MatAutocompleteModule,
MatTabsModule, MatTabsModule,
MatTooltipModule, MatTooltipModule,
MatPaginatorModule, MatPaginatorModule,
MatSortModule, MatSortModule,
MatTableModule, MatTableModule,
MatDatepickerModule, MatDatepickerModule,
MatChipsModule, MatChipsModule,
DragDropModule, DragDropModule,
ClipboardModule, ClipboardModule,
TextFieldModule, TextFieldModule,
NgxFileDropModule, NgxFileDropModule,
AvatarModule, AvatarModule,
ContentLoaderModule, ContentLoaderModule,
VgCoreModule, VgCoreModule,
VgControlsModule, VgControlsModule,
VgOverlayPlayModule, VgOverlayPlayModule,
VgBufferingModule, VgBufferingModule,
LazyLoadImageModule.forRoot({ isVisible }), LazyLoadImageModule.forRoot({ isVisible }),
RouterModule, RouterModule,
AppRoutingModule, AppRoutingModule,
], ],
entryComponents: [ providers: [
InputDialogComponent, PostsService,
CreatePlaylistComponent, { provide: HTTP_INTERCEPTORS, useClass: H401Interceptor, multi: true }
SubscribeDialogComponent, ],
SubscriptionInfoDialogComponent, exports: [
SettingsComponent HighlightPipe,
], LinkifyPipe
providers: [ ],
PostsService, bootstrap: [AppComponent]
{ provide: HTTP_INTERCEPTORS, useClass: H401Interceptor, multi: true }
],
exports: [
HighlightPipe,
LinkifyPipe
],
bootstrap: [AppComponent]
}) })
export class AppModule { } export class AppModule { }

@ -1,6 +1,6 @@
<span class="text" [ngStyle]="{'-webkit-line-clamp': !see_more_active ? line_limit : null}" [innerHTML]="text | linkify"></span> <span class="text" [ngStyle]="{'-webkit-line-clamp': !see_more_active ? line_limit : null}" [innerHTML]="text | linkify"></span>
<span> <span>
<a [routerLink]="" (click)="toggleSeeMore()"> <a [routerLink]="[]" (click)="toggleSeeMore()">
<ng-container *ngIf="!see_more_active" i18n="See more"> <ng-container *ngIf="!see_more_active" i18n="See more">
See more. See more.
</ng-container> </ng-container>

@ -1,7 +1,6 @@
import {Injectable, isDevMode, Inject} from '@angular/core'; import {Injectable, isDevMode, Inject} from '@angular/core';
import { HttpClient, HttpParams } from '@angular/common/http'; import { HttpClient, HttpParams } from '@angular/common/http';
import 'rxjs/add/operator/map'; import 'rxjs/add/operator/map';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch'; import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw'; import 'rxjs/add/observable/throw';
import { THEMES_CONFIG } from '../themes'; import { THEMES_CONFIG } from '../themes';

@ -20,37 +20,7 @@ import '@angular/localize/init';
/*************************************************************************************************** /***************************************************************************************************
* BROWSER POLYFILLS * BROWSER POLYFILLS
*/ */ // Run `npm install --save web-animations-js`.
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
// import 'core-js/es6/symbol';
// import 'core-js/es6/object';
// import 'core-js/es6/function';
// import 'core-js/es6/parse-int';
// import 'core-js/es6/parse-float';
// import 'core-js/es6/number';
// import 'core-js/es6/math';
// import 'core-js/es6/string';
// import 'core-js/es6/date';
// import 'core-js/es6/array';
// import 'core-js/es6/regexp';
// import 'core-js/es6/map';
// import 'core-js/es6/weak-map';
// import 'core-js/es6/set';
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
// import 'classlist.js'; // Run `npm install --save classlist.js`.
/** IE10 and IE11 requires the following to support `@angular/animation`. */
// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
/** Evergreen browsers require these. **/
// import 'core-js/es6/reflect';
/** ALL Firefox browsers require the following to support `@angular/animation`. **/
import 'web-animations-js'; // Run `npm install --save web-animations-js`.

@ -22,7 +22,9 @@ __karma__.loaded = function () {};
// First, initialize the Angular testing environment. // First, initialize the Angular testing environment.
getTestBed().initTestEnvironment( getTestBed().initTestEnvironment(
BrowserDynamicTestingModule, BrowserDynamicTestingModule,
platformBrowserDynamicTesting() platformBrowserDynamicTesting(), {
teardown: { destroyAfterEach: false }
}
); );
// Then we find all the tests. // Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/); const context = require.context('./', true, /\.spec\.ts$/);

Loading…
Cancel
Save