Cleaning up things

.browserslistrc

@@ -5,9 +5,8 @@
 # You can see what browsers were selected by your queries by running:
 #   npx browserslist
 
-> 0.5%
+> 0.2%
 last 2 versions
-last 3 years
+last 4 years
 Firefox ESR
 not dead
-not IE 11 # For IE 9-11 support, remove 'not'.

package.json

@@ -14,7 +14,8 @@
     "e2e": "ng e2e"
   },
   "prettier": {
-    "singleQuote": true
+    "singleQuote": true,
+    "printWidth": 120
   },
   "private": true,
   "dependencies": {

src/app/app.component.ts

@@ -1,9 +1,6 @@
 import { Component, HostListener, OnInit } from '@angular/core';
 import { UDSApiService } from './uds-api.service';
 
-// External
-declare const django: any;
-declare const cookieconsent: any;
 
 
 @Component({

src/app/gui/components/service/service.component.ts

@@ -2,8 +2,6 @@ import { Component, OnInit, Input } from '@angular/core';
 import { JSONService, JSONTransport } from '../../../types/services';
 import { UDSApiService } from '../../../uds-api.service';
 
-declare const django: any;
-
 const MAX_NAME_LENGTH = 32;
 
 @Component({

src/app/gui/credentials-modal/credentials-modal.component.ts

@@ -1,8 +1,6 @@
 import {Component, Inject} from '@angular/core';
 import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 
-declare const django: any;
-
 @Component({
   selector: 'uds-credentials-modal',
   templateUrl: './credentials-modal.component.html',

src/app/gui/modal/modal.component.ts

@@ -3,8 +3,6 @@ import { Component, OnInit, Inject } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { interval, Subscription, Observable } from 'rxjs';
 
-declare const django: any;
-
 export enum DialogType {
   alert = 0,
   yesno = 1,

src/app/helpers/plugin.ts

@@ -3,8 +3,6 @@ import { UDSApiServiceType } from '../uds-api.service-type';
 import { toPromise } from '../gui/uds-gui.service';
 import { JSONTransportURLService } from '../types/services';
 
-declare const django: any;
-
 /**
  * Plugin manipulation class
  */

src/app/pages/client-download/client-download.component.ts

@@ -2,8 +2,6 @@ import { Component, OnInit } from '@angular/core';
 import { UDSApiService } from '../../uds-api.service';
 import { Downloadable } from '../../types/config';
 
-declare const django: any;
-
 @Component({
   selector: 'uds-client-download',
   templateUrl: './client-download.component.html',

src/app/pages/error/error.component.ts

@@ -2,9 +2,6 @@ import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { UDSApiService } from '../../uds-api.service';
 
-declare const django: any;
-declare const udsData: any;
-
 @Component({
   selector: 'uds-error',
   templateUrl: './error.component.html',

src/app/pages/login/login.component.ts

@@ -3,8 +3,6 @@ import { Component, OnInit } from '@angular/core';
 import { UDSApiService } from '../../uds-api.service';
 import { Authenticator } from '../../types/config';
 
-declare const django: any;
-
 @Component({
   selector: 'uds-login',
   templateUrl: './login.component.html',

src/app/pages/mfa/mfa.component.ts

@@ -1,8 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { UDSApiService } from '../../uds-api.service';
 
-declare const django: any;
-
 @Component({
   selector: 'uds-mfa',
   templateUrl: './mfa.component.html',

src/app/pages/services/services.component.ts

@@ -6,8 +6,6 @@ import {
   JSONService,
 } from '../../types/services';
 
-declare const django: any;
-
 class GroupedServices {
   services: JSONService[];
 

src/app/translate.directive.ts

@@ -1,7 +1,5 @@
 import { Directive, OnInit, ElementRef } from '@angular/core';
 
-declare const django: any;
-
 @Directive({
   // eslint-disable-next-line @angular-eslint/directive-selector
   selector: 'uds-translate'

src/app/uds-api.service.ts

@@ -19,8 +19,6 @@ import { UDSApiServiceType } from './uds-api.service-type';
 
 import { environment } from '../environments/environment';
 
-declare const udsData: any;
-declare const csrf: any;
 
 const DARK_THEME = 'dark-theme';
 const LIGHT_THEME = 'light-theme';

src/polyfills.ts

@@ -1,48 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
-* BROWSER POLYFILLS
-*/
-
-/** IE10 and IE11 requires the following for the Reflect API. */
-import 'core-js/es/reflect';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- */
-
- // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
-
- /*
- * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- * with the following flag, it will bypass `zone.js` patch for IE/Edge
- */
-// (window as any).__Zone_enable_cross_context_check = true;
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js';  // Included with Angular CLI.
-
-
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */

src/tsconfig.app.json

@@ -5,13 +5,11 @@
     "baseUrl": "./",
     "types": []
   },
-  "angularCompilerOptions": {
-    "strictTemplates": true
-  },
   "files": [
-    "main.ts",
+    "main.ts"
   ],
   "include": [
-    "src/**/*.d.ts"
+    "app/**/*.d.ts",
+    "**/*.d.ts",
   ]
 }

src/tsconfig.spec.json

@@ -8,9 +8,9 @@
       "node"
     ]
   },
-  "angularCompilerOptions": {
-    "strictTemplates": true
-  },
+  "files": [
+    "test.ts"
+  ],
   "include": [
     "**/*.spec.ts",
     "**/*.d.ts"

src/typings.d.ts

@@ -5,6 +5,7 @@ interface NodeModule {
   id: string;
 }
 /* UDS injected modules */
-// declare const django: any;
-// declare var udsData: any;
-
+declare const django: any;
+declare const udsData: any;
+declare const cookieconsent: any;
+declare const csrf: any;

tsconfig.json

@@ -1,28 +1,33 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "compileOnSave": false,
-  "angularCompilerOptions": {
-    "strictTemplates": true,
-  },
   "compilerOptions": {
-    "strict": true,
-    "downlevelIteration": true,
-    "importHelpers": true,
+    "baseUrl": "./",
     "outDir": "./dist/out-tsc",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
     "declaration": false,
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
+    "downlevelIteration": true,
     "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
     "target": "ES2022",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
+    "module": "ES2022",
+    "useDefineForClassFields": false,
     "lib": [
-      "es2017",
+      "ES2022",
       "dom"
-    ],
-    "module": "es2020",
-    "baseUrl": "./",
-    "useDefineForClassFields": true
+    ]
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
   }
-}
+}