chore: Add path-browserify for webpack browser compatibility

Configure webpack to use path-browserify as a fallback for path resolution in browser environments, ensuring proper module handling.

Author: clean99

package.json

@@ -15,17 +15,18 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@eko-ai/eko": "^1.0.9",
     "antd": "^5.22.4",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "@eko-ai/eko": "^1.0.9"
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@types/chrome": "0.0.158",
     "@types/react": "^18.0.29",
     "@types/react-dom": "^18.0.11",
     "copy-webpack-plugin": "^9.0.1",
     "glob": "^7.1.6",
+    "path-browserify": "^1.0.1",
     "prettier": "^2.2.1",
     "rimraf": "^3.0.2 ",
     "ts-loader": "^8.0.0",

webpack/webpack.common.js

@@ -33,6 +33,10 @@ module.exports = {
     },
     resolve: {
         extensions: [".ts", ".tsx", ".js"],
+        fallback: {
+            "path": require.resolve("path-browserify"),
+            "fs": false
+        }
     },
     plugins: [
         new CopyWebpackPlugin({