build: build packages with Ivy (#3219)

brandonroberts · web-flow · commit 9e28050bfa90 · 2021-11-03T21:26:04.000-05:00
BREAKING CHANGES:

The minimum version required for Angular and RxJS has been updated

BEFORE:

Angular 12.x is the minimum version
RxJS 6.5.x is the minimum required version

AFTER:

Angular 13.0.0-RC.0 is the minimum version
RxJS 7.4.x is the minimum required version
diff --git a/modules/component-store/package.json b/modules/component-store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngrx/component-store",
-  "version": "12.5.1",
+  "version": "13.0.0-beta.0",
   "description": "Reactive store for component state",
   "repository": {
     "type": "git",
@@ -22,8 +22,8 @@
   },
   "homepage": "https://github.com/ngrx/platform#readme",
   "peerDependencies": {
-    "@angular/core": "^12.0.0",
-    "rxjs": "^6.5.3 || ^7.0.0"
+    "@angular/core": "^13.0.0-rc.0",
+    "rxjs": "^6.5.3 || ^7.4.0"
   },
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
diff --git a/modules/component-store/schematics-core/utility/libs-version.ts b/modules/component-store/schematics-core/utility/libs-version.ts
@@ -1 +1 @@
-export const platformVersion = '^12.5.1';
+export const platformVersion = '^13.0.0-beta.0';
diff --git a/modules/component-store/tsconfig.build.json b/modules/component-store/tsconfig.build.json
@@ -22,11 +22,11 @@
   "files": ["public_api.ts"],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,
+    "compilationMode": "partial",
     // Work around for issue: https://github.com/angular/angular/issues/22210
     "strictMetadataEmit": false,
     "skipTemplateCodegen": true,
     "flatModuleOutFile": "index.js",
-    "flatModuleId": "@ngrx/component-store",
-    "enableIvy": false
+    "flatModuleId": "@ngrx/component-store"
   }
 }
diff --git a/modules/component/package.json b/modules/component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngrx/component",
-  "version": "12.5.1",
+  "version": "13.0.0-beta.0",
   "description": "Reactive Extensions for Angular Components",
   "repository": {
     "type": "git",
@@ -20,9 +20,9 @@
   },
   "homepage": "https://github.com/ngrx/platform#readme",
   "peerDependencies": {
-    "@angular/common": "^12.0.0",
-    "@angular/core": "^12.0.0",
-    "rxjs": "^6.5.3 || ^7.0.0"
+    "@angular/common": "^13.0.0-rc.0",
+    "@angular/core": "^13.0.0-rc.0",
+    "rxjs": "^6.5.3 || ^7.4.0"
   },
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
diff --git a/modules/component/schematics-core/utility/libs-version.ts b/modules/component/schematics-core/utility/libs-version.ts
@@ -1 +1 @@
-export const platformVersion = '^12.5.1';
+export const platformVersion = '^13.0.0-beta.0';
diff --git a/modules/component/tsconfig.build.json b/modules/component/tsconfig.build.json
@@ -23,10 +23,10 @@
   "files": ["public_api.ts"],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,
+    "compilationMode": "partial",
     // Work around for issue: https://github.com/angular/angular/issues/22210
     "strictMetadataEmit": false,
     "flatModuleOutFile": "index.js",
-    "flatModuleId": "@ngrx/component",
-    "enableIvy": false
+    "flatModuleId": "@ngrx/component"
   }
 }
diff --git a/modules/data/package.json b/modules/data/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngrx/data",
-  "version": "12.5.1",
+  "version": "13.0.0-beta.0",
   "description": "API management for NgRx",
   "repository": {
     "type": "git",
@@ -20,12 +20,12 @@
   },
   "homepage": "https://github.com/ngrx/platform#readme",
   "peerDependencies": {
-    "@angular/common": "^12.0.0",
-    "@angular/core": "^12.0.0",
-    "@ngrx/store": "12.5.1",
-    "@ngrx/effects": "12.5.1",
-    "@ngrx/entity": "12.5.1",
-    "rxjs": "^6.5.3 || ^7.0.0"
+    "@angular/common": "^13.0.0-rc.0",
+    "@angular/core": "^13.0.0-rc.0",
+    "@ngrx/store": "13.0.0-beta.0",
+    "@ngrx/effects": "13.0.0-beta.0",
+    "@ngrx/entity": "13.0.0-beta.0",
+    "rxjs": "^6.5.3 || ^7.4.0"
   },
   "schematics": "./schematics/collection.json",
   "ng-update": {
diff --git a/modules/data/schematics-core/utility/libs-version.ts b/modules/data/schematics-core/utility/libs-version.ts
@@ -1 +1 @@
-export const platformVersion = '^12.5.1';
+export const platformVersion = '^13.0.0-beta.0';
diff --git a/modules/data/tsconfig.build.json b/modules/data/tsconfig.build.json
@@ -22,11 +22,11 @@
   "files": ["public_api.ts"],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,
+    "compilationMode": "partial",
     // Work around for issue: https://github.com/angular/angular/issues/22210
     "strictMetadataEmit": false,
     "skipTemplateCodegen": true,
     "flatModuleOutFile": "index.js",
-    "flatModuleId": "@ngrx/data",
-    "enableIvy": false
+    "flatModuleId": "@ngrx/data"
   }
 }
