feat: initial multichain (react) playground

[elribonazo]

Explanation

This is the initial version of the multichain integration with our sdk and may not be fully functional yet, lots of moving pieces on MWP, SDK itself, etc.

• Integrates with the multichain client
• Simple react integration + preconfigured hooks and react handy functions
• Uses latest designs for the install modal
• Does platform detection and injects the right transport for each scenario.
• Restores existing sessions + reconnects on refresh
• Extension integration + QRCode display with preferDesktop or preferExtension with sessionRequest not the new ConnectionRequest

Install modal

Prefer Desktop enabled

Prefer Extension enabled

Multichain

Connected networks

Invoke RPCMethods on different chains

Checklist

• I've updated the test suite for new or updated code as appropriate
• I've updated documentation (JSDoc, Markdown, etc.) for new or updated code as appropriate
• I've highlighted breaking changes using the "BREAKING" category above as appropriate

[socket-security]

All alerts resolved. Learn more about Socket for GitHub.

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

Ignoring alerts on:

• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@types/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@jest/[email protected]
• npm/[email protected]
• npm/@jest/[email protected]
• npm/@jest/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@jest/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@jest/[email protected]
• npm/@jest/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@jest/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@jest/[email protected]
• npm/@sinonjs/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@jest/[email protected]
• npm/@jest/[email protected]
• npm/[email protected]
• npm/@types/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@solana/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@types/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@json-schema-spec/[email protected]
• npm/@types/[email protected]
• npm/@npmcli/[email protected]
• npm/@npmcli/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@open-rpc/[email protected]
• npm/@json-schema-tools/[email protected]
• npm/@json-schema-tools/[email protected]
• npm/@json-schema-tools/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@npmcli/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@npmcli/[email protected]
• npm/@types/[email protected]
• npm/@types/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@open-rpc/[email protected]
• npm/@open-rpc/[email protected]
• npm/@yarnpkg/[email protected]
• npm/[email protected]
• npm/@swc/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@lavamoat/[email protected]
• npm/@metamask/[email protected]
• npm/@json-schema-tools/[email protected]
• npm/[email protected]
• npm/@solana/[email protected]
• npm/@solana/[email protected]
• npm/@solana/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/@solana/[email protected]
• npm/@lavamoat/[email protected]
• npm/@lavamoat/[email protected]
• npm/@vue/[email protected]
• npm/@vue/[email protected]
• npm/@vue/[email protected]
• npm/@vue/[email protected]
• npm/@vue/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]
• npm/[email protected]

View full report

[elribonazo]

@SocketSecurity ignore-all

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	npm/​@​lavamoat/​preinstall-always-fail@​2.1.1
	npm/​@​yarnpkg/​types@​4.0.1
	npm/​@​open-rpc/​meta-schema@​1.14.9
	npm/​@​open-rpc/​schema-utils-js@​2.1.2
	npm/​prettier-plugin-packagejson@​2.5.19
	npm/​@​types/​chrome@​0.0.279
	npm/​depcheck@​1.4.7
	npm/​tailwindcss@​4.1.13
	npm/​@​metamask/​api-specs@​0.14.0
	npm/​@​solana/​web3.js@​1.98.4

View full report

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 74.93%. Comparing base (26005b4) to head (2cc064f).
⚠️ Report is 2 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1331   +/-   ##
=======================================
  Coverage   74.93%   74.93%           
=======================================
  Files         184      184           
  Lines        4513     4513           
  Branches     1105     1105           
=======================================
  Hits         3382     3382           
  Misses       1131     1131           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud