Add web3modal demo (#568)

examples/README.md

@@ -6,6 +6,12 @@
 
 - Related documentation: [Deep Linking into the Coinbase Wallet Dapp Browser](https://docs.cloud.coinbase.com/wallet-sdk/docs/deep-link-into-dapp-browser)
 
+### Integrate with web3modal
+
+[web3modal example](web3modal-demo/)
+
+- Related documentation: [Integrating with Web3Modal](https://docs.cloud.coinbase.com/wallet-sdk/docs/web3modal)
+
 ### Integrate with web3-onboard
 
 [web3-onboard example](web3-onboard-demo/)

examples/web3modal-demo/.env

@@ -0,0 +1,2 @@
+GENERATE_SOURCEMAP=false
+INFURA_ID=

examples/web3modal-demo/.gitignore

@@ -0,0 +1,21 @@
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

examples/web3modal-demo/README.md

@@ -0,0 +1,15 @@
+# Coinbase Wallet: Integrate with Web3Modal
+
+This sample application demonstrates how to integrate Coinbase Wallet into a decentralized application using the Web3Modal library.
+
+Install packages:
+
+`npm install`
+
+Run app:
+
+`npm start`
+
+Open app:
+
+http://localhost:3000/

examples/web3modal-demo/config-overrides.js

@@ -0,0 +1,32 @@
+const webpack = require("webpack");
+
+module.exports = function override(config, env) {
+  config.resolve.fallback = {
+    ...config.resolve.fallback,
+    assert: require.resolve("assert/"),
+    buffer: require.resolve("buffer/"),
+    http: require.resolve("stream-http"),
+    https: require.resolve("https-browserify"),
+    os: require.resolve("os-browserify/browser"),
+    stream: require.resolve("stream-browserify"),
+    url: require.resolve("url/"),
+    util: require.resolve("util/"),
+  };
+  config.resolve.extensions = [
+    ...config.resolve.extensions,
+    ".ts",
+    ".tsx",
+    ".js",
+  ];
+  config.plugins = [
+    ...config.plugins,
+    new webpack.ProvidePlugin({
+      Buffer: ["buffer", "Buffer"],
+    }),
+    new webpack.DefinePlugin({
+      "process.env.INFURA_ID": JSON.stringify(process.env.INFURA_ID),
+    }),
+  ];
+
+  return config;
+};