feat(angular-update) - to version 16

Author: adirochs

apps/codever-ui/package-lock.json

@@ -14,18 +14,18 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^15.2.10",
-    "@angular/cdk": "^15.2.9",
-    "@angular/common": "^15.2.10",
-    "@angular/compiler": "^15.2.10",
-    "@angular/core": "^15.2.10",
-    "@angular/forms": "^15.2.10",
-    "@angular/material": "^15.2.9",
-    "@angular/platform-browser": "^15.2.10",
-    "@angular/platform-browser-dynamic": "^15.2.10",
+    "@angular/animations": "^16.2.12",
+    "@angular/cdk": "^16.2.14",
+    "@angular/common": "^16.2.12",
+    "@angular/compiler": "^16.2.12",
+    "@angular/core": "^16.2.12",
+    "@angular/forms": "^16.2.12",
+    "@angular/material": "^16.2.14",
+    "@angular/platform-browser": "^16.2.12",
+    "@angular/platform-browser-dynamic": "^16.2.12",
     "@angular/pwa": "^0.901.10",
-    "@angular/router": "15.2.10",
-    "@angular/service-worker": "^15.2.10",
+    "@angular/router": "16.2.12",
+    "@angular/service-worker": "^16.2.12",
     "bootstrap": "^4.4.1",
     "core-js": "^2.6.11",
     "dompurify": "^2.4.3",
@@ -39,12 +39,12 @@
     "rxjs": "^6.5.3",
     "screenfull": "^5.1.0",
     "ts-md5": "^1.2.7",
-    "zone.js": "~0.11.4"
+    "zone.js": "~0.13.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^15.2.11",
-    "@angular/cli": "15.2.11",
-    "@angular/compiler-cli": "^15.2.10",
+    "@angular-devkit/build-angular": "^16.2.14",
+    "@angular/cli": "16.2.14",
+    "@angular/compiler-cli": "^16.2.12",
     "@fortawesome/fontawesome-free": "^5.12.0",
     "@types/core-js": "^2.5.2",
     "@types/dompurify": "^2.4.0",
@@ -70,6 +70,6 @@
     "prettier": "^2.8.7",
     "ts-node": "^8.1.1",
     "tslint": "~6.1.0",
-    "typescript": "4.8.x"
+    "typescript": "5.1.6"
   }
 }

apps/codever-ui/package.json

@@ -29,14 +29,16 @@ export class CreateSnippetFormComponent
   extends SnippetFormBaseComponent
   implements OnInit
 {
-  snippetFormGroup: UntypedFormGroup;
-  codeSnippetsFormArray: UntypedFormArray;
+
+  declare snippetFormGroup: UntypedFormGroup;
+
+  declare codeSnippetsFormArray: UntypedFormArray;
   userId = null;
 
   @ViewChild('tagInput', { static: false })
-  tagInput: ElementRef;
+  declare tagInput: ElementRef;
 
-  snippet: Snippet;
+  declare snippet: Snippet;
 
   @Input()
   code; // value of "desc" query parameter if present

apps/codever-ui/src/app/my-snippets/create-snippet-form/create-snippet-form.component.ts

@@ -33,15 +33,15 @@ export class UpdateSnippetFormComponent
   extends SnippetFormBaseComponent
   implements OnInit, OnChanges
 {
-  snippetFormGroup: UntypedFormGroup;
-  codeSnippetsFormArray: UntypedFormArray;
+  declare snippetFormGroup: UntypedFormGroup;
+  declare codeSnippetsFormArray: UntypedFormArray;
   userId = null;
 
   @Input()
-  snippet: Snippet;
+  declare snippet: Snippet;
 
   @ViewChild('tagInput', { static: false })
-  tagInput: ElementRef;
+  declare tagInput: ElementRef;
 
   @Input()
   isUpdate: boolean;

apps/codever-ui/src/app/my-snippets/update-snippet-form/update-snippet-form.component.ts

@@ -19,7 +19,7 @@ import { TagFollowingBaseComponent } from '../tag-following-base-component/tag-f
   styleUrls: ['./async-bookmark-list.component.scss'],
 })
 export class AsyncBookmarkListComponent extends TagFollowingBaseComponent {
-  verifyForWatchedTag: Observable<string>; // used to avoid looking in watchedTags for other tags in the html template
+  declare verifyForWatchedTag: Observable<string>; // used to avoid looking in watchedTags for other tags in the html template
 
   @Input()
   bookmarks$: Observable<Bookmark[]>;

apps/codever-ui/src/app/shared/async-bookmark-list/async-bookmark-list.component.ts

@@ -21,7 +21,7 @@ import { Note } from '../../core/model/note';
   styleUrls: ['./async-search-result-list.component.scss'],
 })
 export class AsyncSearchResultListComponent extends TagFollowingBaseComponent {
-  verifyForWatchedTag: Observable<string>; // used to avoid looking in watchedTags for other tags in the html template
+  declare verifyForWatchedTag: Observable<string>; // used to avoid looking in watchedTags for other tags in the html template
 
   @Input()
   searchResults$: Observable<(Bookmark | Snippet | Note)[]>;

apps/codever-ui/src/app/shared/async-search-result-list/async-search-result-list.component.ts

@@ -11,7 +11,7 @@
     "experimentalDecorators": true,
     "allowSyntheticDefaultImports": true,
     "importHelpers": true,
-    "target": "es2020",
+    "target": "es2022",
     "typeRoots": ["node_modules/@types"],
     "lib": ["es2018", "dom"]
   }

apps/codever-ui/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "name": "Codever",
-  "version": "9.0.0",
+  "version": "10.0.0",
   "description": "Codever - bookmarks, snippets and notes manager for developers & co",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",