🦊 Metamask integration POC

[thesan]

Demo

• @chainsafe/polkadot-snap fails on FF for me so the demo only works on Chrome based browsers AFAIK.
• The demo points at my publish version of the snap, so it only works with Metamask Flask.
• The snap works with HTTP RPC endpoints only (adding WS support is a headache). So the Apps implementing this should start storing the HTTP RPC link too. In the meantime it works with a simple text replacement hack.

For these reasons I'm keeping this PR as a draft (also the snap needs a bit more changes IMO).

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
dao	✅ Ready (Inspect)	Visit Preview	May 1, 2024 1:07pm
pioneer-2	✅ Ready (Inspect)	Visit Preview	May 1, 2024 1:07pm
pioneer-2-storybook	✅ Ready (Inspect)	Visit Preview	May 1, 2024 1:07pm

[thesan]

@kdembler the official snap seems to work now but it still reports an error when connecting. Also I it might have been working before the last release, but I was focussed on this error before realizing that the wsRpcUrl should actually be the http rpc url 😕.

I reported the issue (with the error message): ChainSafe/metamask-snap-polkadot#231

Going forward:

• Some more QA is needed especially with the real (i.e not flask) Metamask and with extrinsics that are Joystream specific.
• The apps supporting this should store the http rpc endpoints in addition to the ws one.
• Also maybe this should be enabled on Chrome based browser only for now. I had forgotten about this and got confused on FF today 🤦