merge: #3139

3139: fix(web) shim node util for browserified version r=theoephraim a=theoephraim



Co-authored-by: Theo Ephraim <[email protected]>

app/web/package.json

@@ -74,6 +74,7 @@
     "reconnecting-websocket": "^4.4.0",
     "tinycolor2": "^1.4.2",
     "typescript": "^4.9.5",
+    "util-browser": "^0.0.2",
     "validator": "^13.7.0",
     "vanilla-picker": "^2.12.1",
     "vue": "^3.3.12",

app/web/src/main.ts

@@ -18,14 +18,6 @@ import store from "./store";
 // this is for joi - because we are importing the source rather than the default build made for the browser
 globalThis.Buffer = Buffer;
 
-// resolving an issue only seen on one user's machine... could not figure out why
-// basically joi is using util - which references process.env... here we just creat it globablly so it wont explode
-// and we'll at least fill in NODE_ENV becuase that's the most common thing that gets checked
-if (typeof window !== "undefined") {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (window as any).process = { env: { NODE_ENV: import.meta.env.NODE_ENV } };
-}
-
 const app = createApp(App);
 
 app.use(createHead());

app/web/vite.config.ts

@@ -101,6 +101,7 @@ export default (opts: { mode: string }) => {
           find: "@",
           replacement: path.resolve(__dirname, "src"),
         },
+        { find: "util", replacement: "util-browser" },
       ],
     },
     build: {