perf decomposer transforms

config-overrides.js

@@ -0,0 +1,19 @@
+const webpack = require("webpack");
+
+module.exports = function override(config, env) {
+  config.resolve.fallback = {
+    ...config.resolve.fallback,
+    crypto: require.resolve("crypto-browserify"),
+    fs: require.resolve("browserify-fs"),
+    vm: require.resolve("vm-browserify"),
+  };
+
+  config.plugins = (config.plugins || []).concat([
+    new webpack.ProvidePlugin({
+      process: "process/browser",
+      Buffer: ["buffer", "Buffer"],
+    }),
+  ]);
+
+  return config;
+};

package.json

@@ -13,23 +13,29 @@
     "@testing-library/react": "^13.0.0",
     "@testing-library/user-event": "^13.2.1",
     "axios": "^0.27.2",
+    "browserify-fs": "^1.0.0",
+    "buffer": "^6.0.3",
+    "crypto-browserify": "^3.12.0",
     "deep-copy-all": "^1.3.4",
     "deep-sort-object": "^1.0.2",
     "diff": "^5.2.0",
     "form-data": "^4.0.0",
+    "process": "^0.11.10",
     "proskomma": "^0.7.13",
     "proskomma-json-tools": "^0.8.16",
     "react": "^18.3.1",
+    "react-app-rewired": "^2.2.1",
     "react-dom": "^18.3.1",
     "react-json-view": "^1.21.3",
     "react-scripts": "5.0.1",
+    "vm-browserify": "^1.1.2",
     "web-vitals": "^2.1.0",
     "xregexp": "^5.1.1"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {