Version Packages

[jnsdls]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

[email protected]

Minor Changes

• #5533 43fbcac Thanks @kien-ngo! - The Connected-details button now shows USD value next to the token balance.

  Breaking change to the AccountBalance

  The formatFn props now takes in an object of type AccountBalanceInfo. The old formatFn was inflexible because it only allowed you to format the balance value.
  With this new version, you have access to both the balance and symbol.

  import { AccountBalance, type AccountBalanceInfo } from "thirdweb/react";
  
  <AccountBalance
    // Show the symbol in lowercase, before the balance
    formatFn={(props: AccountBalanceInfo) =>
      `${props.symbol.toLowerCase()} ${props.balance}`
    }
  />;

  AccountBalance now supports showing the token balance in fiat value (only USD supported at the moment)

  <AccountBalance showBalanceInFiat="USD" />

  The formatFn prop now takes in an object of type AccountBalanceInfo and outputs a string

  import { AccountBalance, type AccountBalanceInfo } from "thirdweb/react";
  
  <AccountBalance
    formatFn={(props: AccountBalanceInfo) =>
      `${props.balance}---${props.symbol.toLowerCase()}`
    }
  />;
  
  // Result: 11.12---eth

  ConnectButton also supports displaying balance in fiat since it uses AccountBalance internally

  <ConnectButton
    // Show USD value on the button
    detailsButton={{
      showBalanceInFiat: "USD",
    }}
    // Show USD value on the modal
    detailsModal={{
      showBalanceInFiat: "USD",
    }}
  />

  Export utils functions:

  formatNumber: Round up a number to a certain decimal place

  import { formatNumber } from "thirdweb/utils";
  const value = formatNumber(12.1214141, 1); // 12.1

  shortenLargeNumber: Shorten the string for large value. Mainly used for the AccountBalance's formatFn

  import { shortenLargeNumber } from "thirdweb/utils";
  const numStr = shortenLargeNumber(1_000_000_000);

  Fix to ConnectButton

  The social image of the Details button now display correctly for non-square image.

  Massive test coverage improvement for the Connected-button components

• #5655 f69d1aa Thanks @kien-ngo! - Improve NFT Components

  • Add custom resolver methods to NFTMedia, NFTName and NFTDescription
  • Add caching for the NFT-info-getter method to improve performance
  • Small fix to handle falsy values for NFT media src, name and description
  • Improve test coverage by extracting internal logics and testing them

Patch Changes

• #5660 d5a68c8 Thanks @gregfromstl! - Fix: Correctly cleans the "Custom Auth" profile type label

• #5672 3b53732 Thanks @gregfromstl! - Fix ox hardset version

• #5653 df734ba Thanks @joaquim-verges! - More helpful error messages for enclave and userop errors

• #5656 f680496 Thanks @joaquim-verges! - Fix connecting to cb wallet browser extension when already on the same chain

• #5671 dcd5822 Thanks @joaquim-verges! - Allow signature minting for LoyaltyCard contracts by passing the contractType

• #5673 c55f02f Thanks @ElasticBottle! - always include gas price information even if it's 0 for enclave wallets

• #5617 c48e0c9 Thanks @gregfromstl! - Fix: Disconnect smart account when account signer is disconnected

• #5668 485dcc6 Thanks @joaquim-verges! - Fix add chain not triggering for certain wallets

@thirdweb-dev/[email protected]

Patch Changes

• #5670 e702490 Thanks @arcoraven! - Add modelName, sessionId, requestId to usage

---

PR-Codex overview

This PR focuses on updating the version of thirdweb and @thirdweb-dev/service-utils, along with significant changes in their changelogs. It introduces new features, improvements, and fixes, particularly for the AccountBalance and ConnectButton components.

Detailed summary

• Updated thirdweb version from 5.75.0 to 5.76.0.
• Updated @thirdweb-dev/service-utils version from 0.4.51 to 0.4.52.
• Added modelName, sessionId, requestId to usage in @thirdweb-dev/service-utils.
• Enhanced AccountBalance component with new formatFn prop.
• Introduced fiat value display in AccountBalance and ConnectButton.
• Added utility functions: formatNumber and shortenLargeNumber.
• Fixed social image display in ConnectButton.
• Improved test coverage for Connected-button components.
• Various bug fixes and improvements across components.

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

[graphite-app]

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.

[vercel]

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 10, 2024 2:29am
thirdweb_playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 10, 2024 2:29am
thirdweb-www	❌ Failed (Inspect)			Dec 10, 2024 2:29am
wallet-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 10, 2024 2:29am

[github-actions]

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
thirdweb (esm)	44.93 KB (0%)	899 ms (0%)	2.6 s (-14.7% 🔽)	3.5 s
thirdweb (cjs)	110.71 KB (0%)	2.3 s (0%)	4.9 s (-12.36% 🔽)	7.1 s
thirdweb (minimal + tree-shaking)	5.58 KB (0%)	112 ms (0%)	110 ms (-48.19% 🔽)	221 ms
thirdweb/chains (tree-shaking)	506 B (0%)	10 ms (0%)	98 ms (+161.89% 🔺)	108 ms
thirdweb/react (minimal + tree-shaking)	19.01 KB (0%)	381 ms (0%)	296 ms (-60.18% 🔽)	676 ms

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 51.21%. Comparing base (d5a68c8) to head (7cb0141).
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #5650      +/-   ##
==========================================
- Coverage   51.22%   51.21%   -0.01%     
==========================================
  Files        1092     1092              
  Lines       57336    57336              
  Branches     4676     4674       -2     
==========================================
- Hits        29368    29364       -4     
- Misses      27252    27256       +4     
  Partials      716      716              

Flag	Coverage Δ		*Carryforward flag
legacy_packages	65.68% <ø> (ø)		Carriedforward from d5a68c8
packages	47.82% <ø> (-0.01%)	⬇️

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

see 1 file with indirect coverage changes