Feat: Persistent selected wallet account context provider

[ningthoujamSwamikumar]

Problem

The biggest piece of complexity in the example react-app is about persisting the selected wallet. And while wallet-standard allows an app to be connected to multiple wallets/accounts per wallet, in practice most apps will want to have some context about the currently active account, ie the UiWalletAccount to pass to hooks like useSignAndSendTransaction.

Summary of Changes

• Created react context and context provider for selected wallet accounts.
• Generalize the provider by taking functions to store, delete, and retrieve persisted account keys.
• User's selection/choice of wallet account precedes auto-restore of persisted wallet account, using a per provider instance flag.

Fixes #1148

[changeset-bot]

⚠️ No Changeset found

Latest commit: 94ab0fa

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[ningthoujamSwamikumar]

Hi @mcintyre94 I have done the selected wallet context provider. And I am trying to unit test for that but I find the existing tests are being written using react-test-renderer which is deprecated. Should I write the test for this using react-test-renderer or react-testing-library? I think its better to start writing in react-testing-library as its gonna be migrated to this at some point.

[mcintyre94]

Thanks @ningthoujamSwamikumar, I'll try to review this soon. In terms of testing I'm happy to use react-testing-library as this is what react-test-renderer seems to be recommending. Don't worry about updating the existing tests but I'll open an issue for that. Thanks for flagging!

BTW a useful validation check for this would be using it in the react app :)

[bundlemon]

BundleMon

Files updated (3)

Status	Path	Size	Limits
✅	react/dist/index.browser.mjs	3KB (+703B +29.74%)	-
✅	react/dist/index.native.mjs	2.99KB (+703B +29.75%)	-
✅	react/dist/index.node.mjs	2.99KB (+702B +29.72%)	-

Unchanged files (133)

