[TOOL-3564] Playground: Select multiple chains in insight playground #6652

MananTank · 2025-04-04T16:23:21Z

PR-Codex overview

This PR introduces a new MultiNetworkSelector component and a MultiSelect component with enhanced functionality, including search and display of multiple network options. It also adds a custom hook useShowMore for lazy loading items in the UI.

Detailed summary

Added useShowMore hook for lazy loading items.
Introduced MultiNetworkSelector component for selecting multiple networks.
Enhanced MultiSelect component with search functionality and lazy loading.
Updated BlueprintPlayground to utilize MultiNetworkSelector.
Modified form handling to accommodate arrays for chain selection.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

linear · 2025-04-04T16:23:24Z

TOOL-3564 Multichain Insight queries in the playground

vercel · 2025-04-04T16:23:25Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
thirdweb_playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 4, 2025 5:47pm

4 Skipped Deployments

Name	Status	Updated (UTC)
docs-v2	⬜️ Skipped (Inspect)	Apr 4, 2025 5:47pm
login	⬜️ Skipped (Inspect)	Apr 4, 2025 5:47pm
thirdweb-www	⬜️ Skipped (Inspect)	Apr 4, 2025 5:47pm
wallet-ui	⬜️ Skipped (Inspect)	Apr 4, 2025 5:47pm

changeset-bot · 2025-04-04T16:23:25Z

⚠️ No Changeset found

Latest commit: 7597418

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

MananTank · 2025-04-04T16:23:37Z

[TOOL-3564] Playground: Select multiple chains in insight playground #6652 👈 (View in Graphite)
main

How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

merge-queue - adds this PR to the back of the merge queue
hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

_{An organization admin has enabled the Graphite Merge Queue in this repository.} _{Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.}

This stack of pull requests is managed by Graphite. Learn more about stacking.

codecov · 2025-04-04T16:25:53Z

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 54.98%. Comparing base (5204bd5) to head (7597418).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #6652   +/-   ##
=======================================
  Coverage   54.98%   54.98%           
=======================================
  Files         889      889           
  Lines       55768    55768           
  Branches     3816     3816           
=======================================
  Hits        30665    30665           
  Misses      25008    25008           
  Partials       95       95

Flag	Coverage Δ
packages	`54.98% <ø> (ø)`

🚀 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.

github-actions · 2025-04-04T16:28:10Z

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
thirdweb (esm)	47.57 KB (0%)	952 ms (0%)	152 ms (+154.19% 🔺)	1.2 s
thirdweb (cjs)	129.95 KB (0%)	2.6 s (0%)	234 ms (+36.13% 🔺)	2.9 s
thirdweb (minimal + tree-shaking)	5.62 KB (0%)	113 ms (0%)	100 ms (+2360.5% 🔺)	212 ms
thirdweb/chains (tree-shaking)	514 B (0%)	11 ms (0%)	33 ms (+2276.45% 🔺)	43 ms
thirdweb/react (minimal + tree-shaking)	19.37 KB (0%)	388 ms (0%)	86 ms (+382.51% 🔺)	474 ms

jnsdls

I believe

graphite-app · 2025-04-04T17:45:43Z

Merge activity

Apr 4, 1:45 PM EDT: MananTank added this pull request to the Graphite merge queue.
Apr 4, 1:51 PM EDT: Merged by the Graphite merge queue.

…6652)  ## PR-Codex overview This PR introduces a `MultiSelect` component along with a `useShowMore` hook to enhance the selection of network chains in a UI. It improves the user experience by allowing more items to be displayed as the user scrolls and provides a more flexible selection interface. ### Detailed summary - Added `useShowMore` hook to manage displaying more items on scroll. - Introduced `MultiNetworkSelector` for selecting multiple network chains. - Updated `BlueprintPlayground` to utilize `MultiNetworkSelector`. - Modified `ParameterSection` to handle array values for chain selection. - Created `MultiSelect` component for better multi-item selection. - Enhanced UI with search functionality and option rendering in `MultiSelect`. - Implemented badge display for selected items in `MultiSelect`. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

vercel bot temporarily deployed to Preview – thirdweb-www April 4, 2025 16:23 Inactive

vercel bot temporarily deployed to Preview – login April 4, 2025 16:23 Inactive

vercel bot temporarily deployed to Preview – docs-v2 April 4, 2025 16:23 Inactive

vercel bot temporarily deployed to Preview – wallet-ui April 4, 2025 16:23 Inactive

