chore: update dependencies (#71)

TapaiBalazs · Balázs Tápai · web-flow · commit ff7b7036ac03 · 2022-01-14T13:11:03.000+01:00
* chore: update dependencies

* chore: update dependencies after rebase

* chore: updated to latest NX

* fix: typing

* chore: updated some vulnerable dependencies

* chore: increase version number of ng-utils

* chore: update peer dependencies and package versions

Co-authored-by: Balázs Tápai &lt;balazs.@thisdot.co&gt;
diff --git a/.gitignore b/.gitignore
@@ -25,6 +25,7 @@
 !.vscode/extensions.json
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-16.2.0
+16.10.0
diff --git a/angular.json b/angular.json
@@ -1,37 +1,5 @@
 {
   "version": 1,
-  "cli": {
-    "analytics": "dd09100e-b7fd-414b-9917-44fd79f74f98",
-    "defaultCollection": "@nrwl/angular"
-  },
-  "defaultProject": "showcase",
-  "schematics": {
-    "@nrwl/angular": {
-      "application": {
-        "linter": "eslint"
-      },
-      "library": {
-        "linter": "eslint"
-      },
-      "storybook-configuration": {
-        "linter": "eslint"
-      }
-    },
-    "@nrwl/angular:application": {
-      "style": "scss",
-      "linter": "eslint",
-      "unitTestRunner": "jest",
-      "e2eTestRunner": "cypress"
-    },
-    "@nrwl/angular:library": {
-      "style": "scss",
-      "linter": "eslint",
-      "unitTestRunner": "jest"
-    },
-    "@nrwl/angular:component": {
-      "style": "scss"
-    }
-  },
   "projects": {
     "cypress-indexeddb": {
       "root": "libs/cypress-indexeddb",
@@ -64,7 +32,8 @@
             "assets": ["libs/cypress-indexeddb/*.md"]
           }
         }
-      }
+      },
+      "tags": ["framework:none", "type:e2e"]
     },
     "ng-utils": {
       "projectType": "library",
@@ -104,7 +73,8 @@
           },
           "outputs": ["{options.outputFile}"]
         }
-      }
+      },
+      "tags": ["framework:angular"]
     },
     "route-config": {
       "projectType": "library",
@@ -143,7 +113,8 @@
             "passWithNoTests": true
           }
         }
-      }
+      },
+      "tags": ["framework:angular"]
     },
     "showcase": {
       "projectType": "application",
@@ -231,7 +202,8 @@
             "passWithNoTests": true
           }
         }
-      }
+      },
+      "tags": ["framework:angular"]
     },
     "showcase-e2e": {
       "root": "apps/showcase-e2e",
@@ -258,7 +230,9 @@
           },
           "outputs": ["{options.outputFile}"]
         }
-      }
+      },
+      "tags": ["framework:angular", "type:e2e"],
+      "implicitDependencies": ["showcase"]
     },
     "utils": {
       "projectType": "library",
@@ -298,7 +272,8 @@
           },
           "outputs": ["{options.outputFile}"]
         }
-      }
+      },
+      "tags": ["framework:none"]
     }
   }
 }
diff --git a/apps/showcase-e2e/cypress.json b/apps/showcase-e2e/cypress.json
@@ -3,7 +3,7 @@
   "fixturesFolder": "./src/fixtures",
   "integrationFolder": "./src/integration",
   "modifyObstructiveCode": false,
-  "pluginsFile": "./src/plugins/index",
+  "pluginsFile": false,
   "supportFile": "./src/support/index.ts",
   "video": true,
   "videosFolder": "../../dist/cypress/apps/showcase-e2e/videos",
diff --git a/apps/showcase-e2e/src/plugins/index.js b/apps/showcase-e2e/src/plugins/index.js
diff --git a/apps/showcase/jest.config.js b/apps/showcase/jest.config.js
@@ -15,5 +15,8 @@ module.exports = {
     'jest-preset-angular/build/serializers/ng-snapshot',
     'jest-preset-angular/build/serializers/html-comment',
   ],
-  transform: { '^.+\\.(ts|js|html)$': 'jest-preset-angular' },
+  transform: {
+    '^.+.(ts|mjs|js|html)$': 'jest-preset-angular',
+  },
+  transformIgnorePatterns: ['node_modules/(?!.*.mjs$)'],
 };
diff --git a/apps/showcase/src/polyfills.ts b/apps/showcase/src/polyfills.ts
@@ -18,18 +18,6 @@
  * BROWSER POLYFILLS
  */
 
-/**
- * IE11 requires the following for NgClass support on SVG elements
- */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // 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
diff --git a/apps/showcase/tsconfig.spec.json b/apps/showcase/tsconfig.spec.json
@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
 }
diff --git a/libs/ng-utils/jest.config.js b/libs/ng-utils/jest.config.js
@@ -10,8 +10,9 @@ module.exports = {
   },
   coverageDirectory: '../../coverage/libs/ng-utils',
   transform: {
-    '^.+\\.(ts|js|html)$': 'jest-preset-angular',
+    '^.+.(ts|mjs|js|html)$': 'jest-preset-angular',
   },
