Multi-Chain Made Easy with Talisman Wallet.
An ultra-secure Ethereum and Polkadot wallet for both beginners and pros.
This repo contains the source code for Talisman Wallet.
If you want to use Talisman, you can install it for your browser by following this link.
If you would like to build Talisman from source, please continue reading:
If you haven't already, you will first need to install Node.js on your system.
This repo uses corepack and pnpm to manage dependencies.
Corepack is distributed by default with all recent Node.js versions.
Pnpm is a fast, disk space efficient javascript package manager.
Corepack lets you use pnpm without having to install a specific version of it.
Once you have installed Node.js, run corepack enable
to turn it on, then follow the Getting started instructions to continue.
-
Install Node.js and enable corepack, as per the System Requirements section.
-
Clone the repo.
git clone git@github.com:TalismanSociety/talisman.git
-
Change to the repo directory.
cd talisman
-
Install dependencies and generate the english translation files (these are loaded by i18next during development).
pnpm install
-
Start the dev server, waiting for it to generate the
dist
directory.pnpm dev:extension
-
Open Chrome and navigate to
chrome://extensions
. -
Turn on the
Developer mode
toggle on the top right of the page. -
Click
Load unpacked
on the top left of the page and select theapps/extension/dist/chrome
directory. -
Change some code!
-
apps/extension
: the non-custodial Talisman Wallet browser extension -
packages/eslint-config
: sharedeslint
configurations -
packages/tsconfig
: sharedtsconfig.json
s used throughout the monorepo -
packages/util
: library containing shared non-react code. It is not meant to be npm published.
All our apps and packages are 100% TypeScript.
- Testing is carried out with Jest
- Tests can be written in
*.spec.ts
files, inside a__tests__
folder. - Follow the pattern in
apps/extension/src/core/handlers/Extension.spec.ts
orapps/extension/src/core/domains/signing/__tests__/requestsStore.spec.ts
- Tests are run with
pnpm test
We use i18next in the wallet to make it available in a bunch of languages.
When building UI features, please follow the following spec to ensure they're translatable:
-
Import the
useTranslation
hook into your React components:import { useTranslation } from "react-i18next"
-
Use the hook in your component to get access to the
t
function:// uses the `common` namespace (`apps/extension/public/locales/en/common.json`) const { t } = useTranslation() // uses the `admin` namespace (`apps/extension/public/locales/en/admin.json`) const { t } = useTranslation("admin")
-
Wrap any user-visible language in your component with the
t
function:return ( <div className="flex flex-col items-start"> <div className="text-base">{t("Account Assets")}</div> <div className="text-sm"> {t("Account has {{assetCount}} assets", { assetCount: assets.length })} </div> </div> )
-
If you want to include any react components in your translation, you will need to use the
Trans
component:import { useTranslation, Trans } from "react-i18next" const { t } = useTranslation() return ( <Trans {/* DO NOT FORGET THIS `t` PROP! */} t={t} defaults="Your <Highlight>{{name}} <Tooltip /></Highlight> address" values={{ name: chain.name }} components={{ Highlight: <span className="text-body" />, Tooltip: ( <Tooltip> <TooltipTrigger> <InfoIcon className="hover:text-body inline align-middle text-xs" /> </TooltipTrigger> <TooltipContent> {t( "Only use this address for receiving assets on the {{name}} network.", { name: chain.name, } )} </TooltipContent> </Tooltip> ), }} )
-
If you see one of the following errors in your console:
locales/en/common.json:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
i18next::translator: missingKey en common <i18n-key>
Then update the english translation files with this command:
pnpm chore:update-translations
-
chore:update-translations
: finds all of the i18n strings in the codebase and adds them to the english translations files which i18next loads in development builds of the wallet -
dev
: builds and watches all packages/apps with hot reloading -
dev:extension
: when working on extension only, for better color output -
build
: builds the wallet inpackages/apps/extension/dist/chrome
folder, without sentry keys -
build:firefox
: builds the wallet inpackages/apps/extension/dist/firefox
folder, without sentry keys -
build:extension:prod
builds the Talisman browser extension (requires sentry settings, Talisman team only) -
build:extension:canary
: builds the Talisman browser extension test version, with different ID and icon than prod
# builds with docker, outputs in dist folder at the root of the monorepo
rm -rf dist && DOCKER_BUILDKIT=1 docker build --output type=local,dest=./dist .
# Make changes, and then run:
pnpm changeset
# Select the packages which have been modified and write a commit message
If you find a security issue or exploit, please email us at security@talisman.xyz. Please DO NOT create an issue or PR in this repo for security issues.