build: prepare framework peer dependency and migration collection for v14 (#24492)

* build: prepare framework peer dependency and migration collection for v14

Prepares the framework peer dependency and migration collection for
v14, ensuring the release checks will not fail when we get closer
to publishing the first RC.

* build: fix chalk runtime errors due to esmodule interop

The chalk usages in the `tools/` folder seems to fail at runtime
given the `esModuleInterop` flag being enabled for the tools folder.

We need to switch the namespace imports to default imports to work
with the interop, and to follow the TS language-service recommendation
(which actually proposes switching these imports to `import c from 'chalk'`)

We should likely turn on the esmoduleinterop flag for the scripts folder as
well to have consistent imports, and to prepare for future ESM consumption
as the ecosystem moves forward.

* build: enable esmoduleinterop option in `scripts` and `.ng-dev`

Similar to the `/tsconfig.json` and the `tools/tsconfig.json`, we should
enable the `esModuleInterop` from TypeScript in the `scripts/` directory.

This is necessary to ensure that scripts part of both compilations. e.g. when
a file in `scripts/` imports from `tools/` are compatible without needing
two coordinated compilations (using e.g TS project references..). In general
enabling the interop means more consistency in the repo.

Then only remaining exception are the schematics which we can clean-up in the
future when we ship them as ES modules.

Author: devversion

.ng-dev/tsconfig.json

@@ -3,6 +3,7 @@
     "strict": true,
     "target": "es2015",
     "module": "commonjs",
+    "esModuleInterop": true,
     "noEmit": true,
     "skipLibCheck": true,
     "types": []

packages.bzl

@@ -1,7 +1,7 @@
 # Each individual package uses a placeholder for the version of Angular to ensure they're
 # all in-sync. This map is passed to each ng_package rule to stamp out the appropriate
 # version for the placeholders.
-ANGULAR_PACKAGE_VERSION = "^13.0.0 || ^14.0.0"
+ANGULAR_PACKAGE_VERSION = "^14.0.0-0 || ^15.0.0"
 MDC_PACKAGE_VERSION = "14.0.0-canary.9736ddce9.0"
 TSLIB_PACKAGE_VERSION = "^2.3.0"
 RXJS_PACKAGE_VERSION = "^6.5.3 || ^7.4.0"

scripts/breaking-changes.ts

@@ -1,7 +1,7 @@
 import {join, relative} from 'path';
 import {readFileSync} from 'fs';
-import * as chalk from 'chalk';
-import * as ts from 'typescript';
+import chalk from 'chalk';
+import ts from 'typescript';
 import * as tsutils from 'tsutils';
 
 const projectRoot = process.cwd();

scripts/check-mdc-exports.ts

@@ -1,7 +1,7 @@
 import {join} from 'path';
 import {readdirSync, existsSync} from 'fs';
-import * as ts from 'typescript';
-import * as chalk from 'chalk';
+import ts from 'typescript';
+import chalk from 'chalk';
 import {config} from './check-mdc-exports-config';
 
 // Script which ensures that a particular MDC package exports all of the same symbols as its

scripts/check-mdc-tests.ts

@@ -1,8 +1,8 @@
 import {readdirSync, readFileSync} from 'fs';
 import {join, basename} from 'path';
 import {sync as glob} from 'glob';
-import * as chalk from 'chalk';
-import * as ts from 'typescript';
+import chalk from 'chalk';
+import ts from 'typescript';
 import {config} from './check-mdc-tests-config';
 
 const srcDirectory = join(__dirname, '../src');

scripts/check-package-externals.ts

@@ -8,11 +8,11 @@
  * be passed to this script to ensure that the list is up-to-date.
  */
 
-import * as chalk from 'chalk';
+import chalk from 'chalk';
 import {readFileSync} from 'fs';
-import * as minimatch from 'minimatch';
+import minimatch from 'minimatch';
 import {join, relative} from 'path';
-import * as ts from 'typescript';
+import ts from 'typescript';
 
 const projectRoot = join(__dirname, '../');
 const args = process.argv.slice(2);

scripts/ownerslint.ts

@@ -1,4 +1,4 @@
-import * as chalk from 'chalk';
+import chalk from 'chalk';
 import {readdirSync, readFileSync, statSync} from 'fs';
 import {IMinimatch, Minimatch} from 'minimatch';
 import {join} from 'path';

scripts/tsconfig.json

@@ -8,7 +8,8 @@
     "strict": true,
     "noEmit": true,
     "skipLibCheck": true,
-    "downlevelIteration": true
+    "downlevelIteration": true,
+    "esModuleInterop": true
   },
   // The `firebase-functions` folder has its own `package.json` and does
   // not pass type-checking. This excludes it from being checked.

src/cdk/schematics/migration.json

@@ -41,6 +41,11 @@
       "description": "Updates the Angular CDK to v13",
       "factory": "./ng-update/index#updateToV13"
     },
+    "migration-v14": {
+      "version": "14.0.0-0",
+      "description": "Updates the Angular CDK to v14",
+      "factory": "./ng-update/index#updateToV14"
+    },
     "ng-post-update": {
       "description": "Prints out results after ng-update.",
       "factory": "./ng-update/index#postUpdate",

src/cdk/schematics/ng-update/index.ts

@@ -94,6 +94,16 @@ export function updateToV13(): Rule {
   );
 }
 
+/** Entry point for the migration schematics with target of Angular CDK 14.0.0 */
+export function updateToV14(): Rule {
+  return createMigrationSchematicRule(
+    TargetVersion.V14,
+    cdkMigrations,
+    cdkUpgradeData,
+    onMigrationComplete,
+  );
+}
+
 /** Function that will be called when the migration completed. */
 function onMigrationComplete(
   context: SchematicContext,