Angular 15 and all JS deps #9282

Except:

- @types/node, we run on node 16

Author: PowerKiKi

.browserslistrc

@@ -122,5 +122,13 @@
                 }
             }
         }
+    },
+    "schematics": {
+        "@angular-eslint/schematics:application": {
+            "setParserOptionsProject": true
+        },
+        "@angular-eslint/schematics:library": {
+            "setParserOptionsProject": true
+        }
     }
 }

angular.json

@@ -40,45 +40,46 @@
         "url": "https://github.com/Ecodev/angular-natural-gallery/issues"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "^14.1.1",
-        "@angular-eslint/builder": "^14.0.2",
-        "@angular-eslint/eslint-plugin": "^14.0.2",
-        "@angular-eslint/eslint-plugin-template": "^14.0.2",
-        "@angular-eslint/schematics": "^14.0.2",
-        "@angular-eslint/template-parser": "^14.0.2",
-        "@angular/animations": "^14.1.1",
-        "@angular/cli": "^14.1.1",
-        "@angular/common": "^14.1.1",
-        "@angular/compiler": "^14.1.1",
-        "@angular/compiler-cli": "^14.1.1",
-        "@angular/core": "^14.1.1",
-        "@angular/language-service": "^14.1.1",
-        "@angular/platform-browser": "^14.1.1",
-        "@angular/platform-browser-dynamic": "^14.1.1",
-        "@angular/router": "^14.1.1",
+        "@angular-devkit/build-angular": "^15.1.3",
+        "@angular-eslint/builder": "^15.2.0",
+        "@angular-eslint/eslint-plugin": "^15.2.0",
+        "@angular-eslint/eslint-plugin-template": "^15.2.0",
+        "@angular-eslint/schematics": "^15.2.0",
+        "@angular-eslint/template-parser": "^15.2.0",
+        "@angular/animations": "^15.1.2",
+        "@angular/cli": "^15.1.3",
+        "@angular/common": "^15.1.2",
+        "@angular/compiler": "^15.1.2",
+        "@angular/compiler-cli": "^15.1.2",
+        "@angular/core": "^15.1.2",
+        "@angular/language-service": "^15.1.2",
+        "@angular/platform-browser": "^15.1.2",
+        "@angular/platform-browser-dynamic": "^15.1.2",
+        "@angular/router": "^15.1.2",
         "@ecodev/natural-gallery-js": "^9.1.4",
-        "@playwright/test": "^1.24.2",
-        "@types/jasmine": "~4.0.3",
+        "@playwright/test": "^1.30.0",
+        "@types/jasmine": "~4.3.1",
         "@types/jasminewd2": "^2.0.9",
         "@types/node": "^16.0",
-        "@typescript-eslint/eslint-plugin": "^5.29.0",
-        "@typescript-eslint/parser": "^5.29.0",
-        "eslint": "^8.18.0",
-        "jasmine-core": "~4.3.0",
+        "@typescript-eslint/eslint-plugin": "^5.43.0",
+        "@typescript-eslint/parser": "^5.43.0",
+        "eslint": "^8.28.0",
+        "jasmine-core": "~4.5.0",
         "jasmine-spec-reporter": "~7.0.0",
         "karma": "~6.4.0",
         "karma-chrome-launcher": "~3.1.1",
         "karma-coverage-istanbul-reporter": "~3.0.2",
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "^2.0.0",
-        "ng-packagr": "^14.1.0",
-        "photoswipe": "^5.3.2",
-        "prettier": "2.7.1",
-        "rxjs": "^7.5.6",
+        "ng-packagr": "^15.1.1",
+        "photoswipe": "^5.3.4",
+        "prettier": "2.8.3",
+        "rxjs": "^7.8.0",
         "scss-bundle": "^3.1.2",
         "ts-node": "^10.9.1",
-        "tslib": "^2.4.0",
-        "typescript": "~4.7.4",
-        "zone.js": "~0.11.7"
-    }
+        "tslib": "^2.5.0",
+        "typescript": "~4.9.4",
+        "zone.js": "~0.12.0"
+    },
+    "dependencies": {}
 }

package.json

@@ -14,7 +14,7 @@
         "tslib": "^2.0.0"
     },
     "peerDependencies": {
-        "@angular/common": "^14.1.1",
-        "@angular/core": "^14.1.1"
+        "@angular/common": "^15.1.0",
+        "@angular/core": "^15.1.0"
     }
 }

projects/angular-natural-gallery/package.json

@@ -5,14 +5,7 @@ import 'zone.js/testing';
 import {getTestBed} from '@angular/core/testing';
 import {BrowserDynamicTestingModule, platformBrowserDynamicTesting} from '@angular/platform-browser-dynamic/testing';
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
     teardown: {destroyAfterEach: false},
 });
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

projects/angular-natural-gallery/src/test.ts

@@ -3,7 +3,6 @@
     "compilerOptions": {
         "outDir": "../../out-tsc/lib",
         "declarationMap": true,
-        "target": "es2020",
         "module": "es2015",
         "moduleResolution": "node",
         "declaration": true,

projects/angular-natural-gallery/tsconfig.lib.json

@@ -10,7 +10,7 @@
         "experimentalDecorators": true,
         "strictNullChecks": true,
         "importHelpers": true,
-        "target": "es2020",
+        "target": "ES2022",
         "typeRoots": ["node_modules/@types"],
         "lib": ["es2017", "dom"],
         "allowSyntheticDefaultImports": true,
@@ -20,7 +20,8 @@
             "@ecodev/angular-natural-gallery/*": ["dist/angular-natural-gallery/*"],
             "photoswipe/lightbox": ["./node_modules/photoswipe/dist/types/photoswipe.d.ts"]
         },
-        "noImplicitOverride": true
+        "noImplicitOverride": true,
+        "useDefineForClassFields": false
     },
     "angularCompilerOptions": {
         "fullTemplateTypeCheck": true,