IO wallet is a WEB3 browser light wallet UI for "The Ledger of Things". It might also be used as a wallet app for Substrate-based blockchains.
The wallet page: https://iowallet.de/
The wallet interacts directly from your browser to the blockchain Node using either public or private API websocket endpoint.
- Mainnet
wss:https://rpc.iowallet.de
- Mainnet
wss:https://rpc2.iowallet.de
- Testnet
wss:https://test-rpc.iowallet.de
In order to connect the wallet to the local Node you can set up wss:https://127.0.0.1:9944
The wallet reaches out to Block Explorer API for block details.
From your terminal:
pnpm dev
This starts your app in development mode, rebuilding assets on file changes.
First, build your app for production:
pnpm build
Then run the app in production mode:
pnpm start
start permanently
nohup pnpm start &
Now you'll need to pick a host to deploy it to.
To add support for a new language in the application, you need to create a new JSON file with the language code as the name (e.g., "en.json" for English) and place it in the translations folder. The JSON file should contain key-value pairs where the keys are the identifiers used in the application code, and the values are the translated text for that language.
Follow these steps to add a new language:
Go to the translations folder.
Create a new JSON file with the appropriate language code as the name (e.g., "fr.json" for French).
Open the newly created file and add the translations using the following format:
{
"translation": {
"commons": {
"lbl_btn_cancel": "Cancel",
"lbl_btn_delete": "Delete",
"lbl_btn_copy": "Copy",
"lbl_btn_paste": "Paste",
"lbl_btn_close": "Close",
...
}
Replace the English text with the translated text for the corresponding language.
Save the file.
Open the root.tsx file located in the app directory of the project.
At the top of the file, add an import statement for the new JSON file. Let's assume the new language is Italian ("it"), and the file name is "it.json":
import it from "./translations/it.json";
i18next
.use(lngDetector)
.use(initReactI18next) // passes i18n down to react-i18next
.init({
// Add the imported language to resource object
resources: {
en,
es,
fr,
pt,
it, // Add the new language to the resources object
},
...
});
Save the root.tsx file.
After completing these steps, the application should be able to load and use the translations for the newly added language.
IO web wallet
Copyright (C) 2024 IO iowallet.de