build: update babel monorepo to v8

alan-agius4 · alan-agius4 · commit d9532a9c4d66 · 2026-06-19T08:48:35.000Z
See associated pull request for more information. Closes angular#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-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/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/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
@@ -236,7 +236,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
@@ -9,7 +9,7 @@
 import remapping from '@ampproject/remapping';
 import {
   NodePath,
-  ParseResult,
+  PluginItem,
   parseSync,
   template as templateBuilder,
   transformAsync,
@@ -25,6 +25,8 @@ import { allowMinify, shouldBeautify } from './environment-options';
 import { assertIsError } from './error';
 import { I18nOptions } from './i18n-webpack';
 
+type ParseResult = NonNullable<ReturnType<typeof parseSync>>;
+
 // Extract Sourcemap input type from the remapping function since it is not currently exported
 type SourceMapInput = Exclude<Parameters<typeof remapping>[0], unknown[]>;
 
@@ -69,28 +71,27 @@ async function createI18nPlugins(
 ) {
   const { Diagnostics, makeEs2015TranslatePlugin, makeLocalePlugin } = await loadLocalizeTools();
 
-  const plugins = [];
+  const plugins: PluginItem[] = [];
   const diagnostics = new Diagnostics();
 
   if (shouldInline) {
     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,
     );
   }
 
-  plugins.push(makeLocalePlugin(locale));
+  plugins.push(makeLocalePlugin(locale) as unknown as PluginItem);
 
   if (localeDataContent) {
-    plugins.push({
+    plugins.push(() => ({
       visitor: {
         Program(path: NodePath<types.Program>) {
           path.unshiftContainer('body', templateBuilder.ast(localeDataContent));
         },
       },
-    });
+    }));
   }
 
   return { diagnostics, plugins };
@@ -254,7 +255,8 @@ async function inlineLocalesDirect(ast: ParseResult, options: InlineOptions) {
       );
 
       const expression = localizeDiag.buildLocalizeReplacement(translated[0], translated[1]);
-      const { code } = generate(expression);
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const { code } = generate(expression as any);
 
       content.replace(position.start, position.end - 1, code);
     }
@@ -357,11 +359,15 @@ function unwrapTemplateLiteral(
   utils: LocalizeUtilityModule,
 ): [TemplateStringsArray, types.Expression[]] {
   const [messageParts] = utils.unwrapMessagePartsFromTemplateLiteral(
-    path.get('quasi').get('quasis'),
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    path.get('quasi').get('quasis') as any,
+  );
+  const [expressions] = utils.unwrapExpressionsFromTemplateLiteral(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    path.get('quasi') as any,
   );
-  const [expressions] = utils.unwrapExpressionsFromTemplateLiteral(path.get('quasi'));
 
-  return [messageParts, expressions];
+  return [messageParts, expressions as types.Expression[]];
 }
 
 async function loadLocaleData(path: string, optimize: boolean): Promise<string> {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
