build: update babel monorepo to v8

alan-agius4 · alan-agius4 · commit 2ede90f10dc1 · 2026-06-19T09:49:06.000Z
See associated pull request for more information. Closes #33416 as a pr takeover
diff --git a/package.json b/package.json
@@ -59,7 +59,7 @@
     "@angular/platform-server": "22.1.0-next.1",
     "@angular/router": "22.1.0-next.1",
     "@angular/service-worker": "22.1.0-next.1",
-    "@babel/core": "7.29.7",
+    "@babel/core": "8.0.1",
     "@bazel/bazelisk": "1.28.1",
     "@bazel/buildifier": "8.2.1",
     "@bazel/ibazel": "^0.28.0",
diff --git a/packages/angular/build/package.json b/packages/angular/build/package.json
@@ -20,8 +20,8 @@
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
     "@angular-devkit/architect": "workspace:0.0.0-EXPERIMENTAL-PLACEHOLDER",
-    "@babel/core": "7.29.7",
-    "@babel/helper-annotate-as-pure": "7.29.7",
+    "@babel/core": "8.0.1",
+    "@babel/helper-annotate-as-pure": "8.0.0",
     "@babel/helper-split-export-declaration": "7.24.7",
     "@inquirer/confirm": "6.1.1",
     "@vitejs/plugin-basic-ssl": "2.3.0",
diff --git a/packages/angular/build/src/tools/babel/plugins/add-code-coverage.ts b/packages/angular/build/src/tools/babel/plugins/add-code-coverage.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import { NodePath, PluginObj, types } from '@babel/core';
+import { NodePath, PluginObject, PluginPass, types } from '@babel/core';
 import type { Visitor } from 'istanbul-lib-instrument';
 import assert from 'node:assert';
 
