Skip to content

[Migration] Migrate ConnectWalletButton to shadcn registry (#4) #31

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
PetarStoev02 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

[Migration] Migrate ConnectWalletButton to shadcn registry (#4) #31

PetarStoev02 wants to merge 1 commit into from

Conversation

@PetarStoev02
Copy link
Contributor

@PetarStoev02 PetarStoev02 commented Jan 20, 2026

Summary

  • Migrate ConnectWalletButton component to shadcn registry format
  • Extract types and utilities to separate files for better maintainability
  • Replace next/image with native img for framework-agnostic portability
  • Support multiple wallet types: MetaMask, WalletConnect, Coinbase Wallet, Phantom (Solana)

Changes

File Description
registry/w3-kit/connect-wallet/connect-wallet.tsx Main component with wallet connection logic
registry/w3-kit/connect-wallet/types.ts TypeScript interfaces (WalletType, ButtonVariant, ConnectWalletButtonProps)
registry/w3-kit/connect-wallet/utils.ts Variant styles, wallet icons, and helper functions
registry.json shadcn registry manifest
components.json shadcn configuration

Installation

npx shadcn@latest add @w3-kit/connect-wallet

Supported Wallets

  • MetaMask (EVM)
  • WalletConnect (EVM)
  • Coinbase Wallet (EVM)
  • Phantom (Solana)

Test plan

  • Verify component renders correctly with each wallet type
  • Test MetaMask connection flow
  • Test WalletConnect QR code flow
  • Test Coinbase Wallet connection
  • Test Phantom wallet connection (Solana)
  • Verify variant styles (ghost, light, dark)
  • Test error handling when wallet not installed

Closes #4

@PetarStoev02
feat: Migrate ConnectWalletButton to shadcn registry (#4)
7c93283 
- Create registry structure for @w3-kit/connect-wallet component
- Extract types to separate file (WalletType, ButtonVariant, ConnectWalletButtonProps)
- Extract utilities to separate file (variantStyles, WALLET_ICONS, getDefaultLabel)
- Replace next/image with native img for portability
- Support MetaMask, WalletConnect, Coinbase Wallet, and Phantom (Solana)
- Add configurable WalletConnect config via props
- Add registry.json and components.json for shadcn configuration

Component can be installed via: npx shadcn@latest add @w3-kit/connect-wallet
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[Migration] Migrate ConnectWalletButton to shadcn registry

2 participants

@PetarStoev02