diff --git a/modules/effects/package.json b/modules/effects/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngrx/effects",
-  "version": "12.5.1",
+  "version": "13.0.0-beta.0",
   "description": "Side effect model for @ngrx/store",
   "repository": {
     "type": "git",
@@ -21,9 +21,9 @@
   },
   "homepage": "https://github.com/ngrx/platform#readme",
   "peerDependencies": {
-    "@angular/core": "^12.0.0",
-    "@ngrx/store": "12.5.1",
-    "rxjs": "^6.5.3 || ^7.0.0"
+    "@angular/core": "^13.0.0-rc.0",
+    "@ngrx/store": "13.0.0-beta.0",
+    "rxjs": "^6.5.3 || ^7.4.0"
   },
   "schematics": "./schematics/collection.json",
   "ng-update": {
diff --git a/modules/effects/schematics-core/utility/libs-version.ts b/modules/effects/schematics-core/utility/libs-version.ts
@@ -1 +1 @@
-export const platformVersion = '^12.5.1';
+export const platformVersion = '^13.0.0-beta.0';
diff --git a/modules/effects/tsconfig.build.json b/modules/effects/tsconfig.build.json
@@ -22,11 +22,11 @@
   "files": ["public_api.ts"],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,
+    "compilationMode": "partial",
     // Work around for issue: https://github.com/angular/angular/issues/22210
     "strictMetadataEmit": false,
     "skipTemplateCodegen": true,
     "flatModuleOutFile": "index.js",
-    "flatModuleId": "@ngrx/effects",
-    "enableIvy": false
+    "flatModuleId": "@ngrx/effects"
   }
 }
diff --git a/modules/entity/package.json b/modules/entity/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngrx/entity",
-  "version": "12.5.1",
+  "version": "13.0.0-beta.0",
   "description": "Common utilities for entity reducers",
   "repository": {
     "type": "git",
@@ -20,9 +20,9 @@
   },
   "homepage": "https://github.com/ngrx/platform#readme",
   "peerDependencies": {
-    "@angular/core": "^12.0.0",
-    "@ngrx/store": "12.5.1",
-    "rxjs": "^6.5.3 || ^7.0.0"
+    "@angular/core": "^13.0.0-rc.0",
+    "@ngrx/store": "13.0.0-beta.0",
+    "rxjs": "^6.5.3 || ^7.4.0"
   },
   "schematics": "./schematics/collection.json",
   "ng-update": {
diff --git a/modules/entity/schematics-core/utility/libs-version.ts b/modules/entity/schematics-core/utility/libs-version.ts
@@ -1 +1 @@
-export const platformVersion = '^12.5.1';
+export const platformVersion = '^13.0.0-beta.0';
diff --git a/modules/entity/tsconfig.build.json b/modules/entity/tsconfig.build.json
@@ -22,11 +22,11 @@
   "files": ["public_api.ts"],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,
+    "compilationMode": "partial",
     // Work around for issue: https://github.com/angular/angular/issues/22210
     "strictMetadataEmit": false,
     "skipTemplateCodegen": true,
     "flatModuleOutFile": "index.js",
-    "flatModuleId": "@ngrx/entity",
-    "enableIvy": false
+    "flatModuleId": "@ngrx/entity"
   }
 }
