Securely manage your CSPR tokens, interact with dapps and sign transactions with Casper Wallet, the Go-To self-custody wallet for the Casper blockchain.
The recommended way of integrating Casper Wallet into your app is through CSPR.click, which provides a combined integration of major wallets in the Casper ecosystem, all at once, without the burden of maintaining multiple integrations at the same time. Please head over to the CSPR.click documentation to start.
Casper Wallet Playground is a React webapp created as a developer tool to help test integration with various features available in Casper Wallet.
Open https://github.com/make-software/casper-wallet-playground
Clone this repository and run following commands from the repo root folder. NOTE: Node.js LTS is required.
npm install
npm run start
This will open webapp automatically in a new tab.
chrome://extensions/
in Chrome browserDeveloper mode
(right top corner, at least for Chrome 98)Load unpacked
button (left top corner)build/chrome
folder from builds.zip
deliverable or builds
folder when building from sources.To open as a tab:
chrome-extension://{paste ID here}/popup.html
about:debugging#/runtime/this-firefox
in Firefox browserLoad Temporary Add-on...
button.build/firefox/manifest.json
file from builds.zip
deliverable or builds
folder when building from sources.To open as a tab:
moz-extension://{paste Internal UUID here}/popup.html
build/safari
folder from builds.zip
or builds
folder when building from sources.For more information please follow the link
Working on any macOS or Linux machine with NodeJS LTS installed.
Clone this repository and run following commands from the repo root folder. NOTE: Node.js LTS is required.
npm install
scripts
folderchmod +x scripts/*
output
folder)Chrome:
npm run start:chrome
Firefox:
npm run start:firefox
Safari:
npm run start:safari
You can run all these commands in parallel.
build
folder)Chrome:
npm run build:chrome
Firefox:
npm run build:firefox
Safari:
npm run build:safari
All at once:
npm run build:all
Developer Tools to power-up Redux development workflow or any other architecture which handles the state change.
It can be used as a browser extension (for Chrome, Edge and Firefox), as a standalone app or as a React component integrated in the client app.
You can read more about Redux DevTools on link https://github.com/reduxjs/redux-devtools
We are using redux devtool as separate local server. It can be started with devtools:redux
npm start script.
All npm start scripts, except Safari (start:chrome
, start:firefox
) for dev-environment, already include launching the redux dev tools on 8000
port for Chrome and 8001
port for Firefox.
You should install Redux DevTools browser extension and connect it to Redux DevTool local server
Install browser extension
Start npm script for browser you need. For example, run npm run start:chrome
for Chrome
Connect your extension with local redux dev server with steps:
Redux DevTools
menu item and click on Open Remote DevTools
Settings
of Redux DevTools app then select use local (custom) server
option and set hostname as a localhost
and set a port depends on browser you need (8000
for Chrome and 8001
for Firefox) Connect
button and enjoy 🙂Write tests into e2e-tests
folder.
To run e2e tests, you must use npm script npm run e2e:chrome:ui:popup
or e2e:chrome:ui:onboarding
.
Tests are run in UI mode.
All information about how to run and debug tests can be found in playwright docs.