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/arrify@2.0.1
• npm/eyes@0.1.8
• npm/isomorphic-fetch@3.0.0
• npm/please-upgrade-node@3.2.0
• npm/array-differ@3.0.0
• npm/multimatch@5.0.0
• npm/@types/minimatch@3.0.5
• npm/jest-get-type@28.0.2
• npm/jest@28.1.3
• npm/@jest/core@28.1.3
• npm/jest-cli@28.1.3
• npm/@jest/reporters@28.1.3
• npm/@jest/transform@28.1.3
• npm/jest-changed-files@28.1.3
• npm/jest-config@28.1.3
• npm/jest-haste-map@28.1.3
• npm/jest-resolve@28.1.3
• npm/jest-resolve-dependencies@28.1.3
• npm/jest-runner@28.1.3
• npm/jest-runtime@28.1.3
• npm/jest-snapshot@28.1.3
• npm/jest-validate@28.1.3
• npm/@jest/test-sequencer@28.1.3
• npm/babel-jest@28.1.3
• npm/jest-circus@28.1.3
• npm/jest-environment-node@28.1.3
• npm/babel-preset-jest@28.1.3
• npm/babel-plugin-jest-hoist@28.1.3
• npm/@jest/environment@28.1.3
• npm/@jest/expect@28.1.3
• npm/jest-each@28.1.3
• npm/jest-matcher-utils@28.1.3
• npm/jest-diff@28.1.3
• npm/@jest/fake-timers@28.1.3
• npm/jest-mock@28.1.3
• npm/expect@28.1.3
• npm/@jest/expect-utils@28.1.3
• npm/@sinonjs/fake-timers@9.1.2
• npm/diff-sequences@28.1.1
• npm/jest-docblock@28.1.1
• npm/jest-leak-detector@28.1.3
• npm/@jest/globals@28.1.3
• npm/@jest/source-map@28.1.2
• npm/es6-promisify@5.0.0
• npm/@types/ws@7.4.7
• npm/detect-file@1.0.0
• npm/resolve-dir@1.0.1
• npm/expand-tilde@2.0.2
• npm/homedir-polyfill@1.0.3
• npm/parse-passwd@1.0.0
• npm/global-modules@1.0.0
• npm/global-prefix@1.0.2
• npm/callsite@1.0.0
• npm/@solana/buffer-layout@4.0.1
• npm/borsh@0.7.0
• npm/fast-stable-stringify@1.0.0
• npm/text-encoding-utf-8@1.0.2
• npm/sort-object-keys@1.1.3
• npm/npm-install-checks@6.3.0
• npm/detect-newline@4.0.1
• npm/require-package-name@2.0.1
• npm/findup-sync@5.0.0
• npm/is-url@1.2.4
• npm/minimatch@7.4.6
• npm/stream-chain@2.2.5
• npm/@types/jest@28.1.8
• npm/depcheck@1.4.7
• npm/deps-regex@0.2.0
• npm/@json-schema-spec/json-pointer@0.1.2
• npm/@types/filesystem@0.0.36
• npm/@npmcli/run-script@8.1.0
• npm/@npmcli/promise-spawn@7.0.2
• npm/json-parse-even-better-errors@3.0.2
• npm/hosted-git-info@7.0.2
• npm/bin-links@4.0.4
• npm/validate-npm-package-name@5.0.1
• npm/@open-rpc/meta-schema@1.14.9
• npm/@json-schema-tools/meta-schema@1.7.5
• npm/@json-schema-tools/reference-resolver@1.2.6
• npm/@json-schema-tools/dereferencer@1.6.3
• npm/normalize-package-data@6.0.2
• npm/superstruct@2.0.2
• npm/@npmcli/git@5.0.8
• npm/npm-pick-manifest@9.1.0
• npm/npm-package-arg@11.0.3
• npm/@npmcli/package-json@5.2.1
• npm/@types/har-format@1.2.16
• npm/@types/chrome@0.0.279
• npm/stream-json@1.9.1
• npm/node-gyp@10.3.1
• npm/agentkeepalive@4.6.0
• npm/@open-rpc/specification-extension-spec@1.0.2
• npm/@open-rpc/schema-utils-js@2.1.2
• npm/@yarnpkg/types@4.0.1
• npm/git-hooks-list@4.1.1
• npm/@swc/helpers@0.5.17
• npm/jayson@4.2.0
• npm/type-fest@4.41.0
• npm/@lavamoat/preinstall-always-fail@2.1.1
• npm/@metamask/api-specs@0.14.0
• npm/@json-schema-tools/traverse@1.11.0
• npm/sort-package-json@3.4.0
• npm/@solana/codecs-numbers@2.3.0
• npm/@solana/codecs-core@2.3.0
• npm/@solana/errors@2.3.0
• npm/prettier-plugin-packagejson@2.5.19
• npm/rpc-websockets@9.1.3
• npm/@solana/web3.js@1.98.4
• npm/@lavamoat/aa@4.3.4
• npm/@lavamoat/allow-scripts@3.3.5
• npm/@vue/compiler-dom@3.5.21
• npm/@vue/compiler-sfc@3.5.21
• npm/@vue/shared@3.5.21
• npm/@vue/compiler-core@3.5.21
• npm/@vue/compiler-ssr@3.5.21
• npm/tailwindcss@4.1.13
• npm/chalk@5.6.2
• npm/commander@14.0.1
• npm/detect-indent@7.0.2

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