From f674b22ec061430dfa08590e8a2836a658ca19d9 Mon Sep 17 00:00:00 2001
From: Kasper Peulen <kasperpeulen@gmail.com>
Date: Wed, 3 Jul 2024 15:50:21 +0200
Subject: [PATCH] Set default targets for swc conifg

---
 .../src/presets/custom-webpack-preset.ts      | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/code/builders/builder-webpack5/src/presets/custom-webpack-preset.ts b/code/builders/builder-webpack5/src/presets/custom-webpack-preset.ts
index ccc4de4fad3f..f8978d512973 100644
--- a/code/builders/builder-webpack5/src/presets/custom-webpack-preset.ts
+++ b/code/builders/builder-webpack5/src/presets/custom-webpack-preset.ts
@@ -1,10 +1,28 @@
 import * as webpackReal from 'webpack';
 import { logger } from 'storybook/internal/node-logger';
-import type { Options } from 'storybook/internal/types';
+import type { Options, PresetProperty } from 'storybook/internal/types';
 import type { Configuration } from 'webpack';
 import { loadCustomWebpackConfig } from '@storybook/core-webpack';
 import { createDefaultWebpackConfig } from '../preview/base-webpack.config';
 
+export const swc: PresetProperty<'swc'> = (config: Record<string, any>): Record<string, any> => {
+  return {
+    ...config,
+    env: {
+      ...(config?.env ?? {}),
+      targets: config?.env?.targets ?? {
+        chrome: 100,
+        safari: 15,
+        firefox: 91,
+      },
+      // Transpiles the broken syntax to the closest non-broken modern syntax.
+      // E.g. it won't transpile parameter destructuring in Safari
+      // which would break how we detect if the mount context property is used in the play function.
+      bugfixes: config?.env?.bugfixes ?? true,
+    },
+  };
+};
+
 export async function webpack(config: Configuration, options: Options) {
   const { configDir, configType, presets } = options;