Support for a Passkeys wallet

[TimDaub]

Hey,

with Kiwi News, we're storing a user's temporary upvoting and link submission key in localstorage. But now we're planning to back it up e.g. in iCloud using Passkey's largeBlob.
So e.g. there is now a process to get your key stored in iCloud, in our settings, and technically in the future, it should then be possible to click 'Connect Wallet', but then directly select one of the public keys from iCloud and read the largeBlob to re-instantiate the private key.

So it'd be nice if I could provide an extra wallet option where I can define for myself what shall happen when the user clicks that option. In my case, I'd want to call the navigator.credential API, get the largeBlob, store it in localstorage and then close the connect wallet modal successfully again.

[magiziz]

@TimDaub We currently don't support passkey wallet. Apologies if this doesn't solve your issue, but let me know if you've got any other question 🙏

[TimDaub]

Is there any way I can add a custom wallet button that does an action onClick? I‘ve looked into this, but the wallet connector modules are designed too descriptively, I would have preferred if they were react components, one could insert as children and define functionality. There also doesn‘t seem any other possibility to manipulate the open modal but to define a disclaimer. I‘m using 1.x

[magiziz]

Mhmm i see now. The thing is we're fully dependent on wagmi's useAccount hook and we look for isConnected boolean to close the modal immediately, this wouldn't be possible to add extra option after the "Connect" in the modal dialogue. Here is the hook for more info. There has to be a wagmi connector (wallet) which you plug into RainbowKit otherwise it won't work, and if we were to do that it would be a big migration on our end just do at that little extra step after "Connect" modal dialogue.

Are you able to create maybe your own sdk that will have another modal popup within RainbowKit's modal ? Similar to what WalletConnect and Web3Auth does ? Here is an example of web3auth's connector. Maybe you can then do your own logic with localStorage, iCloud backup with passkeys, interact with smart contracts and etc...

[TimDaub]

I think I'd be capable of building that but somehow I have to understand what createConnector expects etc. Is this documented somewhere?

[magiziz]

Yep should be in this wagmi doc. Here is another example of coinbase wallet connector: https://github.com/wevm/wagmi/blob/main/packages/connectors/src/coinbaseWallet.ts

[TimDaub]

Mhh, tbh, I think it is too much more to build all of this just for trying out something. I think it'd be fine to do that if this ends up establishing itself as a rather important primitive, but we're not that far yet. As I said, I want the simplest possible way to inject code somehow into your modal. Frankly, I think the code doesn't seem to be good if it is so compartmentalized that it makes it almost impossible to do that. I just need a button with an onclick handler at the moment. Sure, we can implement it properly later, but that's not the point for reaching out ATM

[TimDaub]

Here's the demo of what I'm building. https://www.youtube.com/watch?v=_DhtZqtz_ZA

Currently I'm using the Disclaimer https://www.rainbowkit.com/docs/custom-app-info which is not optimal because e.g. the section doesn't scale to 100% width. Also, a Disclaimer element cannot have custom props defined by the application.