(BREAKING) Bump Angular to v15 (#1)

.browserslistrc

@@ -1,11 +1,16 @@
-# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
 # For additional information regarding the format and rule options, please see:
 # https://github.com/browserslist/browserslist#queries
-#
-# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
 
-> 0.5%
-last 2 versions
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 2 Chrome versions
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
 Firefox ESR
-not dead
-not IE 9-11

.github/workflows/size.yml

@@ -30,4 +30,4 @@ jobs:
         with:
           repo-token: '${{ secrets.GITHUB_TOKEN }}'
           minimum-change-threshold: 10000 # 10 KB
-          build-script: 'turbo run build --color --concurrency=5'
+          build-script: 'turbo run build:lib --color --concurrency=5'

package.json

@@ -16,16 +16,16 @@
   },
   "private": false,
   "dependencies": {
-    "@angular/animations": "^14.2.7",
-    "@angular/cdk": "^14.2.7",
-    "@angular/common": "^14.2.7",
-    "@angular/compiler": "^14.2.7",
-    "@angular/core": "^14.2.7",
-    "@angular/forms": "^14.2.7",
-    "@angular/material": "^14.2.7",
-    "@angular/platform-browser": "^14.2.7",
-    "@angular/platform-browser-dynamic": "^14.2.7",
-    "@angular/router": "^14.2.7",
+    "@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/router": "^15.2.10",
     "core-js": "^2.5.4",
     "jspdf": "^1.5.3",
     "ngx-webcam": "^0.4.1",
@@ -34,15 +34,15 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.2.13",
-    "@angular-eslint/builder": "^14.4.0",
-    "@angular-eslint/eslint-plugin": "^14.4.0",
-    "@angular-eslint/eslint-plugin-template": "^14.4.0",
-    "@angular-eslint/schematics": "^14.4.0",
-    "@angular-eslint/template-parser": "^14.4.0",
-    "@angular/cli": "^14.2.13",
-    "@angular/compiler-cli": "^14.3.0",
-    "@angular/language-service": "^14.3.0",
+    "@angular-devkit/build-angular": "^15.2.10",
+    "@angular-eslint/builder": "^15.2.1",
+    "@angular-eslint/eslint-plugin": "^15.2.1",
+    "@angular-eslint/eslint-plugin-template": "^15.2.1",
+    "@angular-eslint/schematics": "^15.2.1",
+    "@angular-eslint/template-parser": "^15.2.1",
+    "@angular/cli": "^15.2.10",
+    "@angular/compiler-cli": "^15.2.10",
+    "@angular/language-service": "^15.2.10",
     "@types/jasmine": "^3.6.0",
     "@types/jasminewd2": "^2.0.3",
     "@types/node": "^18.7.14",
@@ -59,13 +59,13 @@
     "karma-jasmine": "^4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
     "lint-staged": ">=10",
-    "ng-packagr": "~14.2.2",
+    "ng-packagr": "~15.2.2",
     "prettier": "3.0.3",
     "protractor": "^7.0.0",
     "ts-node": "^5.0.1",
     "tslint": "^6.1.0",
     "turbo": "^1.10.15",
-    "typescript": "~4.6.4"
+    "typescript": "~4.9.5"
   },
   "lint-staged": {
     "*.js": "eslint --cache --fix",

projects/ngx-file-uploader/src/test.ts

@@ -9,8 +9,6 @@ import {
   platformBrowserDynamicTesting,
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
@@ -19,7 +17,3 @@ getTestBed().initTestEnvironment(
     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/ngx-file-uploader/tsconfig.lib.json

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

src/test.ts

@@ -7,8 +7,6 @@ import {
   platformBrowserDynamicTesting,
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
@@ -17,7 +15,3 @@ getTestBed().initTestEnvironment(
     teardown: { destroyAfterEach: false },
   }
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

tsconfig.json

@@ -11,12 +11,22 @@
     "module": "es2020",
     "moduleResolution": "node",
     "experimentalDecorators": true,
-    "target": "es2020",
-    "typeRoots": ["node_modules/@types"],
-    "lib": ["es2018", "dom"],
+    "target": "ES2022",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2018",
+      "dom"
+    ],
     "paths": {
-      "@openmrs/ngx-file-uploader": ["dist/ngx-file-uploader"],
-      "@openmrs/ngx-file-uploader/*": ["dist/ngx-file-uploader/*"]
-    }
+      "@openmrs/ngx-file-uploader": [
+        "dist/ngx-file-uploader"
+      ],
+      "@openmrs/ngx-file-uploader/*": [
+        "dist/ngx-file-uploader/*"
+      ]
+    },
+    "useDefineForClassFields": false
   }
 }