feat: add tracks, dump dependencies, cs fixes

Author: autowp

src/app/about/about.component.ts

@@ -11,6 +11,8 @@ import {BytesPipe} from 'ngx-pipes';
 import {map, switchMap} from 'rxjs/operators';
 import showdown from 'showdown';
 
+import * as versionJson from '../../version.json';
+
 function replaceAll(str: string, find: string, replace: string): string {
   return str.replace(new RegExp(escapeRegExp(find), 'g'), replace);
 }
@@ -84,7 +86,7 @@ Take part in [the translation of the site](https://github.com/autowp/autowp-fron
   templateUrl: './about.component.html',
 })
 export class AboutComponent implements OnInit {
-  protected readonly version = require('../../version.json');
+  protected readonly version = versionJson;
 
   protected readonly html$ = this.statGrpc
     .getAboutData(new Empty())

src/app/account/account.component.ts

@@ -5,7 +5,7 @@ import {AuthService} from '@services/auth.service';
 import {MessageService} from '@services/message';
 import {PageEnvService} from '@services/page-env.service';
 import {PictureService} from '@services/picture';
-import {Observable, combineLatest, of} from 'rxjs';
+import {combineLatest, Observable, of} from 'rxjs';
 import {map, shareReplay, switchMap} from 'rxjs/operators';
 
 import {ToastsService} from '../toasts/toasts.service';

src/app/account/accounts/accounts.component.ts

@@ -1,7 +1,7 @@
 import {Component, OnInit} from '@angular/core';
 import {APIService} from '@services/api.service';
 import {PageEnvService} from '@services/page-env.service';
-import {BehaviorSubject, EMPTY, Observable, combineLatest} from 'rxjs';
+import {BehaviorSubject, combineLatest, EMPTY, Observable} from 'rxjs';
 import {catchError, map} from 'rxjs/operators';
 
 import {ToastsService} from '../../toasts/toasts.service';

src/app/account/contacts/contacts.component.ts

@@ -7,7 +7,7 @@ import {LanguageService} from '@services/language';
 import {PageEnvService} from '@services/page-env.service';
 import {KeycloakService} from 'keycloak-angular';
 import {BehaviorSubject, EMPTY, Observable} from 'rxjs';
-import {catchError, map, switchMap} from 'rxjs/operators'; 
+import {catchError, map, switchMap} from 'rxjs/operators';
 
 import {ToastsService} from '../../toasts/toasts.service';
 
@@ -18,27 +18,25 @@ import {ToastsService} from '../../toasts/toasts.service';
 export class AccountContactsComponent implements OnInit {
   private readonly reload$ = new BehaviorSubject<void>(void 0);
 
-  protected readonly items$: Observable<Contact[]> = this.auth
-    .getUser$()
-    .pipe(
-      map((user) => {
-        if (!user) {
-          this.keycloak.login({
-            locale: this.languageService.language,
-            redirectUri: window.location.href,
-          });
-          return EMPTY;
-        }
-        return user;
-      }),
-      switchMap(() => this.reload$),
-      switchMap(() => this.contactsService.getContacts$()),
-      catchError((error) => {
-        this.toastService.handleError(error);
+  protected readonly items$: Observable<Contact[]> = this.auth.getUser$().pipe(
+    map((user) => {
+      if (!user) {
+        this.keycloak.login({
+          locale: this.languageService.language,
+          redirectUri: window.location.href,
+        });
         return EMPTY;
-      }),
-      map(response => response.items || [])
-    );
+      }
+      return user;
+    }),
+    switchMap(() => this.reload$),
+    switchMap(() => this.contactsService.getContacts$()),
+    catchError((error: unknown) => {
+      this.toastService.handleError(error);
+      return EMPTY;
+    }),
+    map((response) => response.items || []),
+  );
 
   constructor(
     private readonly contactsService: ContactsService,
@@ -48,8 +46,7 @@ export class AccountContactsComponent implements OnInit {
     private readonly contacts: ContactsClient,
     private readonly languageService: LanguageService,
     private readonly keycloak: KeycloakService,
-  ) {
-  }
+  ) {}
 
   ngOnInit(): void {
     setTimeout(() => this.pageEnv.set({pageId: 198}), 0);

src/app/account/inbox-pictures/inbox-pictures.component.ts

@@ -3,7 +3,7 @@ import {ActivatedRoute} from '@angular/router';
 import {AuthService} from '@services/auth.service';
 import {PageEnvService} from '@services/page-env.service';
 import {PictureService} from '@services/picture';
-import {EMPTY, combineLatest} from 'rxjs';
+import {combineLatest, EMPTY} from 'rxjs';
 import {catchError, debounceTime, distinctUntilChanged, map, switchMap} from 'rxjs/operators';
 
 import {ToastsService} from '../../toasts/toasts.service';

src/app/account/profile/profile.component.ts

@@ -10,7 +10,7 @@ import {PageEnvService} from '@services/page-env.service';
 import {TimezoneService} from '@services/timezone';
 import {InvalidParams} from '@utils/invalid-params.pipe';
 import {KeycloakService} from 'keycloak-angular';
-import {EMPTY, Subscription, of} from 'rxjs';
+import {EMPTY, of, Subscription} from 'rxjs';
 import {catchError, switchMap, tap} from 'rxjs/operators';
 
 import {ToastsService} from '../../toasts/toasts.service';
@@ -102,7 +102,9 @@ export class AccountProfileComponent implements OnInit, OnDestroy {
       });
   }
   ngOnDestroy(): void {
-    this.sub && this.sub.unsubscribe();
+    if (this.sub) {
+      this.sub.unsubscribe();
+    }
   }
 
   private showSavedMessage() {

src/app/account/specs-conflicts/specs-conflicts.component.ts

@@ -5,7 +5,7 @@ import {AuthService} from '@services/auth.service';
 import {PageEnvService} from '@services/page-env.service';
 import {UserService} from '@services/user';
 import {getUnitAbbrTranslation} from '@utils/translations';
-import {Observable, combineLatest} from 'rxjs';
+import {combineLatest, Observable} from 'rxjs';
 import {debounceTime, distinctUntilChanged, map, switchMap} from 'rxjs/operators';
 
 import {APIAttrConflict, APIAttrConflictValue, APIAttrsService} from '../../api/attrs/attrs.service';

src/app/api/attrs/attrs.service.ts

@@ -2,8 +2,8 @@ import {Injectable} from '@angular/core';
 import {
   AttrAttribute,
   AttrAttributeID,
-  AttrAttributeType,
   AttrAttributesRequest,
+  AttrAttributeType,
   AttrListOptionsRequest,
   AttrListOptionsResponse,
   AttrZone,

src/app/api/picture-moder-vote-template/picture-moder-vote-template.service.ts

@@ -3,7 +3,7 @@ import {DeleteModerVoteTemplateRequest, ModerVoteTemplate} from '@grpc/spec.pb';
 import {PicturesClient} from '@grpc/spec.pbsc';
 import {Empty} from '@ngx-grpc/well-known-types';
 import {AuthService} from '@services/auth.service';
-import {BehaviorSubject, Observable, combineLatest} from 'rxjs';
+import {BehaviorSubject, combineLatest, Observable} from 'rxjs';
 import {map, shareReplay, switchMap, tap} from 'rxjs/operators';
 
 export interface APIPictureModerVoteTemplatePostData {

src/app/cars/attrs-change-log/attrs-change-log.component.ts

@@ -9,10 +9,10 @@ import {APIItem} from '@services/item';
 import {PageEnvService} from '@services/page-env.service';
 import {UserService} from '@services/user';
 import {getAttrsTranslation, getUnitAbbrTranslation} from '@utils/translations';
-import {EMPTY, Observable, Subscription, combineLatest, of} from 'rxjs';
+import {combineLatest, EMPTY, Observable, of, Subscription} from 'rxjs';
 import {catchError, debounceTime, distinctUntilChanged, map, shareReplay, switchMap} from 'rxjs/operators';
 
-import {APIAttrAttributeValue, APIAttrUnit, APIAttrsService} from '../../api/attrs/attrs.service';
+import {APIAttrAttributeValue, APIAttrsService, APIAttrUnit} from '../../api/attrs/attrs.service';
 import {ToastsService} from '../../toasts/toasts.service';
 
 @Component({
@@ -158,7 +158,9 @@ export class CarsAttrsChangeLogComponent implements OnInit, OnDestroy {
   }
 
   ngOnDestroy(): void {
-    this.querySub && this.querySub.unsubscribe();
+    if (this.querySub) {
+      this.querySub.unsubscribe();
+    }
   }
 
   protected getAttrsTranslation(id: string): string {