How to setup polyfill for crypto package? about wallet-adapter HOT 5 CLOSED

Thanks for the report, is this something you were able to workaround by adding the fallback? This is something it would help to add documentation for @ https://github.com/solana-labs/wallet-adapter/blob/master/FAQ.md#can-i-use-this-with-___

from wallet-adapter.

Removing polyfills for crypto (Torus wallet dependency I believe) works for me. In webpack.config.js should be added:

resolve: {
        fallback: {
            "crypto": false,
        } 
  }

from wallet-adapter.

Thanks jordansexton and ibrica. I've already solved the issues. I am using Gatsby so I used gatsby-node.js file and configured the deprecated packages manually by installing some packages..

And the code inside gatsby-node.js file just like this...

exports.onCreateWebpackConfig = ({ actions }) => {
  actions.setWebpackConfig({
    plugins: [
      new webpack.ProvidePlugin({
        process: "process/browser",
      }),
      new webpack.ProvidePlugin({
        Buffer: [require.resolve("buffer/"), "Buffer"],
      }),
    ],
    resolve: {
      fallback: {
        crypto: require.resolve("crypto-browserify"),
        stream: require.resolve("stream-browserify"),
      },
    },
  })
} 

from wallet-adapter.

Nice, thank you both for posting your workarounds. I'll update the FAQ.

I think the fix @ibrica made is slightly better in principle, since it doesn't polyfill the Node crypto package that shouldn't be used in the browser anyway.

However, Buffer is used in the browser by Ledger at least, so it's good to polyfill that.

from wallet-adapter.

Fixed by 81e80d5 / added to https://github.com/solana-labs/wallet-adapter/blob/master/FAQ.md#webpack--gatsby

from wallet-adapter.