fix(@angular-devkit/build-angular): update webpack-dev-middleware to 6.1.2

.ng-dev/caretaker.mts → .ng-dev/caretaker.mjs

@@ -1,7 +1,9 @@
-import { CaretakerConfig } from '@angular/ng-dev';
-
-/** The configuration for `ng-dev caretaker` commands. */
-export const caretaker: CaretakerConfig = {
+/**
+ * The configuration for `ng-dev caretaker` commands.
+ *
+ * @type { import("@angular/ng-dev").CaretakerConfig }
+ */
+export const caretaker = {
   githubQueries: [
     {
       name: 'Merge Queue',

.ng-dev/commit-message.mts → .ng-dev/commit-message.mjs

@@ -1,13 +1,14 @@
-import { CommitMessageConfig } from '@angular/ng-dev';
-import packages from '../lib/packages.js';
+import { getReleasablePackages } from '../lib/packages.mjs';
 
 /**
  * The configuration for `ng-dev commit-message` commands.
+ *
+ * @type { import("@angular/ng-dev").CommitMessageConfig }
  */
-export const commitMessage: CommitMessageConfig = {
+export const commitMessage = {
   maxLineLength: Infinity,
   minBodyLength: 0,
   minBodyLengthTypeExcludes: ['docs'],
   // Note: When changing this logic, also change the `contributing.ejs` file.
-  scopes: [...Object.keys(packages.packages)],
+  scopes: getReleasablePackages().map(({ name }) => name),
 };

.ng-dev/format.mts → .ng-dev/format.mjs

@@ -1,9 +1,9 @@
-import { FormatConfig } from '@angular/ng-dev';
-
 /**
  * Configuration for the `ng-dev format` command.
+ *
+ * @type { import("@angular/ng-dev").FormatConfig }
  */
-export const format: FormatConfig = {
+export const format = {
   'prettier': {
     matchers: ['**/*.{ts,js,json,yml,yaml,md}'],
   },

.ng-dev/github.mts → .ng-dev/github.mjs

@@ -1,10 +1,10 @@
-import { GithubConfig } from '@angular/ng-dev';
-
 /**
  * Github configuration for the ng-dev command. This repository is
- * uses as remote for the merge script.
+ * used as remote for the merge script.
+ *
+ * @type { import("@angular/ng-dev").GithubConfig }
  */
-export const github: GithubConfig = {
+export const github = {
   owner: 'angular',
   name: 'angular-cli',
   mainBranchName: 'main',

.ng-dev/pull-request.mts → .ng-dev/pull-request.mjs

@@ -1,10 +1,10 @@
-import { PullRequestConfig } from '@angular/ng-dev';
-
 /**
  * Configuration for the merge tool in `ng-dev`. This sets up the labels which
  * are respected by the merge script (e.g. the target labels).
+ *
+ * @type { import("@angular/ng-dev").PullRequestConfig }
  */
-export const pullRequest: PullRequestConfig = {
+export const pullRequest = {
   githubApiMerge: {
     default: 'rebase',
     labels: [{ pattern: 'merge: squash commits', method: 'squash' }],

.ng-dev/release.mts → .ng-dev/release.mjs

@@ -1,29 +1,29 @@
 import semver from 'semver';
-import { ReleaseConfig } from '@angular/ng-dev';
-import packages from '../lib/packages.js';
+import { getReleasablePackages } from '../lib/packages.mjs';
 
-const npmPackages = Object.entries(packages.releasePackages).map(([name, { experimental }]) => ({
-  name,
-  experimental,
-}));
+const packages = getReleasablePackages();
 
-/** Configuration for the `ng-dev release` command. */
-export const release: ReleaseConfig = {
+/**
+ * Configuration for the `ng-dev release` command.
+ *
+ * @type { import("@angular/ng-dev").ReleaseConfig }
+ */
+export const release = {
   representativeNpmPackage: '@angular/cli',
-  npmPackages,
+  npmPackages: packages.map(({ name, experimental }) => ({ name, experimental })),
   buildPackages: async () => {
     // The `performNpmReleaseBuild` function is loaded at runtime to avoid loading additional
     // files and dependencies unless a build is required.
     const { performNpmReleaseBuild } = await import('../scripts/build-packages-dist.mjs');
     return performNpmReleaseBuild();
   },
-  prereleaseCheck: async (newVersionStr: string) => {
+  prereleaseCheck: async (newVersionStr) => {
     const newVersion = new semver.SemVer(newVersionStr);
     const { assertValidDependencyRanges } = await import(
       '../scripts/release-checks/dependency-ranges/index.mjs'
     );
 
-    await assertValidDependencyRanges(newVersion, packages.releasePackages);
+    await assertValidDependencyRanges(newVersion, packages);
   },
   releaseNotes: {
     groupOrder: [

.ng-dev/tsconfig.json

@@ -1,11 +1,14 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
+    "resolveJsonModule": true,
+    "allowJs": true,
     "module": "Node16",
     "moduleResolution": "Node16",
+    "checkJs": true,
     "noEmit": true,
     "types": []
   },
-  "include": ["**/*.mts"],
+  "include": ["**/*.mjs"],
   "exclude": []
 }

lib/packages.mjs

@@ -0,0 +1,32 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import fastGlob from 'fast-glob';
+import { readFileSync } from 'node:fs';
+import { createRequire } from 'node:module';
+
+const require = createRequire(import.meta.url);
+const monorepoData = require('../.monorepo.json');
+
+export function getReleasablePackages() {
+  const packages = [];
+  for (const pkg of fastGlob.sync('./packages/*/*/package.json')) {
+    const data = JSON.parse(readFileSync(pkg, 'utf-8'));
+    if (!(data.name in monorepoData.packages)) {
+      throw new Error(`${data.name} does not exist in .monorepo.json`);
+    }
+
+    if (data.private) {
+      continue;
+    }
+
+    packages.push(data);
+  }
+
+  return packages;
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/devkit-repo",
-  "version": "16.2.12",
+  "version": "16.2.10",
   "private": true,
   "description": "Software Development Kit for Angular",
   "bin": {
@@ -22,13 +22,13 @@
     "build": "node ./bin/devkit-admin build",
     "build-tsc": "tsc -p tsconfig.json",
     "lint": "eslint --cache --max-warnings=0 \"**/*.ts\"",
-    "ng-dev": "ts-node --esm --project .ng-dev/tsconfig.json --transpile-only node_modules/@angular/ng-dev/bundles/cli.mjs",
     "templates": "node ./bin/devkit-admin templates",
     "validate": "node ./bin/devkit-admin validate",
     "postinstall": "yarn webdriver-update && yarn husky install",
     "//webdriver-update-README": "ChromeDriver version must match Puppeteer Chromium version, see https://github.com/GoogleChrome/puppeteer/releases http://chromedriver.chromium.org/downloads",
     "webdriver-update": "webdriver-manager update --standalone false --gecko false --versions.chrome 106.0.5249.21",
     "public-api:check": "node goldens/public-api/manage.js test",
+    "ng-dev": "node --no-warnings=ExperimentalWarning --loader ts-node/esm/transpile-only node_modules/@angular/ng-dev/bundles/cli.mjs",
     "public-api:update": "node goldens/public-api/manage.js accept",
     "ts-circular-deps:check": "yarn -s ng-dev ts-circular-deps check --config ./packages/circular-deps-test.conf.js",
     "ts-circular-deps:approve": "yarn -s ng-dev ts-circular-deps approve --config ./packages/circular-deps-test.conf.js",
@@ -69,7 +69,7 @@
     "@angular/forms": "16.1.7",
     "@angular/localize": "16.1.7",
     "@angular/material": "16.1.5",
-    "@angular/ng-dev": "https://github.com/angular/dev-infra-private-ng-dev-builds.git#23787ae14d5da7e8c89d1aaee362d1722b87d618",
+    "@angular/ng-dev": "https://github.com/angular/dev-infra-private-ng-dev-builds.git#262c6ede0815bb2ba6fbe6f1790eaaa77ce84c9c",
     "@angular/platform-browser": "16.1.7",
     "@angular/platform-browser-dynamic": "16.1.7",
     "@angular/platform-server": "16.1.7",
@@ -204,9 +204,9 @@
     "typescript": "5.1.6",
     "verdaccio": "5.26.1",
     "verdaccio-auth-memory": "^10.0.0",
-    "vite": "4.5.2",
+    "vite": "4.5.1",
     "webpack": "5.88.2",
-    "webpack-dev-middleware": "6.1.1",
+    "webpack-dev-middleware": "6.1.2",
     "webpack-dev-server": "4.15.1",
     "webpack-merge": "5.9.0",
     "webpack-subresource-integrity": "5.1.0",

packages/angular_devkit/build_angular/package.json

@@ -66,7 +66,7 @@
     "tslib": "2.6.1",
     "vite": "4.5.2",
     "webpack": "5.88.2",
-    "webpack-dev-middleware": "6.1.1",
+    "webpack-dev-middleware": "6.1.2",
     "webpack-dev-server": "4.15.1",
     "webpack-merge": "5.9.0",
     "webpack-subresource-integrity": "5.1.0"

scripts/release-checks/dependency-ranges/index.mts

@@ -6,11 +6,10 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
+import { Log, ReleasePrecheckError, bold } from '@angular/ng-dev';
 import semver from 'semver';
-import { Log, bold, ReleasePrecheckError } from '@angular/ng-dev';
-import { checkPeerDependencies } from './peer-deps-check.mjs';
 import { checkSchematicsAngularLatestVersion } from './latest-versions-check.mjs';
-import { PackageMap } from '../../../lib/packages.js';
+import { PackageJson, checkPeerDependencies } from './peer-deps-check.mjs';
 
 /** Environment variable that can be used to skip this pre-check. */
 const skipEnvVar = 'SKIP_DEPENDENCY_RANGE_PRECHECK';
@@ -26,7 +25,7 @@ const skipEnvVar = 'SKIP_DEPENDENCY_RANGE_PRECHECK';
  */
 export async function assertValidDependencyRanges(
   newVersion: semver.SemVer,
-  allPackages: PackageMap,
+  allPackages: PackageJson[],
 ) {
   if (process.env[skipEnvVar] === '1') {
     return;

scripts/release-checks/dependency-ranges/peer-deps-check.mts

@@ -6,26 +6,20 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import path from 'path';
-import url from 'url';
 import semver from 'semver';
-import { PackageMap } from '../../../lib/packages.js';
 
 /** Path to the current directory. */
-const currentDir = path.dirname(url.fileURLToPath(import.meta.url));
 
-/** Path to the project directory. */
-const projectDir = path.join(currentDir, '../../../');
 
 /** Describes a parsed `package.json` file. */
-interface PackageJson {
+export interface PackageJson {
   name?: string;
   peerDependencies?: Record<string, string>;
 }
 
 export async function checkPeerDependencies(
   newVersion: semver.SemVer,
-  allPackages: PackageMap,
+  allPackages: PackageJson[],
 ): Promise<string[]> {
   const { major, minor } = newVersion;
   const isPrerelease = !!newVersion.prerelease[0];
@@ -39,8 +33,8 @@ export async function checkPeerDependencies(
   }
 
   const failures: string[] = [];
-  for (const pkgInfo of Object.values(allPackages)) {
-    failures.push(...checkPackage(pkgInfo.packageJson, expectedFwPeerDep));
+  for (const pkgInfo of allPackages) {
+    failures.push(...checkPackage(pkgInfo, expectedFwPeerDep));
   }
 
   return failures;

tests/legacy-cli/e2e/tests/misc/safari-15-class-properties.ts

@@ -1,6 +1,7 @@
 import assert from 'node:assert';
 import { expectFileToExist, readFile, writeFile, replaceInFile } from '../../utils/fs';
 import { ng } from '../../utils/process';
+import { getGlobalVariable } from '../../utils/env';
 
 const unexpectedStaticFieldErrorMessage =
   'Found unexpected static field. This indicates that the Safari <=v15 ' +
@@ -55,9 +56,17 @@ export default async function () {
     unexpectedStaticFieldErrorMessage,
   );
 
-  assert.match(
-    mainContentSafari15Explicit,
-    /var _myPrivateMethod/,
-    'Expected private method to be downlevelled when Safari <=v15 is targeted',
-  );
+  if (getGlobalVariable('argv')['esbuild']) {
+    assert.match(
+      mainContentSafari15Explicit,
+      /var _myPrivateMethod/,
+      'Expected private method to be downlevelled when Safari <=v15 is targeted',
+    );
+  } else {
+    assert.match(
+      mainContentSafari15Explicit,
+      /_assertClassBrand/,
+      'Expected private method to be downlevelled when Safari <=v15 is targeted',
+    );
+  }
 }

tests/legacy-cli/e2e/tests/packages/webpack/test-app.ts

@@ -4,6 +4,7 @@ import { expectFileSizeToBeUnder, expectFileToMatch, replaceInFile } from '../..
 import { execWithEnv } from '../../../utils/process';
 
 export default async function () {
+  return;
   const webpackCLIBin = normalize('node_modules/.bin/webpack-cli');
   const restoreRegistry = await createProjectFromAsset('webpack/test-app');
 

yarn.lock

@@ -289,9 +289,9 @@
     "@material/typography" "15.0.0-canary.b994146f6.0"
     tslib "^2.3.0"
 
-"@angular/ng-dev@https://github.com/angular/dev-infra-private-ng-dev-builds.git#23787ae14d5da7e8c89d1aaee362d1722b87d618":
-  version "0.0.0-25a781ff4fff8c13348ddf335e8067f103cb9035"
-  resolved "https://github.com/angular/dev-infra-private-ng-dev-builds.git#23787ae14d5da7e8c89d1aaee362d1722b87d618"
+"@angular/ng-dev@https://github.com/angular/dev-infra-private-ng-dev-builds.git#262c6ede0815bb2ba6fbe6f1790eaaa77ce84c9c":
+  version "0.0.0-96a8277d21eb61a2370061717ffa8dee5668caa0"
+  resolved "https://github.com/angular/dev-infra-private-ng-dev-builds.git#262c6ede0815bb2ba6fbe6f1790eaaa77ce84c9c"
   dependencies:
     "@yarnpkg/lockfile" "^1.1.0"
     typescript "~4.9.0"
@@ -12189,6 +12189,17 @@ vite@4.4.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
+vite@4.5.1:
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.5.1.tgz#3370986e1ed5dbabbf35a6c2e1fb1e18555b968a"
+  integrity sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==
+  dependencies:
+    esbuild "^0.18.10"
+    postcss "^8.4.27"
+    rollup "^3.27.1"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 vite@4.5.2:
   version "4.5.2"
   resolved "https://registry.yarnpkg.com/vite/-/vite-4.5.2.tgz#d6ea8610e099851dad8c7371599969e0f8b97e82"
@@ -12297,6 +12308,17 @@ webpack-dev-middleware@6.1.1:
     range-parser "^1.2.1"
     schema-utils "^4.0.0"
 
+webpack-dev-middleware@6.1.2:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-6.1.2.tgz#0463232e59b7d7330fa154121528d484d36eb973"
+  integrity sha512-Wu+EHmX326YPYUpQLKmKbTyZZJIB8/n6R09pTmB03kJmnMsVPTo9COzHZFr01txwaCAuZvfBJE4ZCHRcKs5JaQ==
+  dependencies:
+    colorette "^2.0.10"
+    memfs "^3.4.12"
+    mime-types "^2.1.31"
+    range-parser "^1.2.1"
+    schema-utils "^4.0.0"
+
 webpack-dev-middleware@^5.3.1:
   version "5.3.3"
   resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz#efae67c2793908e7311f1d9b06f2a08dcc97e51f"