github-actions bot added the Playground Changes involving the Playground codebase. label Apr 4, 2025

MananTank marked this pull request as ready for review April 4, 2025 16:23

MananTank requested review from a team as code owners April 4, 2025 16:23

github-actions bot assigned MananTank Apr 4, 2025

vercel bot deployed to Preview – thirdweb_playground April 4, 2025 16:25 View deployment

MananTank marked this pull request as draft April 4, 2025 16:37

MananTank force-pushed the tool-3564 branch from 4bc7677 to 92e63b4 Compare April 4, 2025 16:38

vercel bot temporarily deployed to Preview – wallet-ui April 4, 2025 16:38 Inactive

vercel bot temporarily deployed to Preview – docs-v2 April 4, 2025 16:38 Inactive

vercel bot temporarily deployed to Preview – login April 4, 2025 16:38 Inactive

vercel bot temporarily deployed to Preview – thirdweb-www April 4, 2025 16:38 Inactive

MananTank marked this pull request as ready for review April 4, 2025 16:39

vercel bot deployed to Preview – thirdweb_playground April 4, 2025 16:40 View deployment

jnsdls approved these changes Apr 4, 2025

View reviewed changes

graphite-app bot force-pushed the tool-3564 branch from 92e63b4 to 7597418 Compare April 4, 2025 17:46

vercel bot temporarily deployed to Preview – docs-v2 April 4, 2025 17:46 Inactive

vercel bot temporarily deployed to Preview – thirdweb-www April 4, 2025 17:46 Inactive

vercel bot temporarily deployed to Preview – login April 4, 2025 17:46 Inactive

vercel bot temporarily deployed to Preview – wallet-ui April 4, 2025 17:47 Inactive

vercel bot deployed to Preview – thirdweb_playground April 4, 2025 17:47 View deployment

graphite-app bot merged commit 7597418 into main Apr 4, 2025
31 checks passed

graphite-app bot deleted the tool-3564 branch April 4, 2025 17:51

vercel bot temporarily deployed to Production – login April 4, 2025 17:51 Inactive

vercel bot temporarily deployed to Production – wallet-ui April 4, 2025 17:51 Inactive

vercel bot temporarily deployed to Production – thirdweb-www April 4, 2025 17:51 Inactive

vercel bot temporarily deployed to Production – docs-v2 April 4, 2025 17:51 Inactive

vercel bot deployed to Production – thirdweb_playground April 4, 2025 17:53 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[TOOL-3564] Playground: Select multiple chains in insight playground #6652

[TOOL-3564] Playground: Select multiple chains in insight playground #6652

MananTank commented Apr 4, 2025 •

edited by pr-codex bot

Loading

Uh oh!

linear bot commented Apr 4, 2025

Uh oh!

vercel bot commented Apr 4, 2025 •

edited

Loading

Uh oh!

changeset-bot bot commented Apr 4, 2025 •

edited

Loading

Uh oh!

MananTank commented Apr 4, 2025

Uh oh!

codecov bot commented Apr 4, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Apr 4, 2025 •

edited

Loading

Uh oh!

jnsdls left a comment

Uh oh!

graphite-app bot commented Apr 4, 2025 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

[TOOL-3564] Playground: Select multiple chains in insight playground #6652

[TOOL-3564] Playground: Select multiple chains in insight playground #6652

Conversation

MananTank commented Apr 4, 2025 • edited by pr-codex bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR-Codex overview

Detailed summary

Uh oh!

linear bot commented Apr 4, 2025

Uh oh!

vercel bot commented Apr 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

changeset-bot bot commented Apr 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⚠️ No Changeset found

Uh oh!

MananTank commented Apr 4, 2025

How to use the Graphite Merge Queue

Uh oh!

codecov bot commented Apr 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

github-actions bot commented Apr 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

size-limit report 📦

Uh oh!

jnsdls left a comment

Choose a reason for hiding this comment

Uh oh!

graphite-app bot commented Apr 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Merge activity

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

MananTank commented Apr 4, 2025 •

edited by pr-codex bot

Loading

vercel bot commented Apr 4, 2025 •

edited

Loading

changeset-bot bot commented Apr 4, 2025 •

edited

Loading

codecov bot commented Apr 4, 2025 •

edited

Loading

github-actions bot commented Apr 4, 2025 •

edited

Loading

graphite-app bot commented Apr 4, 2025 •

edited

Loading