+  transformIgnorePatterns: ['node_modules/(?!.*.mjs$)'],
   snapshotSerializers: [
     'jest-preset-angular/build/serializers/no-ng-attributes',
     'jest-preset-angular/build/serializers/ng-snapshot',
diff --git a/libs/ng-utils/package.json b/libs/ng-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@this-dot/ng-utils",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "A library containing useful utilities for Angular",
   "license": "MIT",
   "author": "This Dot Labs",
@@ -20,8 +20,8 @@
     "utilities"
   ],
   "peerDependencies": {
-    "@angular/common": "^12.0.0",
-    "@angular/core": "^12.0.0"
+    "@angular/common": ">= 12.0.0 < 14",
+    "@angular/core": ">= 12.0.0 < 14"
   },
   "dependencies": {
     "tslib": "^2.2.0"
diff --git a/libs/ng-utils/src/lib/use-http-image-source/use-http-image-source.pipe.ts b/libs/ng-utils/src/lib/use-http-image-source/use-http-image-source.pipe.ts
@@ -65,7 +65,7 @@ export class UseHttpImageSourcePipe implements PipeTransform, OnDestroy {
         tap(() => (this.latestValue = undefined)),
         switchMap((imagePath: string) =>
           this.httpClient.get(imagePath, { observe: 'response', responseType: 'blob' }).pipe(
-            map((response: HttpResponse<Blob>) => URL.createObjectURL(response.body)),
+            map((response: HttpResponse<Blob>) => URL.createObjectURL(response.body as Blob)),
             tap((blobUrl) => {
               this.revokeLatestBlob();
               this.latestBlobUrl = blobUrl;
diff --git a/libs/ng-utils/tsconfig.lib.json b/libs/ng-utils/tsconfig.lib.json
@@ -9,6 +9,6 @@
     "types": [],
     "lib": ["dom", "es2018"]
   },
-  "exclude": ["src/test-setup.ts", "**/*.spec.ts"],
+  "exclude": ["src/test-setup.ts", "**/*.spec.ts", "**/*.test.ts"],
   "include": ["**/*.ts"]
 }
diff --git a/libs/ng-utils/tsconfig.lib.prod.json b/libs/ng-utils/tsconfig.lib.prod.json
@@ -1,4 +1,3 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.lib.json",
   "compilerOptions": {
diff --git a/libs/ng-utils/tsconfig.spec.json b/libs/ng-utils/tsconfig.spec.json
@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
 }
diff --git a/libs/route-config/jest.config.js b/libs/route-config/jest.config.js
@@ -15,5 +15,8 @@ module.exports = {
     'jest-preset-angular/build/serializers/ng-snapshot',
     'jest-preset-angular/build/serializers/html-comment',
   ],
-  transform: { '^.+\\.(ts|js|html)$': 'jest-preset-angular' },
+  transform: {
+    '^.+.(ts|mjs|js|html)$': 'jest-preset-angular',
+  },
+  transformIgnorePatterns: ['node_modules/(?!.*.mjs$)'],
 };
diff --git a/libs/route-config/package.json b/libs/route-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@this-dot/route-config",
-  "version": "1.2.2",
+  "version": "1.2.1",
   "description": "A library containing directives and services for configuring components via Route's routeData property",
   "license": "MIT",
   "author": "This Dot Labs",
@@ -21,12 +21,12 @@
     "route-config"
   ],
   "peerDependencies": {
-    "@angular/common": "^12.0.0",
-    "@angular/core": "^12.0.0",
-    "@angular/router": "^12.0.0",
-    "rxjs": "^6.0.0"
+    "@angular/common": ">= 12.0.0 < 14",
+    "@angular/core": ">= 12.0.0 < 14",
+    "@angular/router": ">= 12.0.0 < 14",
+    "rxjs": "7.0.0"
   },
   "dependencies": {
-    "tslib": "^2.1.0"
+    "tslib": "^2.2.0"
   }
 }
diff --git a/libs/route-config/src/lib/route-data-has/route-data-has.service.ts b/libs/route-config/src/lib/route-data-has/route-data-has.service.ts
@@ -17,7 +17,7 @@ export class RouteDataHasService<
   private tags$ = new BehaviorSubject<RouteTags[]>([]);
   private propName$ = new BehaviorSubject<RoutePropNames | undefined>(undefined);
   private elseTemplate$ = new BehaviorSubject<TemplateRef<CElse> | null>(null);
-  private destroy$ = new Subject();
+  private destroy$ = new Subject<void>();
 
   private display$ = combineLatest([
     this.tags$,
diff --git a/libs/route-config/src/lib/route-data/route-data.directive.ts b/libs/route-config/src/lib/route-data/route-data.directive.ts
@@ -19,7 +19,7 @@ export interface RouteDataDirectiveContext<C> {
   selector: '[tdRouteData]',
 })
 export class RouteDataDirective<C extends RouteData> implements OnInit, OnDestroy {
-  private destroy$ = new Subject();
+  private destroy$ = new Subject<void>();
 
   private defaultValue$ = new BehaviorSubject<Partial<C>>({});
   private view!: EmbeddedViewRef<RouteDataDirectiveContext<Partial<C>>>;
diff --git a/libs/route-config/tsconfig.lib.json b/libs/route-config/tsconfig.lib.json
@@ -9,6 +9,6 @@
     "types": [],
     "lib": ["dom", "es2018"]
   },
-  "exclude": ["src/test-setup.ts", "**/*.spec.ts"],
+  "exclude": ["src/test-setup.ts", "**/*.spec.ts", "**/*.test.ts"],
   "include": ["**/*.ts"]
 }
diff --git a/libs/route-config/tsconfig.lib.prod.json b/libs/route-config/tsconfig.lib.prod.json
@@ -1,4 +1,3 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.lib.json",
   "compilerOptions": {
diff --git a/libs/route-config/tsconfig.spec.json b/libs/route-config/tsconfig.spec.json
@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
 }
diff --git a/libs/utils/jest.config.js b/libs/utils/jest.config.js
@@ -10,8 +10,9 @@ module.exports = {
   },
   coverageDirectory: '../../coverage/libs/utils',
   transform: {
-    '^.+\\.(ts|js|html)$': 'jest-preset-angular',
+    '^.+.(ts|mjs|js|html)$': 'jest-preset-angular',
   },
+  transformIgnorePatterns: ['node_modules/(?!.*.mjs$)'],
   snapshotSerializers: [
     'jest-preset-angular/build/serializers/no-ng-attributes',
     'jest-preset-angular/build/serializers/ng-snapshot',
diff --git a/libs/utils/tsconfig.lib.json b/libs/utils/tsconfig.lib.json
@@ -9,6 +9,6 @@
     "types": [],
     "lib": ["dom", "es2018"]
   },
-  "exclude": ["src/test-setup.ts", "**/*.spec.ts"],
+  "exclude": ["src/test-setup.ts", "**/*.spec.ts", "**/*.test.ts"],
   "include": ["**/*.ts"]
 }
diff --git a/libs/utils/tsconfig.lib.prod.json b/libs/utils/tsconfig.lib.prod.json
@@ -1,4 +1,3 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.lib.json",
   "compilerOptions": {
diff --git a/libs/utils/tsconfig.spec.json b/libs/utils/tsconfig.spec.json
@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
 }
diff --git a/nx.json b/nx.json
@@ -17,29 +17,41 @@
         "cacheableOperations": ["build", "lint", "test", "e2e"],
         "accessToken": "M2M0MGQzYzktZjdlYy00NjU5LWE4MzQtZWFlNDgwM2JlNTFhfHJlYWQtd3JpdGU=",
         "canTrackAnalytics": false,
-        "showUsageWarnings": true
+        "showUsageWarnings": true,
+        "parallel": 1
       }
     }
   },
-  "projects": {
-    "cypress-indexeddb": {
-      "tags": ["framework:none", "type:e2e"]
-    },
-    "ng-utils": {
-      "tags": ["framework:angular"]
-    },
-    "route-config": {
-      "tags": ["framework:angular"]
+  "cli": {
+    "analytics": "dd09100e-b7fd-414b-9917-44fd79f74f98",
+    "defaultCollection": "@nrwl/angular"
+  },
+  "defaultProject": "showcase",
+  "generators": {
+    "@nrwl/angular": {
+      "application": {
+        "linter": "eslint"
+      },
+      "library": {
+        "linter": "eslint"
+      },
+      "storybook-configuration": {
+        "linter": "eslint"
+      }
     },
-    "showcase": {
-      "tags": ["framework:angular"]
+    "@nrwl/angular:application": {
+      "style": "scss",
+      "linter": "eslint",
+      "unitTestRunner": "jest",
+      "e2eTestRunner": "cypress"
     },
-    "showcase-e2e": {
-      "tags": ["framework:angular", "type:e2e"],
-      "implicitDependencies": ["showcase"]
+    "@nrwl/angular:library": {
+      "style": "scss",
+      "linter": "eslint",
+      "unitTestRunner": "jest"
     },
-    "utils": {
-      "tags": ["framework:none"]
+    "@nrwl/angular:component": {
+      "style": "scss"
     }
   }
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@`
`6`	`6`	`"types": ["jest", "node"]`
`7`	`7`	`},`
`8`	`8`	`"files": ["src/test-setup.ts"],`
`9`		`- "include": ["*/.spec.ts", "*/.d.ts"]`
	`9`	`+ "include": ["*/.spec.ts", "*/.test.ts", "*/.d.ts"]`
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,6 @@`
`9`	`9`	`"types": [],`
`10`	`10`	`"lib": ["dom", "es2018"]`
`11`	`11`	`},`
`12`		`- "exclude": ["src/test-setup.ts", "*/.spec.ts"],`
	`12`	`+ "exclude": ["src/test-setup.ts", "*/.spec.ts", "*/.test.ts"],`
`13`	`13`	`"include": ["*/.ts"]`
`14`	`14`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-/* To learn more about this file see: https://angular.io/config/tsconfig. */`
`2`	`1`	`{`
`3`	`2`	`"extends": "./tsconfig.lib.json",`
`4`	`3`	`"compilerOptions": {`