update setup

chanzuckerberg · Dec 12, 2024 · fbad80e · fbad80e
1 parent ddce646
commit fbad80e
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 7 deletions.
diff --git a/client/__tests__/e2e/playwright.global.setup.ts b/client/__tests__/e2e/playwright.global.setup.ts
@@ -87,11 +87,6 @@ const setup = async ({ page }: { page: Page }) => {
    * Use Case: Useful for detecting and debugging runtime errors in the web page's JavaScript
    */
   page.on("pageerror", (error) => {
-    // Hack: Always ignore "exports is not defined" error regardless of environment
-    // TODO: Fix the underlying issue
-    if (error.toString().includes("exports is not defined")) {
-      return;
-    }
     // if this is running locally don't fail on error
     if (process.env.CI !== "true") {
       return;

diff --git a/client/configuration/babel/babel.dev.js b/client/configuration/babel/babel.dev.js
@@ -7,7 +7,7 @@ module.exports = {
       {
         useBuiltIns: "entry",
         corejs: 3,
-        modules: false,
+        modules: "auto",
       },
     ],
     "@babel/preset-react",

diff --git a/client/configuration/babel/babel.prod.js b/client/configuration/babel/babel.prod.js
@@ -6,7 +6,7 @@ module.exports = {
       {
         useBuiltIns: "entry",
         corejs: 3,
-        modules: false,
+        modules: "auto",
       },
     ],
     "@babel/preset-react",

diff --git a/client/configuration/webpack/webpack.config.shared.js b/client/configuration/webpack/webpack.config.shared.js
@@ -28,16 +28,33 @@ module.exports = {
     "abort-controller/polyfill",
     "./src/index",
   ],
+  externals: {
+    "react-draggable": {
+      commonjs: "react-draggable",
+      commonjs2: "react-draggable",
+      amd: "react-draggable",
+      root: "ReactDraggable",
+    },
+  },
   output: {
     path: path.resolve("build"),
     publicPath,
+    library: {
+      type: "umd",
+      umdNamedDefine: true,
+    },
+    globalObject: "typeof self !== 'undefined' ? self : this",
   },
   resolve: {
     extensions: [".ts", ".tsx", ".js", ".jsx", "..."],
     modules: [path.resolve(__dirname, "../../src"), "node_modules"],
     alias: {
       "~/globals": path.resolve(__dirname, "../../src/globals"),
     },
+    fallback: {
+      path: false,
+      fs: false,
+    },
   },
   module: {
     rules: [
@@ -69,6 +86,27 @@ module.exports = {
         loader: "json-loader",
         exclude: /manifest.json$/,
       },
+      {
+        test: /\.m?js/,
+        resolve: {
+          fullySpecified: false,
+        },
+      },
+      {
+        test: /\.(js|jsx|ts|tsx)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: [
+              "@babel/preset-env",
+              "@babel/preset-react",
+              "@babel/preset-typescript",
+            ],
+            plugins: ["@babel/plugin-transform-runtime"],
+          },
+        },
+      },
     ],
   },
   plugins: [