https://github.com/xcaptain/solana-wallet-svelte

solana wallet demo
https://github.com/xcaptain/solana-wallet-svelte

solana svelte wallet

Last synced: 3 months ago
JSON representation

solana wallet demo

• Host: GitHub
• URL: https://github.com/xcaptain/solana-wallet-svelte
• Owner: xcaptain
• Created: 2024-09-13T08:02:13.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-13T15:46:32.000Z (4 months ago)
• Last Synced: 2024-09-30T07:04:54.179Z (4 months ago)
• Topics: solana, svelte, wallet
• Language: TypeScript
• Homepage: https://solana-wallet-svelte.pages.dev/
• Size: 71.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - xcaptain/solana-wallet-svelte - solana wallet demo (TypeScript)

README

        
# solana wallet on svelte app

Implement solana wallet adapter using svelte

[Demo App](https://solana-wallet-svelte.pages.dev)

## Background

1. https://github.com/svelte-on-solana/wallet-adapter hasn't been updated for 2 years

2. https://github.com/portalpayments/svelte-on-solana-wallet-adapter hasn't been updated for 1 years

I want to integrate solana wallet on my svelte app, but these 2 projects are outdated, 

So I made this project to learn how solana wallets works on a web frontend project.

## Features

1. Svelte5 support

2. Use the popover api to reduce js to display/hide a modal

## Code Exaplain

`walletStore.ts` contains the core logic about the connected wallet state. all the heavy stuff is done here, mostly copied from the above 2 projects.

`WalletProvider.svelte` init the walletStore so we can use in other pages

`WalletMultiButton.svelte` If connected a wallet, click this button will see 2 operation menu, if not, click to open a modal with installed wallet list

`Transfer.svelte` A component to do transfer to test the wallet is connected and can sign and send transactions.

## TODO

- [ ] Fix styles for the popovers