make sure browser webpack uses dist browser

config/webpack.config.js

@@ -46,6 +46,16 @@ export default {
 
   module: {
     rules: [
+      // Need to make sure all webpacked files are using browser files
+      {
+        test: /\.js$/,
+        loader: 'string-replace-loader',
+        options: {
+          search: 'dist/node',
+          replace: 'dist/browser',
+          flags: 'g',
+        },
+      },
       // plebbit-js doesn't need babel, but we should write our tests
       // with it to make sure it doesn't break for users who use it
       // like react users for example

package.json

@@ -53,5 +53,8 @@
     "hooks": {
       "pre-commit": "lint-staged"
     }
+  },
+  "devDependencies": {
+    "string-replace-loader": "3.1.0"
   }
 }

test/node-and-browser/protocol.test.js

@@ -16,7 +16,7 @@ import chaiString from 'chai-string'
 const {expect} = chai
 chai.use(chaiString)
 
-import Plebbit from '@plebbit/plebbit-js'
+import Plebbit from '@plebbit/plebbit-js/dist/node/index'
 import * as cborg from 'cborg'
 import {create as CreateKuboRpcClient} from 'kubo-rpc-client'
 import {encryptEd25519AesGcm, decryptEd25519AesGcm} from '../utils/encryption'