Status	Path	Size	Limits
✅	@solana/kit production bundle kit/dist/index.production.min.js	39.19KB	-
✅	rpc-graphql/dist/index.browser.mjs	18.82KB	-
✅	rpc-graphql/dist/index.native.mjs	18.81KB	-
✅	rpc-graphql/dist/index.node.mjs	18.81KB	-
✅	errors/dist/index.node.mjs	17.07KB	-
✅	errors/dist/index.browser.mjs	17.04KB	-
✅	errors/dist/index.native.mjs	17.04KB	-
✅	transaction-messages/dist/index.browser.mjs	7.29KB	-
✅	transaction-messages/dist/index.native.mjs	7.29KB	-
✅	transaction-messages/dist/index.node.mjs	7.29KB	-
✅	offchain-messages/dist/index.browser.mjs	4.89KB	-
✅	offchain-messages/dist/index.native.mjs	4.89KB	-
✅	offchain-messages/dist/index.node.mjs	4.89KB	-
✅	codecs-data-structures/dist/index.browser.mjs	4.69KB	-
✅	codecs-data-structures/dist/index.native.mjs	4.69KB	-
✅	codecs-data-structures/dist/index.node.mjs	4.69KB	-
✅	instruction-plans/dist/index.browser.mjs	3.71KB	-
✅	instruction-plans/dist/index.native.mjs	3.71KB	-
✅	instruction-plans/dist/index.node.mjs	3.71KB	-
✅	codecs-core/dist/index.browser.mjs	3.61KB	-
✅	codecs-core/dist/index.native.mjs	3.61KB	-
✅	codecs-core/dist/index.node.mjs	3.61KB	-
✅	webcrypto-ed25519-polyfill/dist/index.node.mj s	3.61KB	-
✅	webcrypto-ed25519-polyfill/dist/index.browser .mjs	3.59KB	-
✅	webcrypto-ed25519-polyfill/dist/index.native. mjs	3.57KB	-
✅	rpc-subscriptions/dist/index.browser.mjs	3.37KB	-
✅	rpc-subscriptions/dist/index.node.mjs	3.34KB	-
✅	rpc-subscriptions/dist/index.native.mjs	3.31KB	-
✅	rpc-transformers/dist/index.browser.mjs	2.93KB	-
✅	rpc-transformers/dist/index.native.mjs	2.93KB	-
✅	rpc-transformers/dist/index.node.mjs	2.93KB	-
✅	addresses/dist/index.browser.mjs	2.93KB	-
✅	addresses/dist/index.native.mjs	2.92KB	-
✅	addresses/dist/index.node.mjs	2.92KB	-
✅	signers/dist/index.browser.mjs	2.9KB	-
✅	signers/dist/index.native.mjs	2.9KB	-
✅	signers/dist/index.node.mjs	2.9KB	-
✅	transactions/dist/index.browser.mjs	2.87KB	-
✅	transactions/dist/index.native.mjs	2.86KB	-
✅	transactions/dist/index.node.mjs	2.86KB	-
✅	codecs-strings/dist/index.browser.mjs	2.53KB	-
✅	codecs-strings/dist/index.node.mjs	2.49KB	-
✅	codecs-strings/dist/index.native.mjs	2.45KB	-
✅	transaction-confirmation/dist/index.node.mjs	2.41KB	-
✅	transaction-confirmation/dist/index.native.mj s	2.36KB	-
✅	transaction-confirmation/dist/index.browser.m js	2.35KB	-
✅	sysvars/dist/index.browser.mjs	2.35KB	-
✅	sysvars/dist/index.native.mjs	2.34KB	-
✅	sysvars/dist/index.node.mjs	2.34KB	-
✅	rpc-subscriptions-spec/dist/index.node.mjs	2.18KB	-
✅	rpc-subscriptions-spec/dist/index.native.mjs	2.13KB	-
✅	rpc-subscriptions-spec/dist/index.browser.mjs	2.13KB	-
✅	keys/dist/index.browser.mjs	2.1KB	-
✅	keys/dist/index.native.mjs	2.1KB	-
✅	keys/dist/index.node.mjs	2.1KB	-
✅	rpc/dist/index.node.mjs	1.95KB	-
✅	codecs-numbers/dist/index.browser.mjs	1.95KB	-
✅	codecs-numbers/dist/index.native.mjs	1.95KB	-
✅	codecs-numbers/dist/index.node.mjs	1.94KB	-
✅	rpc-transport-http/dist/index.browser.mjs	1.91KB	-
✅	rpc-transport-http/dist/index.native.mjs	1.9KB	-
✅	rpc/dist/index.native.mjs	1.81KB	-
✅	rpc/dist/index.browser.mjs	1.8KB	-
✅	subscribable/dist/index.node.mjs	1.8KB	-
✅	subscribable/dist/index.native.mjs	1.75KB	-
✅	subscribable/dist/index.browser.mjs	1.74KB	-
✅	rpc-transport-http/dist/index.node.mjs	1.72KB	-
✅	kit/dist/index.browser.mjs	1.69KB	-
✅	kit/dist/index.native.mjs	1.69KB	-
✅	kit/dist/index.node.mjs	1.69KB	-
✅	rpc-types/dist/index.browser.mjs	1.53KB	-
✅	rpc-types/dist/index.native.mjs	1.53KB	-
✅	rpc-types/dist/index.node.mjs	1.53KB	-
✅	rpc-subscriptions-channel-websocket/dist/inde x.node.mjs	1.33KB	-
✅	rpc-subscriptions-channel-websocket/dist/inde x.native.mjs	1.27KB	-
✅	rpc-subscriptions-channel-websocket/dist/inde x.browser.mjs	1.26KB	-
✅	options/dist/index.browser.mjs	1.18KB	-
✅	options/dist/index.native.mjs	1.18KB	-
✅	options/dist/index.node.mjs	1.17KB	-
✅	accounts/dist/index.browser.mjs	1.13KB	-
✅	accounts/dist/index.native.mjs	1.12KB	-
✅	accounts/dist/index.node.mjs	1.12KB	-
✅	rpc-api/dist/index.browser.mjs	976B	-
✅	rpc-api/dist/index.native.mjs	975B	-
✅	rpc-api/dist/index.node.mjs	973B	-
✅	compat/dist/index.browser.mjs	969B	-
✅	compat/dist/index.native.mjs	968B	-
✅	compat/dist/index.node.mjs	966B	-
✅	rpc-spec-types/dist/index.browser.mjs	962B	-
✅	rpc-spec-types/dist/index.native.mjs	961B	-
✅	rpc-spec-types/dist/index.node.mjs	959B	-
✅	rpc-subscriptions-api/dist/index.native.mjs	870B	-
✅	rpc-subscriptions-api/dist/index.node.mjs	869B	-
✅	rpc-subscriptions-api/dist/index.browser.mjs	868B	-
✅	rpc-spec/dist/index.browser.mjs	852B	-
✅	rpc-spec/dist/index.native.mjs	851B	-
✅	rpc-spec/dist/index.node.mjs	850B	-
✅	promises/dist/index.browser.mjs	799B	-
✅	promises/dist/index.native.mjs	798B	-
✅	promises/dist/index.node.mjs	797B	-
✅	assertions/dist/index.browser.mjs	783B	-
✅	instructions/dist/index.browser.mjs	771B	-
✅	instructions/dist/index.native.mjs	770B	-
✅	instructions/dist/index.node.mjs	768B	-
✅	fast-stable-stringify/dist/index.browser.mjs	726B	-
✅	fast-stable-stringify/dist/index.native.mjs	725B	-
✅	assertions/dist/index.native.mjs	724B	-
✅	fast-stable-stringify/dist/index.node.mjs	724B	-
✅	assertions/dist/index.node.mjs	723B	-
✅	programs/dist/index.browser.mjs	329B	-
✅	plugin-core/dist/index.browser.mjs	328B	-
✅	programs/dist/index.native.mjs	327B	-
✅	plugin-core/dist/index.native.mjs	326B	-
✅	programs/dist/index.node.mjs	325B	-
✅	plugin-core/dist/index.node.mjs	324B	-
✅	event-target-impl/dist/index.node.mjs	230B	-
✅	functional/dist/index.browser.mjs	154B	-
✅	functional/dist/index.native.mjs	152B	-
✅	text-encoding-impl/dist/index.native.mjs	152B	-
✅	functional/dist/index.node.mjs	151B	-
✅	codecs/dist/index.browser.mjs	137B	-
✅	codecs/dist/index.native.mjs	136B	-
✅	codecs/dist/index.node.mjs	134B	-
✅	event-target-impl/dist/index.browser.mjs	133B	-
✅	ws-impl/dist/index.node.mjs	131B	-
✅	text-encoding-impl/dist/index.browser.mjs	122B	-
✅	text-encoding-impl/dist/index.node.mjs	119B	-
✅	ws-impl/dist/index.browser.mjs	113B	-
✅	crypto-impl/dist/index.node.mjs	111B	-
✅	crypto-impl/dist/index.browser.mjs	109B	-
✅	rpc-parsed-types/dist/index.browser.mjs	66B	-
✅	rpc-parsed-types/dist/index.native.mjs	65B	-
✅	rpc-parsed-types/dist/index.node.mjs	63B	-

Total files change +2.06KB +0.53%

Final result: ✅

View report in BundleMon website ➡️

---

Current branch size history | Target branch size history