From fbc7819133216ada61e2782a91b96a5d7954a0b2 Mon Sep 17 00:00:00 2001
From: Heikki Hellgren <heikki.hellgren@op.fi>
Date: Tue, 23 Jul 2024 10:17:41 +0300
Subject: [PATCH] fix: use es2022 in cli bundler and in storybook

fixes #25737

Signed-off-by: Heikki Hellgren <heikki.hellgren@op.fi>
---
 .changeset/cuddly-zebras-crash.md            | 5 +++++
 packages/cli/src/lib/bundler/optimization.ts | 4 ++--
 packages/cli/src/lib/bundler/transforms.ts   | 6 +++---
 storybook/.storybook/main.js                 | 4 ++--
 4 files changed, 12 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/cuddly-zebras-crash.md

diff --git a/.changeset/cuddly-zebras-crash.md b/.changeset/cuddly-zebras-crash.md
new file mode 100644
index 0000000000..473ac4053f
--- /dev/null
+++ b/.changeset/cuddly-zebras-crash.md
@@ -0,0 +1,5 @@
+---
+'@backstage/cli': patch
+---
+
+Use ES2022 in CLI bundler
diff --git a/packages/cli/src/lib/bundler/optimization.ts b/packages/cli/src/lib/bundler/optimization.ts
index 891e0793fe..cf240b4791 100644
--- a/packages/cli/src/lib/bundler/optimization.ts
+++ b/packages/cli/src/lib/bundler/optimization.ts
@@ -28,13 +28,13 @@ export const optimization = (
     minimize: !isDev,
     minimizer: [
       new EsbuildPlugin({
-        target: 'es2019',
+        target: 'ES2022',
         format: 'iife',
         exclude: 'remoteEntry.js',
       }),
       // Avoid iife wrapping of module federation remote entry as it breaks the variable assignment
       new EsbuildPlugin({
-        target: 'es2019',
+        target: 'ES2022',
         format: undefined,
         include: 'remoteEntry.js',
       }),
diff --git a/packages/cli/src/lib/bundler/transforms.ts b/packages/cli/src/lib/bundler/transforms.ts
index 0900b8e48e..1be54f7a73 100644
--- a/packages/cli/src/lib/bundler/transforms.ts
+++ b/packages/cli/src/lib/bundler/transforms.ts
@@ -57,7 +57,7 @@ export const transforms = (options: TransformOptions): Transforms => {
           loader: require.resolve('swc-loader'),
           options: {
             jsc: {
-              target: 'es2019',
+              target: 'ES2022',
               externalHelpers: !isBackend,
               parser: {
                 syntax: 'typescript',
@@ -85,7 +85,7 @@ export const transforms = (options: TransformOptions): Transforms => {
           loader: require.resolve('swc-loader'),
           options: {
             jsc: {
-              target: 'es2019',
+              target: 'ES2022',
               externalHelpers: !isBackend,
               parser: {
                 syntax: 'ecmascript',
@@ -118,7 +118,7 @@ export const transforms = (options: TransformOptions): Transforms => {
           loader: require.resolve('swc-loader'),
           options: {
             jsc: {
-              target: 'es2019',
+              target: 'es2022',
               externalHelpers: !isBackend,
               parser: {
                 syntax: 'ecmascript',
diff --git a/storybook/.storybook/main.js b/storybook/.storybook/main.js
index cb5f364a32..799c6c7c85 100644
--- a/storybook/.storybook/main.js
+++ b/storybook/.storybook/main.js
@@ -69,7 +69,7 @@ module.exports = Object.assign(({ args }) => {
           loader: require.resolve('swc-loader'),
           options: {
             jsc: {
-              target: 'es2019',
+              target: 'ES2022',
               parser: {
                 syntax: 'typescript',
                 tsx: true,
@@ -89,7 +89,7 @@ module.exports = Object.assign(({ args }) => {
           loader: require.resolve('swc-loader'),
           options: {
             jsc: {
-              target: 'es2019',
+              target: 'ES2022',
               parser: {
                 syntax: 'ecmascript',
                 jsx: true,