diff --git a/modules/router-store/package.json b/modules/router-store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngrx/router-store",
-  "version": "12.5.1",
+  "version": "13.0.0-beta.0",
   "description": "Bindings to connect @angular/router to @ngrx/store",
   "repository": {
     "type": "git",
@@ -20,11 +20,11 @@
   },
   "homepage": "https://github.com/ngrx/platform#readme",
   "peerDependencies": {
-    "@angular/common": "^12.0.0",
-    "@angular/core": "^12.0.0",
-    "@angular/router": "^12.0.0",
-    "@ngrx/store": "12.5.1",
-    "rxjs": "^6.5.3 || ^7.0.0"
+    "@angular/common": "^13.0.0-rc.0",
+    "@angular/core": "^13.0.0-rc.0",
+    "@angular/router": "^13.0.0-rc.0",
+    "@ngrx/store": "13.0.0-beta.0",
+    "rxjs": "^6.5.3 || ^7.4.0"
   },
   "schematics": "./schematics/collection.json",
   "ng-update": {
diff --git a/modules/router-store/schematics-core/utility/libs-version.ts b/modules/router-store/schematics-core/utility/libs-version.ts
@@ -1 +1 @@
-export const platformVersion = '^12.5.1';
+export const platformVersion = '^13.0.0-beta.0';
diff --git a/modules/router-store/tsconfig.build.json b/modules/router-store/tsconfig.build.json
@@ -22,11 +22,11 @@
   "files": ["public_api.ts"],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,
+    "compilationMode": "partial",
     // Work around for issue: https://github.com/angular/angular/issues/22210
     "strictMetadataEmit": false,
     "skipTemplateCodegen": true,
     "flatModuleOutFile": "index.js",
-    "flatModuleId": "@ngrx/router-store",
-    "enableIvy": false
+    "flatModuleId": "@ngrx/router-store"
   }
 }
diff --git a/modules/schematics-core/utility/libs-version.ts b/modules/schematics-core/utility/libs-version.ts
@@ -1 +1 @@
-export const platformVersion = '^12.5.1';
+export const platformVersion = '^13.0.0-beta.0';
diff --git a/modules/schematics/package.json b/modules/schematics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngrx/schematics",
-  "version": "12.5.1",
+  "version": "13.0.0-beta.0",
   "description": "NgRx Schematics for Angular",
   "repository": {
     "type": "git",
diff --git a/modules/schematics/schematics-core/utility/libs-version.ts b/modules/schematics/schematics-core/utility/libs-version.ts
@@ -1 +1 @@
-export const platformVersion = '^12.5.1';
+export const platformVersion = '^13.0.0-beta.0';
diff --git a/modules/store-devtools/package.json b/modules/store-devtools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngrx/store-devtools",
-  "version": "12.5.1",
+  "version": "13.0.0-beta.0",
   "description": "Developer tools for @ngrx/store",
   "repository": {
     "type": "git",
@@ -20,8 +20,8 @@
   },
   "homepage": "https://github.com/ngrx/platform#readme",
   "peerDependencies": {
-    "@ngrx/store": "12.5.1",
-    "rxjs": "^6.5.3 || ^7.0.0"
+    "@ngrx/store": "13.0.0-beta.0",
+    "rxjs": "^6.5.3 || ^7.4.0"
   },
   "schematics": "./schematics/collection.json",
   "ng-update": {
diff --git a/modules/store-devtools/schematics-core/utility/libs-version.ts b/modules/store-devtools/schematics-core/utility/libs-version.ts
@@ -1 +1 @@
-export const platformVersion = '^12.5.1';
+export const platformVersion = '^13.0.0-beta.0';
diff --git a/modules/store-devtools/tsconfig.build.json b/modules/store-devtools/tsconfig.build.json
@@ -22,11 +22,11 @@
   "files": ["public_api.ts"],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,
+    "compilationMode": "partial",
     // Work around for issue: https://github.com/angular/angular/issues/22210
     "strictMetadataEmit": false,
     "skipTemplateCodegen": true,
     "flatModuleOutFile": "index.js",
-    "flatModuleId": "@ngrx/store-devtools",
-    "enableIvy": false
+    "flatModuleId": "@ngrx/store-devtools"
   }
 }