@@ -17,13 +17,13 @@ import assert from 'node:assert';
  */
 export default function (
   programVisitor: typeof import('istanbul-lib-instrument').programVisitor,
-): PluginObj {
+): PluginObject {
   const visitors = new WeakMap<NodePath, Visitor>();
 
   return {
     visitor: {
       Program: {
-        enter(path, state) {
+        enter(path: NodePath<types.Program>, state: PluginPass) {
           const visitor = programVisitor(types, state.filename, {
             // Babel returns a Converter object from the `convert-source-map` package
             inputSourceMap: (state.file.inputMap as undefined | { toObject(): object })?.toObject(),
@@ -32,7 +32,7 @@ export default function (
 
           visitor.enter(path);
         },
-        exit(path) {
+        exit(path: NodePath<types.Program>) {
           const visitor = visitors.get(path);
           assert(visitor, 'Instrumentation visitor should always be present for program path.');
 
diff --git a/packages/angular/build/src/tools/babel/plugins/adjust-static-class-members.ts b/packages/angular/build/src/tools/babel/plugins/adjust-static-class-members.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import { NodePath, PluginObj, PluginPass, types } from '@babel/core';
+import { NodePath, PluginObject, PluginPass, types } from '@babel/core';
 import annotateAsPure from '@babel/helper-annotate-as-pure';
 import splitExportDeclaration from '@babel/helper-split-export-declaration';
 
@@ -206,7 +206,7 @@ const exportDefaultAnalysis = new WeakMap<types.Class, ReturnType<typeof analyze
  * @returns A babel plugin object instance.
  */
 // eslint-disable-next-line max-lines-per-function
-export default function (): PluginObj {
+export default function (): PluginObject {
   return {
     visitor: {
       // When a class is converted to a variable declaration, the default export must be moved
diff --git a/packages/angular/build/src/tools/babel/plugins/adjust-static-class-members_spec.ts b/packages/angular/build/src/tools/babel/plugins/adjust-static-class-members_spec.ts
@@ -6,10 +6,10 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import { transformSync } from '@babel/core';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { format } from 'prettier';
 import adjustStaticClassMembers from './adjust-static-class-members';
+import { PluginItem, transformSync } from '@babel/core';
 
 const NO_CHANGE = Symbol('NO_CHANGE');
 
@@ -26,7 +26,7 @@ function testCase({
     const result = transformSync(input, {
       configFile: false,
       babelrc: false,
-      plugins: [[adjustStaticClassMembers, options]],
+      plugins: [[adjustStaticClassMembers, options] as unknown as PluginItem],
     });
     if (!result?.code) {
       fail('Expected babel to return a transform result.');
diff --git a/packages/angular/build/src/tools/babel/plugins/adjust-typescript-enums.ts b/packages/angular/build/src/tools/babel/plugins/adjust-typescript-enums.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import { NodePath, PluginObj, types } from '@babel/core';
+import { NodePath, PluginObject, types } from '@babel/core';
 import annotateAsPure from '@babel/helper-annotate-as-pure';
 
 /**
@@ -24,7 +24,7 @@ export function getKeywords(): Iterable<string> {
  *
  * @returns A babel plugin object instance.
  */
-export default function (): PluginObj {
+export default function (): PluginObject {
   return {
     visitor: {
       VariableDeclaration(path: NodePath<types.VariableDeclaration>) {
diff --git a/packages/angular/build/src/tools/babel/plugins/adjust-typescript-enums_spec.ts b/packages/angular/build/src/tools/babel/plugins/adjust-typescript-enums_spec.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import { transformSync } from '@babel/core';
+import { PluginItem, transformSync } from '@babel/core';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { format } from 'prettier';
 import adjustTypeScriptEnums from './adjust-typescript-enums';
@@ -24,7 +24,7 @@ function testCase({
     const result = transformSync(input, {
       configFile: false,
       babelrc: false,
-      plugins: [[adjustTypeScriptEnums]],
+      plugins: [adjustTypeScriptEnums],
     });
     if (!result?.code) {
       fail('Expected babel to return a transform result.');
diff --git a/packages/angular/build/src/tools/babel/plugins/elide-angular-metadata.ts b/packages/angular/build/src/tools/babel/plugins/elide-angular-metadata.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import type { types as BabelTypes, NodePath, PluginObj } from '@babel/core';
+import type { types as BabelTypes, NodePath, PluginObject } from '@babel/core';
 
 /**
  * The name of the Angular class metadata function created by the Angular compiler.
@@ -48,10 +48,10 @@ const angularMetadataFunctions: Record<string, (args: NodePath[]) => boolean> =
  *
  * @returns A babel plugin object instance.
  */
-export default function ({ types: t }: { types: typeof BabelTypes }): PluginObj {
+export default function ({ types: t }: { types: typeof BabelTypes }): PluginObject {
   return {
     visitor: {
-      CallExpression(path) {
+      CallExpression(path: NodePath<BabelTypes.CallExpression>) {
         const callee = path.get('callee');
 
         // The function being called must be the metadata function name
diff --git a/packages/angular/build/src/tools/babel/plugins/pure-toplevel-functions.ts b/packages/angular/build/src/tools/babel/plugins/pure-toplevel-functions.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import type { NodePath, PluginObj, PluginPass, types } from '@babel/core';
+import type { NodePath, PluginObject, PluginPass, types } from '@babel/core';
 import annotateAsPure from '@babel/helper-annotate-as-pure';
 import * as tslib from 'tslib';
 
@@ -57,7 +57,7 @@ interface ExtendedPluginPass extends PluginPass {
  * A babel plugin factory function for adding the PURE annotation to top-level new and call expressions.
  * @returns A babel plugin object instance.
  */
-export default function (): PluginObj {
+export default function (): PluginObject {
   return {
     visitor: {
       CallExpression(path: NodePath<types.CallExpression>, state: ExtendedPluginPass) {
diff --git a/packages/angular/build/src/tools/babel/plugins/pure-toplevel-functions_spec.ts b/packages/angular/build/src/tools/babel/plugins/pure-toplevel-functions_spec.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import { transformSync } from '@babel/core';
+import { PluginItem, transformSync } from '@babel/core';
 import { format } from 'prettier';
 import pureTopLevelPlugin from './pure-toplevel-functions';
 
@@ -24,7 +24,7 @@ function testCase({
       configFile: false,
       babelrc: false,
       compact: true,
-      plugins: [[pureTopLevelPlugin, options]],
+      plugins: [[pureTopLevelPlugin, options] as unknown as PluginItem],
     });
     if (!result?.code) {
       fail('Expected babel to return a transform result.');
diff --git a/packages/angular/build/src/tools/esbuild/i18n-inliner-worker.ts b/packages/angular/build/src/tools/esbuild/i18n-inliner-worker.ts
@@ -7,7 +7,7 @@
  */
 
 import remapping, { SourceMapInput } from '@ampproject/remapping';
-import { PluginObj, parseSync, transformFromAstAsync, types } from '@babel/core';
+import { NodePath, PluginItem, parseSync, transformFromAstAsync, types } from '@babel/core';
 import assert from 'node:assert';
 import { workerData } from 'node:worker_threads';
 import { assertIsError } from '../../utils/error';
@@ -144,26 +144,25 @@ async function loadLocalizeTools(): Promise<LocalizeUtilityModule> {
 async function createI18nPlugins(locale: string, translation: Record<string, unknown> | undefined) {
   const { Diagnostics, makeEs2015TranslatePlugin } = await loadLocalizeTools();
 
-  const plugins: PluginObj[] = [];
+  const plugins: PluginItem[] = [];
   const diagnostics = new Diagnostics();
 
   plugins.push(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    makeEs2015TranslatePlugin(diagnostics, (translation || {}) as any, {
+    makeEs2015TranslatePlugin(diagnostics, translation || {}, {
       missingTranslation: translation === undefined ? 'ignore' : missingTranslation,
-    }),
+    }) as unknown as PluginItem,
   );
 
   // Create a plugin to replace the locale specifier constant inject by the build system with the actual specifier
-  plugins.push({
+  plugins.push(() => ({
     visitor: {
-      StringLiteral(path) {
+      StringLiteral(path: NodePath<types.StringLiteral>) {
         if (path.node.value === '___NG_LOCALE_INSERT___') {
           path.replaceWith(types.stringLiteral(locale));
         }
       },
     },
-  });
+  }));
 
   return { diagnostics, plugins };
 }
diff --git a/packages/angular/build/src/tools/esbuild/javascript-transformer-worker.ts b/packages/angular/build/src/tools/esbuild/javascript-transformer-worker.ts
@@ -85,7 +85,7 @@ async function transformWithBabel(
 
       const { default: coveragePluginFactory } =
         await import('../babel/plugins/add-code-coverage.js');
-      plugins.push(coveragePluginFactory(programVisitor));
+      plugins.push(coveragePluginFactory(programVisitor) as unknown as PluginItem);
     } catch (error) {
       throw new Error(
         `The 'istanbul-lib-instrument' package is required for code coverage but was not found. Please install the package.`,
@@ -97,7 +97,7 @@ async function transformWithBabel(
   if (shouldLink) {
     // Lazy load the linker plugin only when linking is required
     const linkerPlugin = await createLinkerPlugin(options);
-    plugins.push(linkerPlugin);
+    plugins.push(linkerPlugin as unknown as PluginItem);
   }
 
   if (options.advancedOptimizations) {
diff --git a/packages/angular_devkit/build_angular/package.json b/packages/angular_devkit/build_angular/package.json
@@ -11,15 +11,15 @@
     "@angular-devkit/build-webpack": "workspace:0.0.0-EXPERIMENTAL-PLACEHOLDER",
     "@angular-devkit/core": "workspace:0.0.0-PLACEHOLDER",
     "@angular/build": "workspace:0.0.0-PLACEHOLDER",
-    "@babel/core": "7.29.7",
-    "@babel/generator": "7.29.7",
-    "@babel/helper-annotate-as-pure": "7.29.7",
+    "@babel/core": "8.0.1",
+    "@babel/generator": "8.0.0",
+    "@babel/helper-annotate-as-pure": "8.0.0",
     "@babel/helper-split-export-declaration": "7.24.7",
-    "@babel/plugin-transform-async-generator-functions": "7.29.7",
-    "@babel/plugin-transform-async-to-generator": "7.29.7",
-    "@babel/plugin-transform-runtime": "7.29.7",
-    "@babel/preset-env": "7.29.7",
-    "@babel/runtime": "7.29.7",
+    "@babel/plugin-transform-async-generator-functions": "8.0.1",
+    "@babel/plugin-transform-async-to-generator": "8.0.1",
+    "@babel/plugin-transform-runtime": "8.0.1",
+    "@babel/preset-env": "8.0.1",
+    "@babel/runtime": "8.0.0",
     "@discoveryjs/json-ext": "1.1.0",
     "@ngtools/webpack": "workspace:0.0.0-PLACEHOLDER",
     "ansi-colors": "4.1.3",
diff --git a/packages/angular_devkit/build_angular/src/tools/babel/plugins/add-code-coverage.ts b/packages/angular_devkit/build_angular/src/tools/babel/plugins/add-code-coverage.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import { NodePath, PluginObj, types } from '@babel/core';
+import { NodePath, PluginObject, PluginPass, types } from '@babel/core';
 import { Visitor, programVisitor } from 'istanbul-lib-instrument';
 import assert from 'node:assert';
 
@@ -15,13 +15,13 @@ import assert from 'node:assert';
  *
  * @returns A babel plugin object instance.
  */
-export default function (): PluginObj {
+export default function (): PluginObject {
   const visitors = new WeakMap<NodePath, Visitor>();
 
   return {
     visitor: {
       Program: {
-        enter(path, state) {
+        enter(path: NodePath<types.Program>, state: PluginPass) {
           const visitor = programVisitor(types, state.filename, {
             // Babel returns a Converter object from the `convert-source-map` package
             inputSourceMap: (state.file.inputMap as undefined | { toObject(): object })?.toObject(),
@@ -30,7 +30,7 @@ export default function (): PluginObj {
 
           visitor.enter(path);
         },
-        exit(path) {
+        exit(path: NodePath<types.Program>) {
           const visitor = visitors.get(path);
           assert(visitor, 'Instrumentation visitor should always be present for program path.');
 
diff --git a/packages/angular_devkit/build_angular/src/tools/babel/presets/application.ts b/packages/angular_devkit/build_angular/src/tools/babel/presets/application.ts
@@ -181,7 +181,6 @@ export default function (api: unknown, options: ApplicationPresetOptions) {
     presets.push([
       require('@babel/preset-env').default,
       {
-        bugfixes: true,
         modules: false,
         targets: options.supportedBrowsers,
         exclude: ['transform-typeof-symbol'],
@@ -236,7 +235,6 @@ export default function (api: unknown, options: ApplicationPresetOptions) {
     plugins.push([
       require('@babel/plugin-transform-runtime').default,
       {
-        useESModules: true,
         version: require('@babel/runtime/package.json').version,
         absoluteRuntime: path.dirname(require.resolve('@babel/runtime/package.json')),
       },
diff --git a/packages/angular_devkit/build_angular/src/utils/process-bundle.ts b/packages/angular_devkit/build_angular/src/utils/process-bundle.ts
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
