Let the game render before a user being available #25
Conversation
|
@norswap is attempting to deploy a commit to the Lattice Team on Vercel. A member of the Team first needs to authorize it. |
There was a problem hiding this comment.
LIttle nicety since this expects an older Node version than the curren stable. It unfortunately doesn't work with the newer node (I checked), something about asserts. Most likely this go away if the packages are updated, which I have not done here (but can do).
| @@ -22,7 +22,6 @@ | |||
| "typescript": "5.4.2" | |||
| }, | |||
| "engines": { | |||
| "node": "18.x", | |||
| "pnpm": "8.x" | |||
There was a problem hiding this comment.
Works perfectly fine with the latest pnpm version, so removed this to avoid further usage headaches.
| @@ -4,6 +4,7 @@ | |||
| <meta charset="UTF-8" /> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |||
| <title>Emojimon</title> | |||
| <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🤠</text></svg>" /> | |||
There was a problem hiding this comment.
Avoids console error when doing favicon.ico lookup. Simply uses 🤠 as favicon.
| lastBlockNumberProcessed: 0n, | ||
| }); | ||
| const connect = () => setWallet(walletClient); | ||
| const disconnect = () => setWallet(undefined); |
There was a problem hiding this comment.
Obviously silly here since we have the burner from the get-go, but any login/wallet system can inject its own wallet client.
|
thank you so much! I've been deferring this work until we have our MUD wallet solution ready (soon!) unfortunately upgrading emojimon is quite toilsome because we have to do it for each commit with corresponding docs updates (with line highlighting etc.) so I may leave this in a branch/PR for now as an example for folks until we can get to upgrading everything |
This makes it possible for the game board to render before a user/wallet being available. In this demo (and in the react MUD template in general), it is assumed a burner wallet will be used. In practice games often want both (a) users to login in some way (connect their wallet, use a social login system) AND (b) render something from the game before that happens. A good example is Words3 which does this (you can see the Scrabble grip before logging in with your wallet).
We did this work on Emojimon in order to integrate our login system, I'd figure I'd upstream it to see if there's any interest.
I realize this doesn't 100% fit the format of this repo (it's basically a refactor that would be better introduced progressively over the previous 4 steps). If there's interest, I can retool this to fit this format, and/or modify the MUD react template, since the logic being changed is mostly inherited from the template.
Overview of what was done here:
useSetup,useDevtoolsanduseFaucetuseMUD()return type is exposed asMUDInterface, in which the properties dependent on a wallet are marked optional — users must check whether a wallet is present to use them.WorldContractWrite)