Make all services readonly

backend/src/collections/image-db/image-db.service.ts

@@ -11,13 +11,13 @@ import { EImageBackend } from '../../models/entities/image.entity';
 export class ImageDBService {
   constructor(
     @InjectRepository(EImageBackend)
-    private imageRepo: Repository<EImageBackend>,
+    private readonly imageRepo: Repository<EImageBackend>,
 
     @InjectRepository(EImageFileBackend)
-    private imageFileRepo: Repository<EImageFileBackend>,
+    private readonly imageFileRepo: Repository<EImageFileBackend>,
 
     @InjectRepository(EImageDerivativeBackend)
-    private imageDerivativeRepo: Repository<EImageDerivativeBackend>,
+    private readonly imageDerivativeRepo: Repository<EImageDerivativeBackend>,
   ) {}
 
   public async create(userid: string): AsyncFailable<EImageBackend> {

backend/src/collections/image-db/image-file-db.service.ts

@@ -12,10 +12,10 @@ const A_DAY_IN_SECONDS = 24 * 60 * 60;
 export class ImageFileDBService {
   constructor(
     @InjectRepository(EImageFileBackend)
-    private imageFileRepo: Repository<EImageFileBackend>,
+    private readonly imageFileRepo: Repository<EImageFileBackend>,
 
     @InjectRepository(EImageDerivativeBackend)
-    private imageDerivativeRepo: Repository<EImageDerivativeBackend>,
+    private readonly imageDerivativeRepo: Repository<EImageDerivativeBackend>,
   ) {}
 
   public async setFile(

backend/src/collections/preference-db/preference-defaults.service.ts

@@ -13,7 +13,7 @@ import { EarlyJwtConfigService } from '../../config/early/early-jwt.config.servi
 export class PreferenceDefaultsService {
   private readonly logger = new Logger('PreferenceDefaultsService');
 
-  constructor(private jwtConfigService: EarlyJwtConfigService) {}
+  constructor(private readonly jwtConfigService: EarlyJwtConfigService) {}
 
   public readonly usrDefaults: {
     [key in UsrPreference]: () => PrefValueType;

backend/src/collections/preference-db/sys-preference-db.service.ts

@@ -26,9 +26,9 @@ export class SysPreferenceService {
 
   constructor(
     @InjectRepository(ESysPreferenceBackend)
-    private sysPreferenceRepository: Repository<ESysPreferenceBackend>,
+    private readonly sysPreferenceRepository: Repository<ESysPreferenceBackend>,
-    private defaultsService: PreferenceDefaultsService,
+    private readonly defaultsService: PreferenceDefaultsService,
-    private prefCommon: PreferenceCommonService,
+    private readonly prefCommon: PreferenceCommonService,
   ) {}
 
   public async setPreference(

backend/src/collections/preference-db/usr-preference-db.service.ts

@@ -26,9 +26,9 @@ export class UsrPreferenceService {
 
   constructor(
     @InjectRepository(EUsrPreferenceBackend)
-    private usrPreferenceRepository: Repository<EUsrPreferenceBackend>,
+    private readonly usrPreferenceRepository: Repository<EUsrPreferenceBackend>,
-    private defaultsService: PreferenceDefaultsService,
+    private readonly defaultsService: PreferenceDefaultsService,
-    private prefCommon: PreferenceCommonService,
+    private readonly prefCommon: PreferenceCommonService,
   ) {}
 
   public async setPreference(

backend/src/collections/role-db/role-db.module.ts

@@ -6,7 +6,7 @@ import { HostConfigService } from '../../config/early/host.config.service';
 import {
   ImmutableRolesList,
   SystemRoleDefaults,
-  UndeletableRolesList,
+  UndeletableRolesList
 } from '../../models/constants/roles.const';
 import { ERoleBackend } from '../../models/entities/role.entity';
 import { RolesService } from './role-db.service';
@@ -20,8 +20,8 @@ export class RolesModule implements OnModuleInit {
   private readonly logger = new Logger('RolesModule');
 
   constructor(
-    private rolesService: RolesService,
+    private readonly rolesService: RolesService,
-    private hostConfig: HostConfigService,
+    private readonly hostConfig: HostConfigService,
   ) {}
 
   async onModuleInit() {

backend/src/collections/role-db/role-db.service.ts

@@ -5,14 +5,14 @@ import {
   AsyncFailable,
   Fail,
   HasFailed,
-  HasSuccess,
+  HasSuccess
 } from 'picsur-shared/dist/types';
 import { makeUnique } from 'picsur-shared/dist/util/unique';
 import { In, Repository } from 'typeorm';
 import { Permissions } from '../../models/constants/permissions.const';
 import {
   ImmutableRolesList,
-  UndeletableRolesList,
+  UndeletableRolesList
 } from '../../models/constants/roles.const';
 import { ERoleBackend } from '../../models/entities/role.entity';
 
@@ -22,7 +22,7 @@ export class RolesService {
 
   constructor(
     @InjectRepository(ERoleBackend)
-    private rolesRepository: Repository<ERoleBackend>,
+    private readonly rolesRepository: Repository<ERoleBackend>,
   ) {}
 
   public async create(

backend/src/collections/user-db/user-db.module.ts

@@ -23,8 +23,8 @@ export class UsersModule implements OnModuleInit {
   private readonly logger = new Logger('UsersModule');
 
   constructor(
-    private usersService: UsersService,
+    private readonly usersService: UsersService,
-    private authConfigService: AuthConfigService,
+    private readonly authConfigService: AuthConfigService,
   ) {}
 
   async onModuleInit() {

backend/src/collections/user-db/user-db.service.ts

@@ -32,9 +32,9 @@ export class UsersService {
 
   constructor(
     @InjectRepository(EUserBackend)
-    private usersRepository: Repository<EUserBackend>,
+    private readonly usersRepository: Repository<EUserBackend>,
-    private rolesService: RolesService,
+    private readonly rolesService: RolesService,
-    private prefService: SysPreferenceService,
+    private readonly prefService: SysPreferenceService,
   ) {}
 
   // Creation and deletion

backend/src/config/early/auth.config.service.ts

@@ -4,7 +4,7 @@ import { EnvPrefix } from '../config.static';
 
 @Injectable()
 export class AuthConfigService {
-  constructor(private configService: ConfigService) {}
+  constructor(private readonly configService: ConfigService) {}
 
   public getDefaultAdminPassword(): string {
     return this.configService.get<string>(

backend/src/config/early/early-jwt.config.service.ts

@@ -4,7 +4,7 @@ import { EnvPrefix } from '../config.static';
 
 @Injectable()
 export class EarlyJwtConfigService {
-  constructor(private configService: ConfigService) {}
+  constructor(private readonly configService: ConfigService) {}
 
   public getJwtSecret(): string | undefined {
     return this.configService.get<string>(`${EnvPrefix}JWT_SECRET`);

backend/src/config/early/host.config.service.ts

@@ -6,7 +6,7 @@ import { EnvPrefix } from '../config.static';
 export class HostConfigService {
   private readonly logger = new Logger('HostConfigService');
 
-  constructor(private configService: ConfigService) {
+  constructor(private readonly configService: ConfigService) {
     this.logger.log('Host: ' + this.getHost());
     this.logger.log('Port: ' + this.getPort());
     this.logger.log('Demo: ' + this.isDemo());

backend/src/config/early/multipart.config.service.ts

@@ -6,7 +6,7 @@ import { EnvPrefix } from '../config.static';
 export class MultipartConfigService {
   private readonly logger = new Logger('MultipartConfigService');
 
-  constructor(private configService: ConfigService) {
+  constructor(private readonly configService: ConfigService) {
     this.logger.log('Max file size: ' + this.getMaxFileSize());
   }
 

backend/src/config/early/serve-static.config.service.ts

@@ -2,7 +2,7 @@ import { Injectable, Logger } from '@nestjs/common';
 import { ConfigService } from '@nestjs/config';
 import {
   ServeStaticModuleOptions,
-  ServeStaticModuleOptionsFactory,
+  ServeStaticModuleOptionsFactory
 } from '@nestjs/serve-static';
 import { join } from 'path';
 import { EnvPrefix, PackageRoot } from '../config.static';
@@ -15,7 +15,7 @@ export class ServeStaticConfigService
 
   private defaultLocation = join(PackageRoot, '../frontend/dist');
 
-  constructor(private configService: ConfigService) {
+  constructor(private readonly configService: ConfigService) {
     this.logger.log('Static directory: ' + this.getStaticDirectory());
   }
 

backend/src/config/early/type-orm.config.service.ts

@@ -10,8 +10,8 @@ export class TypeOrmConfigService implements TypeOrmOptionsFactory {
   private readonly logger = new Logger('TypeOrmConfigService');
 
   constructor(
-    private configService: ConfigService,
+    private readonly configService: ConfigService,
-    private hostService: HostConfigService,
+    private readonly hostService: HostConfigService,
   ) {
     const varOptions = this.getTypeOrmServerOptions();
 

backend/src/config/late/jwt.config.service.ts

@@ -7,7 +7,7 @@ import { SysPreferenceService } from '../../collections/preference-db/sys-prefer
 export class JwtConfigService implements JwtOptionsFactory {
   private readonly logger = new Logger('JwtConfigService');
 
-  constructor(private prefService: SysPreferenceService) {
+  constructor(private readonly prefService: SysPreferenceService) {
     this.printDebug().catch(this.logger.error);
   }
 

backend/src/config/late/late-config.module.ts

@@ -19,8 +19,8 @@ export class LateConfigModule implements OnModuleInit {
   private readonly logger = new Logger('LateConfigModule');
 
   constructor(
-    private envJwtConfigService: EarlyJwtConfigService,
+    private readonly envJwtConfigService: EarlyJwtConfigService,
-    private prefService: SysPreferenceService,
+    private readonly prefService: SysPreferenceService,
   ) {}
 
   async onModuleInit() {

backend/src/decorators/multipart/multipart.pipe.ts

@@ -6,7 +6,7 @@ import {
   InternalServerErrorException,
   Logger,
   PipeTransform,
-  Scope,
+  Scope
 } from '@nestjs/common';
 import { FastifyRequest } from 'fastify';
 import { HasFailed } from 'picsur-shared/dist/types';
@@ -14,14 +14,16 @@ import { ZodDtoStatic } from 'picsur-shared/dist/util/create-zod-dto';
 import { MultipartConfigService } from '../../config/early/multipart.config.service';
 import {
   CreateMultiPartFieldDto,
-  CreateMultiPartFileDto,
+  CreateMultiPartFileDto
 } from '../../models/dto/multipart.dto';
 
 @Injectable({ scope: Scope.REQUEST })
 export class MultiPartPipe implements PipeTransform {
   private readonly logger = new Logger('MultiPartPipe');
 
-  constructor(private multipartConfigService: MultipartConfigService) {}
+  constructor(
+    private readonly multipartConfigService: MultipartConfigService,
+  ) {}
 
   async transform<T extends Object>(
     req: FastifyRequest,

backend/src/decorators/multipart/postfile.pipe.ts

@@ -4,7 +4,7 @@ import {
   Injectable,
   Logger,
   PipeTransform,
-  Scope,
+  Scope
 } from '@nestjs/common';
 import { FastifyRequest } from 'fastify';
 import { MultipartConfigService } from '../../config/early/multipart.config.service';
@@ -13,7 +13,9 @@ import { MultipartConfigService } from '../../config/early/multipart.config.serv
 export class PostFilePipe implements PipeTransform {
   private readonly logger = new Logger('PostFilePipe');
 
-  constructor(private multipartConfigService: MultipartConfigService) {}
+  constructor(
+    private readonly multipartConfigService: MultipartConfigService,
+  ) {}
 
   async transform({ req }: { req: FastifyRequest }) {
     if (!req.isMultipart()) throw new BadRequestException('Invalid file');

backend/src/layers/success/success.interceptor.ts

@@ -5,7 +5,7 @@ import {
   InternalServerErrorException,
   Logger,
   NestInterceptor,
-  Optional,
+  Optional
 } from '@nestjs/common';
 import { Reflector } from '@nestjs/core';
 import { ApiAnySuccessResponse } from 'picsur-shared/dist/dto/api/api.dto';
@@ -26,7 +26,7 @@ export class SuccessInterceptor<T> implements NestInterceptor {
   private strict: boolean;
 
   constructor(
-    private reflector: Reflector,
+    private readonly reflector: Reflector,
     @Optional() options?: ZodValidationInterceptorOptions,
   ) {
     this.strict = options?.strict ?? true;

backend/src/managers/auth/auth.service.ts

@@ -8,7 +8,7 @@ import { AsyncFailable, Fail } from 'picsur-shared/dist/types';
 export class AuthManagerService {
   private readonly logger = new Logger('AuthService');
 
-  constructor(private jwtService: JwtService) {}
+  constructor(private readonly jwtService: JwtService) {}
 
   async createToken(user: EUser): AsyncFailable<string> {
     const jwtData = {

backend/src/managers/auth/guards/guest.strategy.ts

@@ -21,7 +21,7 @@ export class GuestStrategy extends PassportStrategy(
   GuestPassportStrategy,
   'guest',
 ) {
-  constructor(private guestService: GuestService) {
+  constructor(private readonly guestService: GuestService) {
     super();
   }
 

backend/src/managers/auth/guards/local-auth.strategy.ts

@@ -8,7 +8,7 @@ import { EUserBackend2EUser } from '../../../models/transformers/user.transforme
 
 @Injectable()
 export class LocalAuthStrategy extends PassportStrategy(Strategy, 'local') {
-  constructor(private usersService: UsersService) {
+  constructor(private readonly usersService: UsersService) {
     super();
   }
 

backend/src/managers/auth/guards/main.guard.ts

@@ -3,7 +3,7 @@ import {
   ForbiddenException,
   Injectable,
   InternalServerErrorException,
-  Logger,
+  Logger
 } from '@nestjs/common';
 import { Reflector } from '@nestjs/core';
 import { AuthGuard } from '@nestjs/passport';
@@ -22,8 +22,8 @@ export class MainAuthGuard extends AuthGuard(['jwt', 'guest']) {
   private readonly logger = new Logger('MainAuthGuard');
 
   constructor(
-    private reflector: Reflector,
+    private readonly reflector: Reflector,
-    private usersService: UsersService,
+    private readonly usersService: UsersService,
   ) {
     super();
   }

backend/src/managers/auth/guest.service.ts

@@ -7,7 +7,7 @@ import { EUserBackend } from '../../models/entities/user.entity';
 export class GuestService {
   private fallBackUser: EUserBackend;
 
-  constructor(private usersService: UsersService) {
+  constructor(private readonly usersService: UsersService) {
     this.fallBackUser = new EUserBackend();
     this.fallBackUser.username = 'guest';
     this.fallBackUser.roles = ['guest'];

backend/src/managers/demo/demo.module.ts

@@ -15,7 +15,7 @@ export class DemoManagerModule implements OnModuleInit, OnModuleDestroy {
 
   constructor(
     private readonly demoManagerService: DemoManagerService,
-    private hostConfigService: HostConfigService,
+    private readonly hostConfigService: HostConfigService,
   ) {}
 
   async onModuleInit() {

backend/src/managers/demo/demo.service.ts

@@ -9,7 +9,7 @@ export class DemoManagerService {
 
   constructor(
     private readonly imagesService: ImageDBService,
-    private rolesService: RolesService,
+    private readonly rolesService: RolesService,
   ) {}
 
   public async setupRoles() {

backend/src/managers/image/image.module.ts

@@ -24,8 +24,8 @@ export class ImageManagerModule implements OnModuleInit, OnModuleDestroy {
   private interval: NodeJS.Timeout;
 
   constructor(
-    private prefManager: SysPreferenceService,
+    private readonly prefManager: SysPreferenceService,
-    private imageFileDB: ImageFileDBService,
+    private readonly imageFileDB: ImageFileDBService,
   ) {}
 
   async onModuleInit() {

backend/src/routes/api/info/info.controller.ts

@@ -2,11 +2,11 @@ import { Controller, Get } from '@nestjs/common';
 import {
   AllFormatsResponse,
   AllPermissionsResponse,
-  InfoResponse,
+  InfoResponse
 } from 'picsur-shared/dist/dto/api/info.dto';
 import {
   AnimMime2ExtMap,
-  ImageMime2ExtMap,
+  ImageMime2ExtMap
 } from 'picsur-shared/dist/dto/mimes.dto';
 import { HostConfigService } from '../../../config/early/host.config.service';
 import { NoPermissions } from '../../../decorators/permissions.decorator';
@@ -16,7 +16,7 @@ import { PermissionsList } from '../../../models/constants/permissions.const';
 @Controller('api/info')
 @NoPermissions()
 export class InfoController {
-  constructor(private hostConfig: HostConfigService) {}
+  constructor(private readonly hostConfig: HostConfigService) {}
 
   @Get()
   @Returns(InfoResponse)

backend/src/routes/api/pref/sys-pref.controller.ts

@@ -24,7 +24,7 @@ import { Permission } from '../../../models/constants/permissions.const';
 export class SysPrefController {
   private readonly logger = new Logger('SysPrefController');
 
-  constructor(private prefService: SysPreferenceService) {}
+  constructor(private readonly prefService: SysPreferenceService) {}
 
   @Get()
   @Returns(MultiplePreferencesResponse)

backend/src/routes/api/pref/usr-pref.controller.ts

@@ -25,7 +25,7 @@ import { Permission } from '../../../models/constants/permissions.const';
 export class UsrPrefController {
   private readonly logger = new Logger('UsrPrefController');
 
-  constructor(private prefService: UsrPreferenceService) {}
+  constructor(private readonly prefService: UsrPreferenceService) {}
 
   @Get()
   @Returns(MultiplePreferencesResponse)

backend/src/routes/api/roles/roles.controller.ts

@@ -38,8 +38,8 @@ export class RolesController {
   private readonly logger = new Logger('RolesController');
 
   constructor(
-    private rolesService: RolesService,
+    private readonly rolesService: RolesService,
-    private usersService: UsersService,
+    private readonly usersService: UsersService,
   ) {}
 
   @Get('list')

backend/src/routes/api/user/user-manage.controller.ts

@@ -36,7 +36,7 @@ import { EUserBackend2EUser } from '../../../models/transformers/user.transforme
 export class UserAdminController {
   private readonly logger = new Logger('UserAdminController');
 
-  constructor(private usersService: UsersService) {}
+  constructor(private readonly usersService: UsersService) {}
 
   @Post('list')
   @Returns(UserListResponse)

backend/src/routes/api/user/user.controller.ts

@@ -4,14 +4,14 @@ import {
   Get,
   InternalServerErrorException,
   Logger,
-  Post,
+  Post
 } from '@nestjs/common';
 import {
   UserLoginResponse,
   UserMePermissionsResponse,
   UserMeResponse,
   UserRegisterRequest,
-  UserRegisterResponse,
+  UserRegisterResponse
 } from 'picsur-shared/dist/dto/api/user.dto';
 import type { EUser } from 'picsur-shared/dist/entities/user.entity';
 import { HasFailed } from 'picsur-shared/dist/types';
@@ -19,7 +19,7 @@ import { UsersService } from '../../../collections/user-db/user-db.service';
 import {
   NoPermissions,
   RequiredPermissions,
-  UseLocalAuth,
+  UseLocalAuth
 } from '../../../decorators/permissions.decorator';
 import { ReqUser, ReqUserID } from '../../../decorators/request-user.decorator';
 import { Returns } from '../../../decorators/returns.decorator';
@@ -32,8 +32,8 @@ export class UserController {
   private readonly logger = new Logger('UserController');
 
   constructor(
-    private usersService: UsersService,
+    private readonly usersService: UsersService,
-    private authService: AuthManagerService,
+    private readonly authService: AuthManagerService,
   ) {}
 
   @Post('login')

backend/src/workers/sharp.wrapper.ts

@@ -7,7 +7,7 @@ import {
   AsyncFailable,
   Fail,
   Failable,
-  HasFailed,
+  HasFailed
 } from 'picsur-shared/dist/types';
 import { Sharp } from 'sharp';
 import {
@@ -16,7 +16,7 @@ import {
   SharpWorkerRecieveMessage,
   SharpWorkerResultMessage,
   SharpWorkerSendMessage,
-  SupportedSharpWorkerFunctions,
+  SupportedSharpWorkerFunctions
 } from './sharp/sharp.message';
 import { SharpResult } from './sharp/universal-sharp';
 
@@ -35,7 +35,10 @@ export class SharpWrapper {
 
   private worker: ChildProcess | null = null;
 
-  constructor(private instance_timeout: number, private memory_limit: number) {}
+  constructor(
+    private readonly instance_timeout: number,
+    private readonly memory_limit: number,
+  ) {}
 
   public async start(image: Buffer, mime: FullMime): AsyncFailable<true> {
     this.worker = fork(SharpWrapper.WORKER_PATH, {

frontend/src/app/app.component.ts

@@ -5,13 +5,12 @@ import {
   ActivatedRoute,
   NavigationEnd,
   NavigationError,
-  Router,
+  Router
 } from '@angular/router';
 import { AutoUnsubscribe } from 'ngx-auto-unsubscribe-decorator';
 import { RouteTransitionAnimations } from './app.animation';
 import { PRouteData } from './models/dto/picsur-routes.dto';
 import { BootstrapService } from './util/util-module/bootstrap.service';
-import { UtilService } from './util/util-module/util.service';
 
 @Component({
   selector: 'app-root',
@@ -20,7 +19,7 @@ import { UtilService } from './util/util-module/util.service';
   animations: [RouteTransitionAnimations],
 })
 export class AppComponent implements OnInit {
-  readonly logger = console;
+  private readonly logger = console;
 
   @ViewChild(MatSidenav) sidebar: MatSidenav;
 
@@ -31,10 +30,9 @@ export class AppComponent implements OnInit {
   hasSidebar: boolean = false;
 
   public constructor(
-    private router: Router,
+    private readonly router: Router,
-    private activatedRoute: ActivatedRoute,
+    private readonly activatedRoute: ActivatedRoute,
-    private utilService: UtilService,
+    private readonly bootstrapService: BootstrapService,
-    private bootstrapService: BootstrapService,
   ) {}
 
   public getRouteAnimData() {

frontend/src/app/components/copy-field/copy-field.component.ts

@@ -13,7 +13,10 @@ export class CopyFieldComponent {
   @Input() label: string = 'Loading...';
   @Input() value: string = 'Loading...';
 
-  constructor(private utilService: UtilService, private clipboard: Clipboard) {}
+  constructor(
+    private readonly utilService: UtilService,
+    private readonly clipboard: Clipboard,
+  ) {}
 
   public copy() {
     if (this.clipboard.copy(this.value)) {

frontend/src/app/components/footer/footer.component.ts

@@ -8,7 +8,7 @@ import { InfoService } from 'src/app/services/api/info.service';
   styleUrls: ['./footer.component.scss'],
 })
 export class FooterComponent implements OnInit {
-  constructor(private infoService: InfoService) {}
+  constructor(private readonly infoService: InfoService) {}
 
   isDemo: boolean = false;
   version: string = 'Unkown Version';

frontend/src/app/components/header/header.component.ts

@@ -34,10 +34,10 @@ export class HeaderComponent implements OnInit {
   }
 
   constructor(
-    private router: Router,
+    private readonly router: Router,
-    private userService: UserService,
+    private readonly userService: UserService,
-    private permissionService: PermissionService,
+    private readonly permissionService: PermissionService,
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
   ) {}
 
   ngOnInit(): void {

frontend/src/app/components/paginator/paginator.component.ts

@@ -30,8 +30,6 @@ export class PaginatorComponent implements OnInit {
   lastPagesRange: [number, number] | null = null;
   pagesRange: [number, number] = [0, 0];
 
-  constructor() {}
-
   ngOnInit(): void {
     this.calculateRanges();
   }

frontend/src/app/components/picsur-img/picsur-img.component.ts

@@ -41,9 +41,9 @@ export class PicsurImgComponent implements OnChanges {
   public state: PicsurImgState = PicsurImgState.Loading;
 
   constructor(
-    private qoiWorker: QoiWorkerService,
+    private readonly qoiWorker: QoiWorkerService,
-    private apiService: ApiService,
+    private readonly apiService: ApiService,
-    private changeDetector: ChangeDetectorRef,
+    private readonly changeDetector: ChangeDetectorRef,
   ) {}
 
   ngOnChanges(changes: SimpleChanges): void {

frontend/src/app/components/pref-option/pref-option.component.ts

@@ -2,7 +2,7 @@ import { Component, Input, OnInit } from '@angular/core';
 import { AutoUnsubscribe } from 'ngx-auto-unsubscribe-decorator';
 import {
   DecodedPref,
-  PrefValueType,
+  PrefValueType
 } from 'picsur-shared/dist/dto/preferences.dto';
 import { AsyncFailable, HasFailed } from 'picsur-shared/dist/types';
 import { Subject } from 'rxjs';
@@ -28,7 +28,7 @@ export class PrefOptionComponent implements OnInit {
 
   private updateSubject = new Subject<PrefValueType>();
 
-  constructor(private utilService: UtilService) {}
+  constructor(private readonly utilService: UtilService) {}
 
   ngOnInit(): void {
     this.subscribeUpdate();

frontend/src/app/guards/permission.guard.ts

@@ -4,7 +4,7 @@ import {
   CanActivate,
   CanActivateChild,
   Router,
-  RouterStateSnapshot,
+  RouterStateSnapshot
 } from '@angular/router';
 import { isPermissionsArray } from 'picsur-shared/dist/validators/permissions.validator';
 import { PRouteData } from '../models/dto/picsur-routes.dto';
@@ -20,9 +20,9 @@ export class PermissionGuard implements CanActivate, CanActivateChild {
   private allPermissionsArray: string[] | null = null;
 
   constructor(
-    private permissionService: PermissionService,
+    private readonly permissionService: PermissionService,
-    private staticInfo: StaticInfoService,
+    private readonly staticInfo: StaticInfoService,
-    private router: Router,
+    private readonly router: Router,
   ) {
     this.setupAllPermissions().catch(this.logger.error);
   }

frontend/src/app/routes/processing/processing.component.ts

@@ -10,9 +10,9 @@ import { UtilService } from 'src/app/util/util-module/util.service';
 })
 export class ProcessingComponent implements OnInit {
   constructor(
-    private router: Router,
+    private readonly router: Router,
-    private imageService: ImageService,
+    private readonly imageService: ImageService,
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
   ) {}
 
   async ngOnInit() {

frontend/src/app/routes/settings/general/settings-general.component.ts

@@ -12,7 +12,7 @@ export class SettingsGeneralComponent {
 
   preferences: Observable<DecodedPref[]>;
 
-  constructor(public usrPrefService: UsrPrefService) {
+  constructor(public readonly usrPrefService: UsrPrefService) {
     this.preferences = usrPrefService.live;
   }
 }

frontend/src/app/routes/settings/roles/settings-roles-edit/settings-roles-edit.component.ts

@@ -35,11 +35,11 @@ export class SettingsRolesEditComponent implements OnInit {
   }
 
   constructor(
-    private route: ActivatedRoute,
+    private readonly route: ActivatedRoute,
-    private router: Router,
+    private readonly router: Router,
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
-    private rolesService: RolesService,
+    private readonly rolesService: RolesService,
-    private staticInfo: StaticInfoService,
+    private readonly staticInfo: StaticInfoService,
   ) {}
 
   ngOnInit() {

frontend/src/app/routes/settings/roles/settings-roles.component.ts

@@ -37,11 +37,12 @@ export class SettingsRolesComponent implements OnInit, AfterViewInit {
   @ViewChild(MatPaginator) paginator: MatPaginator;
 
   constructor(
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
-    private rolesService: RolesService,
+    private readonly rolesService: RolesService,
-    private staticInfo: StaticInfoService,
+    private readonly staticInfo: StaticInfoService,
-    private router: Router,
+    private readonly router: Router,
-    public bootstrapService: BootstrapService,
+    // Public because used in template
+    public readonly bootstrapService: BootstrapService,
   ) {}
 
   ngOnInit(): void {

frontend/src/app/routes/settings/sidebar/settings-sidebar.component.ts

@@ -15,9 +15,9 @@ export class SettingsSidebarComponent implements OnInit {
   systemRoutes: PRoutes = [];
 
   constructor(
-    @Inject('SettingsRoutes') private settingsRoutes: PRoutes,
+    @Inject('SettingsRoutes') private readonly settingsRoutes: PRoutes,
-    private permissionService: PermissionService,
+    private readonly permissionService: PermissionService,
-    private router: Router,
+    private readonly router: Router,
   ) {}
 
   ngOnInit() {

frontend/src/app/routes/settings/sys-pref/settings-sys-pref.component.ts

@@ -8,11 +8,11 @@ import { SysPrefService } from 'src/app/services/api/sys-pref.service';
   templateUrl: './settings-sys-pref.component.html',
 })
 export class SettingsSysprefComponent {
-  public translator = SysPreferenceFriendlyNames;
+  public readonly translator = SysPreferenceFriendlyNames;
 
   preferences: Observable<DecodedPref[]>;
 
-  constructor(public sysPrefService: SysPrefService) {
+  constructor(public readonly sysPrefService: SysPrefService) {
     this.preferences = sysPrefService.live;
   }
 }

frontend/src/app/routes/settings/users/settings-users-edit/settings-users-edit.component.ts

@@ -43,12 +43,12 @@ export class SettingsUsersEditComponent implements OnInit {
   }
 
   constructor(
-    private route: ActivatedRoute,
+    private readonly route: ActivatedRoute,
-    private router: Router,
+    private readonly router: Router,
-    private userManageService: UserAdminService,
+    private readonly userManageService: UserAdminService,
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
-    private rolesService: RolesService,
+    private readonly rolesService: RolesService,
-    private staticInfo: StaticInfoService,
+    private readonly staticInfo: StaticInfoService,
   ) {}
 
   ngOnInit() {

frontend/src/app/routes/settings/users/settings-users.component.ts

@@ -34,11 +34,12 @@ export class SettingsUsersComponent implements OnInit {
   @ViewChild(MatPaginator) paginator: MatPaginator;
 
   constructor(
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
-    private userManageService: UserAdminService,
+    private readonly userManageService: UserAdminService,
-    private staticInfo: StaticInfoService,
+    private readonly staticInfo: StaticInfoService,
-    private router: Router,
+    private readonly router: Router,
-    public bootstrapService: BootstrapService,
+    // Public because used in template
+    public readonly bootstrapService: BootstrapService,
   ) {}
 
   ngOnInit() {

frontend/src/app/routes/upload/upload.component.ts

@@ -16,9 +16,9 @@ export class UploadComponent implements OnInit {
   canUpload = true;
 
   constructor(
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
-    private permissionService: PermissionService,
+    private readonly permissionService: PermissionService,
-    private router: Router,
+    private readonly router: Router,
   ) {}
 
   ngOnInit(): void {

frontend/src/app/routes/user/login/login.component.ts

@@ -18,15 +18,15 @@ import { LoginControl } from '../../../models/forms/login.control';
 export class LoginComponent implements OnInit {
   private readonly logger = new Logger('LoginComponent');
 
-  showRegister = false;
+  public showRegister = false;
 
-  model = new LoginControl();
+  public readonly model = new LoginControl();
 
   constructor(
-    private userService: UserService,
+    private readonly userService: UserService,
-    private permissionService: PermissionService,
+    private readonly permissionService: PermissionService,
-    private router: Router,
+    private readonly router: Router,
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
   ) {}
 
   ngOnInit(): void {

frontend/src/app/routes/user/register/register.component.ts

@@ -18,15 +18,15 @@ import { RegisterControl } from '../../../models/forms/register.control';
 export class RegisterComponent implements OnInit {
   private readonly logger = new Logger('RegisterComponent');
 
-  showLogin = false;
+  public showLogin = false;
 
-  model = new RegisterControl();
+  public readonly model = new RegisterControl();
 
   constructor(
-    private userService: UserService,
+    private readonly userService: UserService,
-    private permissionService: PermissionService,
+    private readonly permissionService: PermissionService,
-    private router: Router,
+    private readonly router: Router,
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
   ) {}
 
   ngOnInit(): void {

frontend/src/app/routes/view/customize-dialog/customize-dialog.component.ts

@@ -38,8 +38,8 @@ export class CustomizeDialogComponent implements OnInit {
   public quality: number;
 
   constructor(
-    public dialogRef: MatDialogRef<CustomizeDialogComponent>,
+    public readonly dialogRef: MatDialogRef<CustomizeDialogComponent>,
-    private imageService: ImageService,
+    private readonly imageService: ImageService,
     @Inject(MAT_DIALOG_DATA) data: CustomizeDialogData,
   ) {
     this.formatOptions = data.formatOptions;

frontend/src/app/routes/view/view.component.ts

@@ -1,5 +1,4 @@
 import { Component, OnInit } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ImageLinks } from 'picsur-shared/dist/dto/image-links.class';
 import {
@@ -29,11 +28,10 @@ import {
 })
 export class ViewComponent implements OnInit {
   constructor(
-    private route: ActivatedRoute,
+    private readonly route: ActivatedRoute,
-    private router: Router,
+    private readonly router: Router,
-    private imageService: ImageService,
+    private readonly imageService: ImageService,
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
-    private dialog: MatDialog,
   ) {}
 
   private id: string;

frontend/src/app/services/api/api.service.ts

@@ -1,4 +1,5 @@
 import { Inject, Injectable } from '@angular/core';
+import { WINDOW } from '@ng-web-apis/common';
 import { ApiResponseSchema } from 'picsur-shared/dist/dto/api/api.dto';
 import { Mime2Ext } from 'picsur-shared/dist/dto/mimes.dto';
 import { AsyncFailable, Fail, HasFailed } from 'picsur-shared/dist/types';
@@ -10,7 +11,6 @@ import { z } from 'zod';
 import { MultiPartRequest } from '../../models/dto/multi-part-request.dto';
 import { Logger } from '../logger/logger.service';
 import { KeyService } from '../storage/key.service';
-import { WINDOW } from '@ng-web-apis/common';
 
 /*
   Proud of this, it works so smoooth
@@ -30,7 +30,7 @@ export class ApiService {
 
   constructor(
     private readonly keyService: KeyService,
-    @Inject(WINDOW) readonly windowRef: Window,
+    @Inject(WINDOW) private readonly windowRef: Window,
   ) {}
 
   public async get<T extends z.AnyZodObject>(

frontend/src/app/services/api/image.service.ts

@@ -25,10 +25,10 @@ import { UserService } from './user.service';
 })
 export class ImageService {
   constructor(
-    private api: ApiService,
+    private readonly api: ApiService,
-    @Inject(LOCATION) readonly location: Location,
+    @Inject(LOCATION) private readonly location: Location,
 
-    private userService: UserService,
+    private readonly userService: UserService,
   ) {}
 
   public async UploadImage(image: File): AsyncFailable<string> {

frontend/src/app/services/api/permission.service.ts

@@ -38,9 +38,9 @@ export class PermissionService {
   }
 
   constructor(
-    private userService: UserService,
+    private readonly userService: UserService,
-    private api: ApiService,
+    private readonly api: ApiService,
-    private staticInfo: StaticInfoService,
+    private readonly staticInfo: StaticInfoService,
   ) {
     this.subscribeUser();
     this.loadAllPermissions().catch(this.logger.error);

frontend/src/app/services/api/roles.service.ts

@@ -19,7 +19,7 @@ import { ApiService } from './api.service';
   providedIn: 'root',
 })
 export class RolesService {
-  constructor(private api: ApiService) {}
+  constructor(private readonly api: ApiService) {}
 
   public async getRoles(): AsyncFailable<ERole[]> {
     const response = await this.api.get(RoleListResponse, '/api/roles/list');

frontend/src/app/services/api/static-info.service.ts

@@ -10,7 +10,10 @@ import { ApiService } from './api.service';
   providedIn: 'root',
 })
 export class StaticInfoService {
-  constructor(private api: ApiService, private cache: CacheService) {}
+  constructor(
+    private readonly api: ApiService,
+    private readonly cache: CacheService,
+  ) {}
 
   public async getSpecialRoles(): Promise<SpecialRolesResponse> {
     return this.cache.getFallback(

frontend/src/app/services/api/sys-pref.service.ts

@@ -39,9 +39,9 @@ export class SysPrefService {
   }
 
   constructor(
-    private api: ApiService,
+    private readonly api: ApiService,
-    private permissionsService: PermissionService,
+    private readonly permissionsService: PermissionService,
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
   ) {
     this.subscribePermissions();
   }

frontend/src/app/services/api/user-manage.service.ts

@@ -9,7 +9,7 @@ import {
   UserListRequest,
   UserListResponse,
   UserUpdateRequest,
-  UserUpdateResponse,
+  UserUpdateResponse
 } from 'picsur-shared/dist/dto/api/user-manage.dto';
 import { EUser } from 'picsur-shared/dist/entities/user.entity';
 import { AsyncFailable } from 'picsur-shared/dist/types';
@@ -19,7 +19,7 @@ import { ApiService } from './api.service';
   providedIn: 'root',
 })
 export class UserAdminService {
-  constructor(private api: ApiService) {}
+  constructor(private readonly api: ApiService) {}
 
   public async getUser(id: string): AsyncFailable<EUser> {
     return await this.api.post(

frontend/src/app/services/api/user.service.ts

@@ -5,7 +5,7 @@ import {
   UserLoginResponse,
   UserMeResponse,
   UserRegisterRequest,
-  UserRegisterResponse,
+  UserRegisterResponse
 } from 'picsur-shared/dist/dto/api/user.dto';
 import { JwtDataSchema } from 'picsur-shared/dist/dto/jwt.dto';
 import { EUser } from 'picsur-shared/dist/entities/user.entity';
@@ -34,7 +34,10 @@ export class UserService {
     return this.userSubject.getValue() !== null;
   }
 
-  constructor(private api: ApiService, private key: KeyService) {
+  constructor(
+    private readonly api: ApiService,
+    private readonly key: KeyService,
+  ) {
     this.init().catch(this.logger.error);
   }
 

frontend/src/app/services/api/usr-pref.service.ts

@@ -39,9 +39,9 @@ export class UsrPrefService {
   }
 
   constructor(
-    private api: ApiService,
+    private readonly api: ApiService,
-    private permissionsService: PermissionService,
+    private readonly permissionsService: PermissionService,
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
   ) {
     this.subscribePermissions();
   }

frontend/src/app/services/sidebar-resolver/sidebar-resolver.service.ts

@@ -13,7 +13,7 @@ import { PRouteData } from 'src/app/models/dto/picsur-routes.dto';
 export class SidebarResolverService
   implements Resolve<Portal<unknown> | undefined>
 {
-  constructor(private injector: Injector) {}
+  constructor(private readonly injector: Injector) {}
 
   resolve(route: ActivatedRouteSnapshot) {
     const data: PRouteData = route.data;

frontend/src/app/util/util-module/api-error.service.ts

@@ -12,12 +12,14 @@ export class ApiErrorService {
   private readonly logger = new Logger('ApiErrorService');
 
   constructor(
-    private apiSerivce: ApiService,
+    private readonly apiSerivce: ApiService,
-    private utilService: UtilService,
+    private readonly utilService: UtilService,
   ) {
     this.subscribeErrors();
   }
 
+  nothing(): void {}
+
   @AutoUnsubscribe()
   private subscribeErrors() {
     return this.apiSerivce.networkErrors.subscribe((error) => {

frontend/src/app/util/util-module/bootstrap.service.ts

@@ -1,7 +1,7 @@
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Injectable } from '@angular/core';
 import { AutoUnsubscribe } from 'ngx-auto-unsubscribe-decorator';
-import { Observable, map, BehaviorSubject, zip, combineLatest } from 'rxjs';
+import { BehaviorSubject, combineLatest, map, Observable } from 'rxjs';
 import { Logger } from 'src/app/services/logger/logger.service';
 
 export enum BSScreenSize {
@@ -28,7 +28,7 @@ export class BootstrapService {
   private screenSizeSubject: BehaviorSubject<BSScreenSize> =
     new BehaviorSubject<BSScreenSize>(BSScreenSize.xs);
 
-  constructor(private breakPointObserver: BreakpointObserver) {
+  constructor(private readonly breakPointObserver: BreakpointObserver) {
     this.smObservable = this.createObserver('(min-width: 576px)');
     this.mdObservable = this.createObserver('(min-width: 768px)');
     this.lgObservable = this.createObserver('(min-width: 992px)');

frontend/src/app/util/util-module/confirm-dialog/confirm-dialog.component.ts

@@ -21,8 +21,8 @@ export interface ConfirmDialogData {
 })
 export class ConfirmDialogComponent {
   constructor(
-    public dialogRef: MatDialogRef<ConfirmDialogComponent>,
+    public readonly dialogRef: MatDialogRef<ConfirmDialogComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: ConfirmDialogData,
+    @Inject(MAT_DIALOG_DATA) public readonly data: ConfirmDialogData,
   ) {}
 
   onButton(name: string) {

frontend/src/app/util/util-module/download-dialog/download-dialog.component.ts

@@ -11,7 +11,7 @@ export interface DownloadDialogData {
 })
 export class DownloadDialogComponent {
   constructor(
-    public dialogRef: MatDialogRef<DownloadDialogComponent>,
+    public readonly dialogRef: MatDialogRef<DownloadDialogComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: DownloadDialogData,
+    @Inject(MAT_DIALOG_DATA) public readonly data: DownloadDialogData,
   ) {}
 }

frontend/src/app/util/util-module/util.module.ts

@@ -5,7 +5,7 @@ import { MatDialogModule } from '@angular/material/dialog';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import {
   MatSnackBarModule,
-  MAT_SNACK_BAR_DEFAULT_OPTIONS,
+  MAT_SNACK_BAR_DEFAULT_OPTIONS
 } from '@angular/material/snack-bar';
 import { RouterModule } from '@angular/router';
 import { ApiErrorService } from './api-error.service';
@@ -39,6 +39,8 @@ export class UtilModule {
     };
   }
 
-  // Start apiErrorService
+  // Start apiErrorService, the nothing function does nothing, but it silents the error.
-  constructor(private apiErrorService: ApiErrorService) {}
+  constructor(apiErrorService: ApiErrorService) {
+    apiErrorService.nothing();
+  }
 }

frontend/src/app/util/util-module/util.service.ts

@@ -10,7 +10,7 @@ import { SnackBarType } from '../../models/dto/snack-bar-type.dto';
 import { BootstrapService, BSScreenSize } from './bootstrap.service';
 import {
   ConfirmDialogComponent,
-  ConfirmDialogData,
+  ConfirmDialogData
 } from './confirm-dialog/confirm-dialog.component';
 import { DownloadDialogComponent } from './download-dialog/download-dialog.component';
 
@@ -21,11 +21,11 @@ export class UtilService {
   private readonly logger = new Logger('UtilService');
 
   constructor(
-    private snackBar: MatSnackBar,
+    private readonly snackBar: MatSnackBar,
-    private dialog: MatDialog,
+    private readonly dialog: MatDialog,
-    private router: Router,
+    private readonly router: Router,
-    private api: ApiService,
+    private readonly api: ApiService,
-    private bootstrap: BootstrapService,
+    private readonly bootstrap: BootstrapService,
   ) {}
 
   public quitError(message: string) {

frontend/src/app/workers/qoi-worker.service.ts

@@ -10,7 +10,7 @@ export class QoiWorkerService {
   private worker: Worker | null = null;
   private job: Promise<QOIJob> | null = null;
 
-  constructor(private keyService: KeyService) {
+  constructor(private readonly keyService: KeyService) {
     if (typeof Worker !== 'undefined') {
       this.worker = new Worker(new URL('./qoi.worker', import.meta.url));
     } else {