Upgrade to Angular 15

.eslintrc.json

@@ -22,6 +22,7 @@
         "plugin:@typescript-eslint/recommended"
       ],
       "rules": {
+        "jsdoc/newline-after-description": "off",
         "@angular-eslint/component-selector": [
           "error",
           {

.github/workflows/build-test.yml

@@ -12,7 +12,7 @@ jobs:
     steps:
       - uses: actions/checkout@v2
       - uses: bahmutov/npm-install@v1
-      - run: yarn build --configuration production
+      - run: yarn build ngrx-idb && yarn build ngx-idb && yarn build
 
   test-eslint:
     name: Lint

angular.json

@@ -52,7 +52,8 @@
               "typedarray-to-buffer",
               "debug",
               "readable-web-to-node-stream",
-              "node-vibrant"
+              "node-vibrant",
+              "process"
             ],
             "vendorChunk": true,
             "extractLicenses": false,
@@ -145,6 +146,72 @@
           }
         }
       }
+    },
+    "ngrx-idb": {
+      "projectType": "library",
+      "root": "projects/ngrx-idb",
+      "sourceRoot": "projects/ngrx-idb/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "projects/ngrx-idb/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/ngrx-idb/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/ngrx-idb/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "tsConfig": "projects/ngrx-idb/tsconfig.spec.json",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ]
+          }
+        }
+      }
+    },
+    "ngx-idb": {
+      "projectType": "library",
+      "root": "projects/ngx-idb",
+      "sourceRoot": "projects/ngx-idb/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "projects/ngx-idb/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/ngx-idb/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/ngx-idb/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "tsConfig": "projects/ngx-idb/tsconfig.spec.json",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ]
+          }
+        }
+      }
     }
   },
   "cli": {

netlify.toml

@@ -1,5 +1,5 @@
 [build]
-  command = "yarn build --configuration production"
+  command = "yarn build ngrx-idb && yarn build ngx-idb && yarn build"
   publish = "dist/musicsource"
 
 [[redirects]]

package.json

@@ -7,75 +7,67 @@
     "build": "ng build",
     "test": "ng test",
     "lint": "ng lint",
-    "prettier": "prettier -c src",
-    "docs": "compodoc -p ./tsconfig.json --hideGenerator  --name MusicSource --customLogo src/assets/docs_logo.png",
-    "cypress:open": "start-server-and-test start 4200 \"cypress open\"",
-    "cypress:verify": "cypress verify",
-    "cypress:run": "start-server-and-test start 4200 \"cypress run\""
+    "prettier": "prettier -c src"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.0.2",
-    "@angular/cdk": "^14.0.2",
-    "@angular/common": "^14.0.2",
-    "@angular/compiler": "^14.0.2",
-    "@angular/core": "^14.0.2",
-    "@angular/forms": "^14.0.2",
-    "@angular/material": "^14.0.2",
-    "@angular/platform-browser": "^14.0.2",
-    "@angular/platform-browser-dynamic": "^14.0.2",
-    "@angular/router": "^14.0.2",
-    "@angular/service-worker": "^14.0.2",
-    "@creasource/ngrx-idb": "0.1.0",
-    "@creasource/ngx-idb": "0.1.0",
+    "@angular/animations": "^15.2.9",
+    "@angular/cdk": "^15.2.9",
+    "@angular/common": "^15.2.9",
+    "@angular/compiler": "^15.2.9",
+    "@angular/core": "^15.2.9",
+    "@angular/forms": "^15.2.9",
+    "@angular/material": "^15.2.9",
+    "@angular/platform-browser": "^15.2.9",
+    "@angular/platform-browser-dynamic": "^15.2.9",
+    "@angular/router": "^15.2.9",
+    "@angular/service-worker": "^15.2.9",
     "@creasource/reactive-idb": "^1.2.1",
     "@mdi/js": "^6.6.96",
-    "@ngrx/effects": "^14.0.0",
-    "@ngrx/store": "^14.0.0",
-    "@ngrx/store-devtools": "^14.0.0",
+    "@ngrx/effects": "^15.4.0",
+    "@ngrx/store": "^15.4.0",
+    "@ngrx/store-devtools": "^15.4.0",
     "audiomotion-analyzer": "^3.6.0",
-    "music-metadata-browser": "^2.5.5",
+    "music-metadata-browser": "^2.5.10",
     "node-vibrant": "^3.1.6",
     "rxjs": "~7.5.5",
     "tslib": "^2.3.1",
     "type-fest": "^2.12.2",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "^14.0.0",
-    "@angular-devkit/build-angular": "^14.0.2",
-    "@angular-eslint/builder": "^14.0.0-alpha.3",
-    "@angular-eslint/eslint-plugin": "^14.0.0-alpha.3",
-    "@angular-eslint/eslint-plugin-template": "^14.0.0-alpha.3",
-    "@angular-eslint/schematics": "^14.0.0-alpha.3",
-    "@angular-eslint/template-parser": "^14.0.0-alpha.3",
-    "@angular/cli": "^14.0.2",
-    "@angular/compiler-cli": "^14.0.2",
-    "@compodoc/compodoc": "^1.1.16",
-    "@ngrx/schematics": "^14.0.0",
+    "@angular-builders/custom-webpack": "^15.0.0",
+    "@angular-devkit/architect": "~0.1502.9",
+    "@angular-devkit/build-angular": "^15.2.9",
+    "@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.9",
+    "@angular/compiler-cli": "^15.2.9",
+    "@ngrx/schematics": "^15.4.0",
     "@types/jasmine": "~3.6.0",
     "@types/node": "^12.11.1",
     "@types/offscreencanvas": "^2019.6.4",
     "@types/web": "^0.0.64",
     "@types/wicg-file-system-access": "^2020.9.5",
-    "@types/wicg-mediasession": "1.1.3",
-    "@typescript-eslint/eslint-plugin": "5.9.0",
-    "@typescript-eslint/parser": "5.9.0",
-    "cypress": "^8.7.0",
-    "eslint": "^8.6.0",
-    "eslint-plugin-import": "2.25.4",
-    "eslint-plugin-jsdoc": "37.5.1",
+    "@types/wicg-mediasession": "^1.1.4",
+    "@typescript-eslint/eslint-plugin": "^6.4.1",
+    "@typescript-eslint/parser": "^6.4.1",
+    "eslint": "^8.48.0",
+    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-jsdoc": "46.5.0",
     "eslint-plugin-prefer-arrow": "1.2.3",
-    "jasmine-core": "~3.6.0",
-    "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~6.3.4",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage": "~2.0.3",
-    "karma-jasmine": "~4.0.0",
-    "karma-jasmine-html-reporter": "^1.5.0",
-    "prettier": "^2.5.1",
-    "start-server-and-test": "^1.12.0",
-    "ts-node": "~8.3.0",
-    "typescript": "~4.7.4"
+    "jasmine-core": "~5.1.1",
+    "jasmine-spec-reporter": "~7.0.0",
+    "karma": "~6.4.2",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.1",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "^2.1.0",
+    "ng-packagr": "^15.2.2",
+    "prettier": "^3.0.2",
+    "typescript": "~4.9.5"
   }
 }

projects/ngrx-idb/README.md

@@ -0,0 +1,24 @@
+# NgrxIdb
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ngrx-idb` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngrx-idb`.
+> Note: Don't forget to add `--project ngrx-idb` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ngrx-idb` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ngrx-idb`, go to the dist folder `cd dist/ngrx-idb` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ngrx-idb` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

projects/ngrx-idb/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/ngrx-idb",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

projects/ngrx-idb/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "ngrx-idb",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^15.2.0",
+    "@angular/core": "^15.2.0",
+    "@ngrx/store": "^15"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}