Storybook configuration files are missing

ROSE Wallet - Browser Extension

The official non-custodial browser extension wallet for the Oasis Network.

Introduction

ROSE Wallet - Browser Extension provides a complete solution for managing your ROSE tokens, including everything for convenient staking of your ROSE tokens.

Features

Wallet and Accounts

Create/Restore wallets using standard BIP-0039 mnemonic phrases
Multiple accounts within the same wallet
Import accounts from your Ledger hardware wallet
Import accounts directly from their private keys
Watch 3rd-party accounts
Address book of your saved accounts
Easily switch between different ROSE wallets that use the same ADR 0008 standard account key generation process.

Transactions

Send tokens
Delegate/Undelegate tokens
View transaction history
View staking/delegation
Connect your wallet to dApps and sign their transactions.

Accessibility

Available in multiple languages (currently, English and Chinese)

Architecture

The extension is roughly laid out this way:

background - the extension's background page
- APIService (wallet info storage, in-memory transaction signing, transaction submission)
- ExtDAppService (DApp interface, handles requests from xu-frame)
service-data - connections to the network and block explorer
- OASISSCAN (provided by oasisscan)
- Oasis gRPC-web (provided by oasisscan-grpc)
popup - interactive parts
- pages (UI, Ledger transaction signing)
- actions (reducer action)
- reducer
xu-frame - a page that DApps can load in an iframe to communicate with this extension
- code for this page is in background/ExtUtils.js
- Oasis SDK ext-utils handlers

Getting started

build extension

ROSE Wallet extension repo uses git-secret to encrypt the endpoints and the api keys. So, you can't build this without creating your own config file. You should create your own config.js file in the folder. Refer to the config.example.js sample file to create your own configuration.

yarn install
yarn dev

Install and running extension

Extension's build output is placed in /dist, and you can check out this page for installing the developing extension.

dapp-connect test

open oasis-test-dapp
click connect and other button to communicate with wallet

CI pipelines (Coming soon)

yarn install --frozen-lockfile
yarn test
yarn buildProd

Preparing a Production Release Build

VERSION=`cat public/manifest.json | jq .version -r`
COMMIT=`git rev-parse --short HEAD`
rm -rf dist/
yarn install --frozen-lockfile
yarn buildProd
zip -r rose-wallet-$VERSION-$COMMIT.zip dist/

If you're actually making a new release, follow the applicable steps in the release process doc

LICENSE

Apache License 2.0

	let newConfig = config
	if(config.method === "post" && config.data){
	let queryData = config.data
	let variables =queryData.variables
	if(variables){
	if(variables.requestType){
	newConfig.data.variables.requestType = ""
	}
	}else{
	let data = queryData.replace("extensionAccountInfo", "");
	newConfig = {...config,data}
	}
	}
	newConfig.isRetrying = true

	let id = hash
	extension.notifications &&
	extension.notifications.onClicked.addListener(function (id) {
	let url = getExplorerUrl() + "transactions/" + id
	openTab(url)
	});
	let title = getLanguage('notificationTitle')
	let message = getLanguage('notificationContent')
	extension.notifications.create(id, {

	"node-sass": "4.14.1",
	"obs-store": "4.0.3",
	"prop-types": "15.7.2",
	"qrcode-generator": "1.4.4",
	"react": "17.0.1",
	"react-circular-progressbar": "2.0.3",
	"react-compound-slider": "3.3.1",
	"react-dom": "17.0.1",
	"react-helmet": "6.1.0",
	"react-i18next": "11.8.2",
	"react-redux": "7.2.2",
	"react-router": "5.1.2",
	"react-router-dom": "5.1.2",
	"react-scripts": "4.0.1",
	"redux": "4.0.5",
	"safe-buffer": "5.2.1",
	"valid-url": "1.0.9",
	"webpack": "4.44.2",

	let newConfig = {...config}
	let requestSession = ""
	if(newConfig.method === "get"){
	let index = newConfig.url.indexOf("?")
	if(index !== -1){
	requestSession = newConfig.url.slice(0,index)
	}else{
	requestSession = newConfig.url

	showMne = () => {
	return (
	<div className={"mne-container"}>
	{this.state.mnemonic.split(" ").map((item, index) => {
	return <p key={index + ""} className="mne-item mne-item-common">{index + 1 + ". " + item}</p>;
	})}
	</div>
	);

	const getUuid = () => {
	return 'toast-container' + new Date().getTime() + '-' + toastCount++;
	};

	p {
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	}

	for (let i = 0, size = queue.length; i < size; i++) {
	const task = queue[i];
	if (task && task.token === configSession) {
	task.cancel({ message: ERROR_TYPE.CanceRequest, config: config });
	queue.splice(i, 1);
	}
	}

	ConfirmModal.show({
	title, content,
	confirmText,
	showClose: true,
	onConfirm: this.onModalConfirm,
	})

	getHDpath = (index = 0) => {
	let purpse = 44
	let account = 0
	let charge = 0
	let hdpath = purpse + "'/" + cointypes.coinType + "'/" + account + "'/" + charge + "'/" + index + "'"
	return hdpath
	}

	let public_key = ''
	if (account.length > 0) {
	public_key = account[0]
	public_key = hex2uint(public_key)
	}
	resolve({ public_key })

	this.popupId = await this.dappOpenPopWindow('./popup.html#/approve_page?isUnlocked=' + isUnlocked
	+ "&siteUrl=" + siteUrl
	+ "&siteIcon=" + icon,

	expectIndex = queryData.indexOf("extensionAccountInfo")
	if(expectIndex === -1){
	requestSession = queryData
	}else {
	requestSession = queryData.slice(0,expectIndex)
	}

	let balance = account?.general?.balance \|\| 0
	balance = oasis.quantity.toBigInt(balance).toString()

	export function getQueryStringArgs(url) {
	let qs = url \|\| ""
	let paramSplit = qs.split("?")
	let paramStr = ''
	if (paramSplit.length > 1) {
	paramStr = paramSplit[1]
	}
	var args = {};
	var items = paramStr.length > 0 ? paramStr.split("&") : [],
	item = null, name = null, value = null;
	var len = items.length;
	for (var i = 0; i < len; i++) {
	item = items[i].split("=");
	name = decodeURIComponent(item[0]);
	value = decodeURIComponent(item[1]);
	if (name.length > 0) {
	args[name] = value
	}
	}
	return args;
	}

	export function getOriginFromUrl(url) {
	var origin = new URL(url).origin;
	return origin
	}

	.App {
	user-select: none;
	-webkit-user-drag: none;

	"permissions": [
	"storage",
	"notifications",
	"tabs"

	expectIndex = variables && variables.requestType && variables.requestType === "extensionAccountInfo" \|\| ""
	let query = queryData.query
	let publicKeyIndex = query.indexOf("publicKey")
	if(publicKeyIndex !== -1){
	requestSession = query.slice(0,publicKeyIndex)
	}else{
	requestSession = query
	}

oasisprotocol / oasis-wallet-ext Goto Github PK

oasis-wallet-ext's Introduction

ROSE Wallet - Browser Extension

Introduction

Features

Wallet and Accounts

Transactions

Accessibility

Architecture

Getting started

build extension

Install and running extension

dapp-connect test

CI pipelines (Coming soon)

Preparing a Production Release Build

LICENSE

oasis-wallet-ext's People

Contributors

Stargazers

Watchers

Forkers

oasis-wallet-ext's Issues

Recommend Projects

Recommend Topics

Recommend Org