txnlab / use-wallet-js Goto Github PK
View Code? Open in Web Editor NEWTypeScript library for integrating Algorand wallets into decentralized applications
TypeScript library for integrating Algorand wallets into decentralized applications
Getting this error:
Does Exodus require additional setup, beyond this?
// vue
app.use(WalletManagerPlugin, {
wallets: [
WalletId.EXODUS,
],
network: NetworkId.MAINNET
})
In the core library and/or framework adapters, prevent initialization if window
and localStorage
are not available.
It also might make sense to include SSR framework examples, e.g. Next, Nuxt, etc
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
These updates are awaiting their schedule. Click on a checkbox to get an update now.
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
@testing-library/react
, @types/node
, @types/react
, @walletconnect/sign-client
, @walletconnect/types
, @walletconnect/utils
, lute-connect
, typescript
, vite
, vitest
, vue
)@typescript-eslint/eslint-plugin
, @typescript-eslint/parser
).github/workflows/ci.yml
actions/checkout v4
actions/setup-node v4
pnpm/action-setup v2
actions/cache v4
package.json
@testing-library/jest-dom ^6.1.6
@testing-library/react ^14.1.2
@typescript-eslint/eslint-plugin ^6.7.2
@typescript-eslint/parser ^6.7.2
@vitejs/plugin-react ^4.2.1
@vitejs/plugin-vue ^5.0.2
@vitejs/plugin-vue-jsx ^3.1.0
@vue/test-utils ^2.4.3
eslint ^8.50.0
eslint-config-prettier ^9.0.0
eslint-plugin-prettier ^5.0.1
prettier 3.2.5
vite ^5.0.8
vitest ^1.1.1
vue-demi ^0.14.6
packages/use-wallet-js/package.json
@tanstack/store ^0.3.1
@walletconnect/utils ^2.10.2
algosdk ^2.7.0
buffer ^6.0.3
@blockshake/defly-connect ^1.1.6
@perawallet/connect ^1.3.3
@types/node ^20.6.5
@walletconnect/modal ^2.6.2
@walletconnect/modal-core ^2.6.2
@walletconnect/sign-client ^2.10.2
@walletconnect/types ^2.10.2
algo-msgpack-with-bigint ^2.1.1
lute-connect ^1.1.3
tsup ^8.0.0
typescript ^5.2.2
@blockshake/defly-connect ^1.1.6
@perawallet/connect ^1.3.3
@walletconnect/modal ^2.6.2
@walletconnect/sign-client ^2.10.2
lute-connect ^1.1.3
packages/use-wallet-react/package.json
@tanstack/react-store ^0.3.1
@types/react ^18.2.45
algosdk ^2.7.0
jsdom ^24.0.0
react ^18.2.0
react-dom ^18.2.0
tsup ^8.0.0
typescript ^5.2.2
@blockshake/defly-connect ^1.1.6
@perawallet/connect ^1.3.3
@walletconnect/modal ^2.6.2
@walletconnect/sign-client ^2.10.2
algosdk ^2.6.0
react ^18.2.0
packages/use-wallet-vue/package.json
@tanstack/vue-store ^0.3.1
algosdk ^2.7.0
tsup ^8.0.0
typescript ^5.2.2
vue ^3.3.13
@blockshake/defly-connect ^1.1.6
@perawallet/connect ^1.3.3
@walletconnect/modal ^2.6.2
@walletconnect/sign-client ^2.10.2
algosdk ^2.6.0
vue ^3.3.13
this
value for signTransactions
and transactionSigner
is manager
instead of the corresponding wallet
.
My workaround:
const fn = manager.signTransactions.bind(manager.activeWallet)
return fn(txnGroup, indexesToSign, returnGroup)
Affects the react package as well. If this is a commonly used pattern (returning a function from a getter), you may want to go over them and confirm the this
value is as expected.
Following the vue example, I set the network to NetworkId.MAINNET
app.use(WalletManagerPlugin, {
wallets: [
WalletId.PERA,
],
network: NetworkId.MAINNET
})
but if i log the network it's always testnet
const wallet = useWallet()
cl(wallet.activeNetwork) // 'testnet'
The networks in wallet.wallets[].activeNetwork
are correctly 'mainnet'
EDIT:
Hook data (walletState
, walletManager
) aren't reactive.
walletState
, the issue is you can't reassign a reactive
objecthttps://vuejs.org/guide/essentials/reactivity-fundamentals.html#limitations-of-reactive
walletManager
, it's a bit more tricky, but you have to wrap it with a ref and somehow trigger a reactive update.A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.