[Playground] Chain components #5678

kien-ngo · 2024-12-10T14:12:25Z

Problem solved

Short description of the bug fixed or feature added

PR-Codex overview

This PR introduces a new Chain section in the application, enhancing the UI with components for displaying chain icons and names. It also adds metadata for the Chain page and improves the handling of chain icons.

Detailed summary

Added a new Chain entry in navLinks.ts.
Created a new page.tsx for Chain with metadata and main content.
Implemented ChainIconBasic and ChainNameBasic components in chain-examples.tsx.
Updated icon resolution logic in token/page.tsx.

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

linear · 2024-12-10T14:12:29Z

CNCT-2623 Chain components

changeset-bot · 2024-12-10T14:12:29Z

⚠️ No Changeset found

Latest commit: 498a26e

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

vercel · 2024-12-10T14:12:30Z

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

Name	Status	Preview	Comments	Updated (UTC)
docs-v2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 13, 2024 4:17pm
thirdweb_playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 13, 2024 4:17pm
thirdweb-www	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 13, 2024 4:17pm
wallet-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 13, 2024 4:17pm

graphite-app · 2024-12-10T14:12:31Z

Your org has enabled the Graphite merge queue for merging into main

Add the label “merge-queue” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge. Or use the label “hotfix” to add to the merge queue as a hot fix.

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

kien-ngo · 2024-12-10T14:12:43Z

[Playground] Chain components #5678 👈 (View in Graphite)
[Playground] Add Token components, fix links #5677
[SDK] Fix caching issue with headless UI when custom resolvers are used #5657 : 1 other dependent PR (#5691 )
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.

apps/playground-web/src/app/connect/ui/chain/page.tsx

apps/playground-web/src/components/headless-ui/chain-examples.tsx

codecov · 2024-12-10T14:13:58Z

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 52.89%. Comparing base (8761fe6) to head (498a26e).
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #5678      +/-   ##
==========================================
- Coverage   52.93%   52.89%   -0.05%     
==========================================
  Files        1098     1099       +1     
  Lines       58982    59010      +28     
  Branches     4794     4791       -3     
==========================================
- Hits        31225    31211      -14     
- Misses      27039    27083      +44     
+ Partials      718      716       -2

Flag	Coverage Δ		*Carryforward flag
legacy_packages	`65.68% <ø> (ø)`		Carriedforward from 8761fe6
packages	`49.99% <ø> (-0.06%)`	⬇️

*This pull request uses carry forward flags. Click here to find out more.

see 4 files with indirect coverage changes

github-actions · 2024-12-10T14:16:36Z

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
thirdweb (esm)	44.94 KB (0%)	899 ms (0%)	723 ms (+33.06% 🔺)	1.7 s
thirdweb (cjs)	110.78 KB (0%)	2.3 s (0%)	1.4 s (+6.4% 🔺)	3.7 s
thirdweb (minimal + tree-shaking)	5.58 KB (0%)	112 ms (0%)	196 ms (+177.86% 🔺)	307 ms
thirdweb/chains (tree-shaking)	506 B (0%)	10 ms (0%)	13 ms (-74.88% 🔽)	23 ms
thirdweb/react (minimal + tree-shaking)	19.03 KB (0%)	381 ms (0%)	183 ms (+49.28% 🔺)	563 ms

graphite-app · 2024-12-13T02:43:38Z

Merge activity

Dec 12, 9:43 PM EST: A user added this pull request to the Graphite merge queue.
Dec 12, 9:50 PM EST: The Graphite merge queue couldn't merge this PR because it had conflicts with the trunk branch.
Dec 13, 11:13 AM EST: A user added this pull request to the Graphite merge queue.
Dec 13, 11:18 AM EST: A user merged this pull request with the Graphite merge queue.

## Problem solved Short description of the bug fixed or feature added  --- ## PR-Codex overview This PR introduces new `Chain` components to enhance the user interface for blockchain applications, allowing for the display of chain icons and names. It includes new pages and components that integrate these features into the existing playground web application. ### Detailed summary - Added a new `Chain` entry in `navLinks.ts`. - Created a new page in `page.tsx` for `Chain` components with metadata. - Integrated `ThirdwebProvider`, `APIHeader`, `ChainIconBasic`, and `ChainNameBasic` components. - Implemented `ChainIconBasic` and `ChainNameBasic` components in `chain-examples.tsx` to showcase chain icons and names. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

vercel bot temporarily deployed to Preview – wallet-ui December 10, 2024 14:12 Inactive

vercel bot temporarily deployed to Preview – docs-v2 December 10, 2024 14:12 Inactive

vercel bot temporarily deployed to Preview – thirdweb-www December 10, 2024 14:12 Inactive

github-actions bot assigned kien-ngo Dec 10, 2024

github-actions bot added the Playground Changes involving the Playground codebase. label Dec 10, 2024

kien-ngo changed the title ~~update~~ [Playground] Chain components Dec 10, 2024

kien-ngo mentioned this pull request Dec 10, 2024

[SDK] Fix caching issue with headless UI when custom resolvers are used #5657

Merged

kien-ngo mentioned this pull request Dec 10, 2024

[Playground] Add Token components, fix links #5677

Merged

kien-ngo marked this pull request as ready for review December 10, 2024 14:12

kien-ngo requested review from joaquim-verges, gregfromstl, jnsdls and jakubkrehel as code owners December 10, 2024 14:12

graphite-app bot reviewed Dec 10, 2024

View reviewed changes

apps/playground-web/src/app/connect/ui/chain/page.tsx Outdated Show resolved Hide resolved

apps/playground-web/src/components/headless-ui/chain-examples.tsx Outdated Show resolved Hide resolved

vercel bot deployed to Preview – thirdweb_playground December 10, 2024 14:15 View deployment

kien-ngo force-pushed the kien/playground-token-components-CNCT-2622 branch from 30ab455 to 56833ce Compare December 10, 2024 14:29

kien-ngo requested review from MananTank and edwardysun as code owners December 10, 2024 14:29

kien-ngo force-pushed the kien/playground-chain-components-CNCT-2623 branch from ff7bc85 to d13c6f8 Compare December 10, 2024 14:29

vercel bot temporarily deployed to Preview – wallet-ui December 10, 2024 14:29 Inactive

vercel bot temporarily deployed to Preview – thirdweb-www December 10, 2024 14:29 Inactive

vercel bot temporarily deployed to Preview – docs-v2 December 10, 2024 14:29 Inactive

vercel bot deployed to Preview – thirdweb_playground December 10, 2024 14:36 View deployment

vercel bot temporarily deployed to Preview – wallet-ui December 13, 2024 02:38 Inactive

joaquim-verges approved these changes Dec 13, 2024

View reviewed changes

kien-ngo changed the base branch from kien/playground-token-components-CNCT-2622 to graphite-base/5678 December 13, 2024 02:38

vercel bot deployed to Preview – thirdweb_playground December 13, 2024 02:43 View deployment

graphite-app bot changed the base branch from graphite-base/5678 to main December 13, 2024 02:49

kien-ngo force-pushed the kien/playground-chain-components-CNCT-2623 branch from 4b7fe47 to 2746f52 Compare December 13, 2024 13:26

vercel bot temporarily deployed to Preview – docs-v2 December 13, 2024 13:26 Inactive

vercel bot temporarily deployed to Preview – thirdweb-www December 13, 2024 13:26 Inactive

vercel bot temporarily deployed to Preview – wallet-ui December 13, 2024 13:26 Inactive

vercel bot deployed to Preview – thirdweb_playground December 13, 2024 13:28 View deployment

kien-ngo force-pushed the kien/playground-chain-components-CNCT-2623 branch from 2746f52 to 2ace320 Compare December 13, 2024 13:44

github-actions bot added packages SDK Involves changes to the thirdweb SDK labels Dec 13, 2024

vercel bot deployed to Preview – thirdweb_playground December 13, 2024 13:47 View deployment

vercel bot deployed to Preview – wallet-ui December 13, 2024 13:48 View deployment

vercel bot deployed to Preview – thirdweb-www December 13, 2024 13:50 View deployment

vercel bot deployed to Preview – docs-v2 December 13, 2024 13:53 View deployment

kien-ngo force-pushed the kien/playground-chain-components-CNCT-2623 branch from 2ace320 to 498a26e Compare December 13, 2024 16:14

vercel bot deployed to Preview – wallet-ui December 13, 2024 16:15 View deployment

vercel bot deployed to Preview – thirdweb_playground December 13, 2024 16:16 View deployment

vercel bot deployed to Preview – docs-v2 December 13, 2024 16:16 View deployment

vercel bot deployed to Preview – thirdweb-www December 13, 2024 16:17 View deployment

graphite-app bot merged commit 498a26e into main Dec 13, 2024
31 checks passed

graphite-app bot deleted the kien/playground-chain-components-CNCT-2623 branch December 13, 2024 16:18

vercel bot deployed to Production – docs-v2 December 13, 2024 16:20 View deployment

vercel bot deployed to Production – wallet-ui December 13, 2024 16:20 View deployment

vercel bot deployed to Production – thirdweb_playground December 13, 2024 16:20 View deployment

vercel bot deployed to Production – thirdweb-www December 13, 2024 16:28 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Playground] Chain components #5678

[Playground] Chain components #5678

kien-ngo commented Dec 10, 2024 •

edited by pr-codex bot

Loading

linear bot commented Dec 10, 2024

changeset-bot bot commented Dec 10, 2024 •

edited

Loading

vercel bot commented Dec 10, 2024 •

edited

Loading

graphite-app bot commented Dec 10, 2024

kien-ngo commented Dec 10, 2024 •

edited

Loading

codecov bot commented Dec 10, 2024 •

edited

Loading

github-actions bot commented Dec 10, 2024 •

edited

Loading

graphite-app bot commented Dec 13, 2024 •

edited

Loading

[Playground] Chain components #5678

[Playground] Chain components #5678

Conversation

kien-ngo commented Dec 10, 2024 • edited by pr-codex bot Loading

Problem solved

PR-Codex overview

Detailed summary

linear bot commented Dec 10, 2024

changeset-bot bot commented Dec 10, 2024 • edited Loading

⚠️ No Changeset found

vercel bot commented Dec 10, 2024 • edited Loading

graphite-app bot commented Dec 10, 2024

Your org has enabled the Graphite merge queue for merging into main

kien-ngo commented Dec 10, 2024 • edited Loading

How to use the Graphite Merge Queue

codecov bot commented Dec 10, 2024 • edited Loading

Codecov Report

github-actions bot commented Dec 10, 2024 • edited Loading

size-limit report 📦

graphite-app bot commented Dec 13, 2024 • edited Loading

Merge activity

kien-ngo commented Dec 10, 2024 •

edited by pr-codex bot

Loading

changeset-bot bot commented Dec 10, 2024 •

edited

Loading

vercel bot commented Dec 10, 2024 •

edited

Loading

kien-ngo commented Dec 10, 2024 •

edited

Loading

codecov bot commented Dec 10, 2024 •

edited

Loading

github-actions bot commented Dec 10, 2024 •

edited

Loading

graphite-app bot commented Dec 13, 2024 •

edited

Loading