From eec3ed789fa160d5cb68cb32c8c41f4c5fbde1a7 Mon Sep 17 00:00:00 2001
From: Tyler Ohlsen <ohltyler@amazon.com>
Date: Fri, 22 Sep 2023 11:44:56 -0700
Subject: [PATCH] Update optimizer webpack config to support ReactFlow
 dependency (#4882)

* Add reactflow with compiler fix

Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com>

* Update CHANGELOG

Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com>

* Update comment

Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com>

* Revert adding reactflow dep

Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com>

---------

Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com>
Co-authored-by: Miki <miki@amazon.com>
---
 .../osd-optimizer/src/worker/webpack.config.ts    | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/osd-optimizer/src/worker/webpack.config.ts b/packages/osd-optimizer/src/worker/webpack.config.ts
index 5a0f1cc36728..a66ad06de032 100644
--- a/packages/osd-optimizer/src/worker/webpack.config.ts
+++ b/packages/osd-optimizer/src/worker/webpack.config.ts
@@ -235,6 +235,21 @@ export function getWebpackConfig(bundle: Bundle, bundleRefs: BundleRefs, worker:
             },
           },
         },
+        {
+          test: /\.js$/,
+          /* reactflow and some of its dependencies don't have es5 builds
+           * so we need to build from source and transpile for webpack v4
+           */
+          include: /node_modules[\\/]@?reactflow/,
+          use: {
+            loader: 'babel-loader',
+            options: {
+              babelrc: false,
+              envName: worker.dist ? 'production' : 'development',
+              presets: [BABEL_PRESET_PATH],
+            },
+          },
+        },
         {
           test: /\.(html|md|txt|tmpl)$/,
           use: {