diff --git a/modules/store/package.json b/modules/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngrx/store",
-  "version": "12.5.1",
+  "version": "13.0.0-beta.0",
   "description": "RxJS powered Redux for Angular apps",
   "repository": {
     "type": "git",
@@ -21,8 +21,8 @@
   },
   "homepage": "https://github.com/ngrx/platform#readme",
   "peerDependencies": {
-    "@angular/core": "^12.0.0",
-    "rxjs": "^6.5.3 || ^7.0.0"
+    "@angular/core": "^13.0.0-rc.0",
+    "rxjs": "^6.5.3 || ^7.4.0"
   },
   "schematics": "./schematics/collection.json",
   "ng-update": {
diff --git a/modules/store/schematics-core/utility/libs-version.ts b/modules/store/schematics-core/utility/libs-version.ts
@@ -1 +1 @@
-export const platformVersion = '^12.5.1';
+export const platformVersion = '^13.0.0-beta.0';
diff --git a/modules/store/tsconfig.build.json b/modules/store/tsconfig.build.json
@@ -22,11 +22,11 @@
   "exclude": ["**/*.spec.ts"],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,
+    "compilationMode": "partial",
     // Work around for issue: https://github.com/angular/angular/issues/22210
     "strictMetadataEmit": false,
     "skipTemplateCodegen": true,
     "flatModuleOutFile": "index.js",
-    "flatModuleId": "@ngrx/store",
-    "enableIvy": false
+    "flatModuleId": "@ngrx/store"
   }
 }
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngrx/platform",
-  "version": "12.5.1",
+  "version": "13.0.0-beta.0",
   "description": "monorepo for ngrx development",
   "scripts": {
     "ng": "ng",
@@ -111,7 +111,7 @@
     "core-js": "^2.5.4",
     "opencollective": "^1.0.3",
     "rxjs": "~7.4.0",
-    "tslib": "^2.2.0",
+    "tslib": "^2.3.1",
     "zone.js": "0.11.4"
   },
   "devDependencies": {
diff --git a/projects/data-example-app/src/polyfills.ts b/projects/data-example-app/src/polyfills.ts
@@ -18,16 +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/projects/example-app/src/polyfills.ts b/projects/example-app/src/polyfills.ts
@@ -18,16 +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/projects/ngrx.io/content/guide/migration/v13.md b/projects/ngrx.io/content/guide/migration/v13.md
@@ -0,0 +1,23 @@
+# V13 Update Guide
+
+## Angular CLI update
+
+NgRx supports using the Angular CLI `ng update` command to update your dependencies. Migration schematics are run to make the upgrade smoother. These schematics will fix some of the breaking changes.
+
+To update your packages to the latest released version, run the command below.
+
+```sh
+ng update @ngrx/store
+```
+
+## Dependencies
+
+Version 13 has the minimum version requirements:
+
+- Angular version 13.x
+- Angular CLI version 13.x
+- TypeScript version 4.4.x
+- RxJS version 7.4.x
+
+## Breaking changes
+
diff --git a/projects/ngrx.io/content/navigation.json b/projects/ngrx.io/content/navigation.json
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-export const platformVersion = '^12.5.1';`
	`1`	`+export const platformVersion = '^13.0.0-beta.0';`
Original file line number	Diff line number	Diff line change
`@@ -22,11 +22,11 @@`
`22`	`22`	`"files": ["public_api.ts"],`
`23`	`23`	`"angularCompilerOptions": {`
`24`	`24`	`"annotateForClosureCompiler": true,`
	`25`	`+ "compilationMode": "partial",`
`25`	`26`	`// Work around for issue: https://github.com/angular/angular/issues/22210`
`26`	`27`	`"strictMetadataEmit": false,`
`27`	`28`	`"skipTemplateCodegen": true,`
`28`	`29`	`"flatModuleOutFile": "index.js",`
`29`		`- "flatModuleId": "@ngrx/component-store",`
`30`		`- "enableIvy": false`
	`30`	`+ "flatModuleId": "@ngrx/component-store"`
`31`	`31`	`}`
`32`	`32`	`}`
Original file line number	Diff line number	Diff line change
`@@ -23,10 +23,10 @@`
`23`	`23`	`"files": ["public_api.ts"],`
`24`	`24`	`"angularCompilerOptions": {`
`25`	`25`	`"annotateForClosureCompiler": true,`
	`26`	`+ "compilationMode": "partial",`
`26`	`27`	`// Work around for issue: https://github.com/angular/angular/issues/22210`
`27`	`28`	`"strictMetadataEmit": false,`
`28`	`29`	`"flatModuleOutFile": "index.js",`
`29`		`- "flatModuleId": "@ngrx/component",`
`30`		`- "enableIvy": false`
	`30`	`+ "flatModuleId": "@ngrx/component"`
`31`	`31`	`}`
`32`	`32`	`}`