superhero-com/superhero-wallet

Superhero Wallet – More than just a way to receive, store & send tokens on the æternity blockchain

Superhero Wallet

Superhero is a multi-blockchain wallet to manage crypto assets and navigate the web3 and DeFi space. Powered by æternity.

Guides & Examples

• Deep link schema

Build

Clone the master branch of this repo.

$ git clone https://github.com/superhero-com/superhero-wallet.git
$ cd superhero-wallet

Build locally

$ npm install
$ npm run build
$ npm run build:extension:ff # build firefox extension
$ npm run build:extension:chrome # build chrome extension
$ npm run build:extension # build firefox and chrome extensions
$ npm run build:web # build a web version
$ npm run build:android # to build android application
$ npm run build:ios # to build ios application

Develop locally

$ npm install
$ npm run watch # watch an extension
$ npm run serve # watch a web version

Run tests

$ npm install
$ npm run test:unit
$ npm run test:e2e
$ npm run test # to run both unit and e2e tests

Add to browser via local build or release zip

• Chromium based (Chrome, Brave, Opera)

1. Open chrome/brave browser Preferences -> More tools > Extensions
2. Make sure Developer mode is On in the right corner.
3. Click the Load unpacked button and select the generated dist folder in the cloned repo or the unarchived release folder.

• Firefox

1. Open the Firefox menu and select Add-ons section.
2. Click the Tools for all add-ons button and select Debug Add-ons
3. Click Load a temporary add-on and navigate to the generated dist folder in the cloned repo or the unarchived release folder and select the manifest.json file.

Build Cordova version for production

iOS

• create Xcode project by npm run build:ios
• open created project in Xcode
• Go to TARGETS->App
• open Signing & Capabilities
• enable signing by the corresponding development team
• ensure that applinks:wallet.superhero.com is in Associated domains feature
• open Build Settings
• switch "Code Signing Identity => Release" and "Code Signing Identity => Release => Any iOS SDK" from "iOS Distribution" to "iOS Developer"
• In the Info Tab ensure that you have the following permissions set. Privacy - Camera Usage Description, Privacy - Photo Library Usage Description and Privacy - Photo Library Additions Usage Description
• Update in General Tab desired Release Version and Build Number
• choose Product => Archive
• In the organizer you can distribute app to Testflight and AppStore

Android

build a production version signed by the corresponding key (see):

npm run build:android

Security

If you discover a security vulnerability within this application, please get in touch with us. All security vulnerabilities will be promptly addressed.

Tooling

This project is tested with BrowserStack.

Contribution

Contributions are more than welcome.

If you spot an issue while testing/using the extension - submit an issue

If you want to help us with building this amazing project submit your PR!

superhero-wallet's Issues

Setup CI

Setup Travis / Circle for running tests

add the option to connect to different middleware/Fullnode server

Rebrand

Some transactions shown as NaN

Update ToS and Privacy policy

remove space after seed and on claiming .chain name

Space after seed phrase still makes it invalid. This can be a bit of a scare for users later on if they have a lot of tokens and suddenly cannot retrieve their account because of a space.

Can not accept tips

As a test, I used the superhero wallet to send a few tips to my blog.
Two days have passed and I still have not received these tips.
the URL 1：https://weibo.com/3478567255/profile?topnav=1&wvr=6&is_all=1
the URL 2：https://weibo.com/ttarticle/p/show?id=2309404474889720430963
Sending account：ak_28kYuepKQDHJrJcytpRaMGanZoZcGcDKTiRMzCmuHxfngNM2Wj
Receiving account：ak_wfkC73Fw4tLgRQLRR3xyVv6tnrBiV1jkdZqE1Go5eDLAMPp99
the ContractCallTx 1：th_2epUx4GU4mP4WacmNFR1mMch2iPFovF7DgYANnxEagibumDnsJ
the ContractCallTx 2：th_m3rRYBX47weTX5kvBcn1NR5KV4J6uUgu7pyEJKXD5CYmL48xx
the ContractCallTx 3：th_2XiPRMADV2bJjTZyuzZiz8Y26t3cTS6cHDECHJKU9w2VTVeQrm
the ContractCallTx 4：th_udWAUgZrHH4ab1HxL9eioojw58iTUo6iKQrdpW4pD1GhLh3UD
the ContractCallTx 5：th_TV8QH4t3C23MDtgnbSoVBm8cz1D5UtdHjTkLWjhGHV3TXxuJj

Persist entered tip message

duration can be discussed.

Tutorial / guided tour

Guided tour.

Ref: https://pulsardev.github.io/vue-tour/

Compatibility with latest Node.js 12 LTS

Update Message on Success Screen

Maybe this text in place of the old one?

Your wallet has been created.
Welcome to the free web!

Trustless: no third-party intervention
Transactions are fully P2P.

No censorship
There are no custodians to dictate what can and cannot be monetized.

Immortalize messages on the blockchain
Comments and messages are timestamped and recorded on the blockchain—forever.

Instant, borderless, transactions at near-zero fees.

Button:
Proceed to your Wallet

Æternal notification about seed phrase linking no where

Hi!!

I have noticed that the notifications bell of the extension is always showing the "You need to backup your seed" , even though you have already done so, the bell still keeps on showing a "1".

And when clicking the bell to see the notification, you see a supposedly clickable text to backup the seed that does nothing when clicking. This happens in both Firefox and Chrome version 0.0.9.

Fix tipping contract on testnet

Running on testnet I have an error:

Error: Contract with address ct_2AfnEfCSZCTEkxL5Yoi4Yfq6fF7YapHRaFKDJK3THMXMBspp5z not found on-chain or not active

Probably this address is wrong or outdated
https://github.com/aeternity/superhero-wallet/blob/e1c2ebb5918704401b04193bf4be2391f310d384/src/popup/utils/constants.js#L103

Test coverage

automatically set pointer if name bought via superhero wallet

if an user gets .chain name via superherowallet - automatically set its pointer to user's pub key

Show user's avatar instead of identicon

Get the user avatar from the backend.

Editable .chain name pointers

Add the ability to set pointer to .chain name.

Off-chain comment view

Create a page (similar to the send-tip) for signing and sending off-chain comments associated with an tip Id to the backend.

New logo

Problem with loading more transactions when reach end of the Activity History page

Redesign of home-page

Twitter parser issue with extension

The custom twitter parser should also be adjusted in the extension.

If user wants to claim the https://twitter.com/thepiwo/status/1245679522105753600

we need to check the profile bio for ak_address or .chain name.

Otherwise the claiming wont work.

Get the right active network

Ask for confirmation after X amount is spent on tippping

Show popup for confirmation after X amount is spent on tipping on superhero

Add new tipping contract interface and address

Tipping contract interface:

contract OracleService =
  record success_claim = { success : bool, caller : address, percentage : int }

  stateful entrypoint check_persist_claim : (string, address, bool) => success_claim
  payable stateful entrypoint query_oracle : (string, address) => unit

contract Tipping =
  type tip_id = int
  type url_id = int
  type retip_id = int
  type url = string
  type claim_gen = int

  record tip = { sender : address, title : string, claim_gen : claim_gen, timestamp : int, url_id : url_id, amount : int }
  record retip = { sender : address, amount : int, claim_gen : claim_gen, tip_id : tip_id }
  record state = { urls : map(url, url_id), claims : map(url_id, claim_gen * int), url_index : map(url_id, url), tips : map(tip_id, tip), retips : map(retip_id, retip), owner : address, oracle_service : OracleService }

  payable stateful entrypoint tip : (string, string) => unit
  payable stateful entrypoint retip : (tip_id) => unit
  payable stateful entrypoint pre_claim : (string, address) => unit
  stateful entrypoint claim : (string, address, bool) => unit
  entrypoint get_state : () => state

Address:

ct_2AfnEfCSZCTEkxL5Yoi4Yfq6fF7YapHRaFKDJK3THMXMBspp5z

Wallet phishing check blocks running local service (i.e. Plex)

popular home streaming Plex (https://www.plex.tv/) is running a local web server https://127.0.0.1:32400 which is not accessible while wallet extension is active, probably because phishing check does not redirect properly. There is a blank page.

Invoke payfortx after tip

Unable to claim names

fix qr code issues

QRCode on is not easily read-able.

Fix: add small border (white) of the qr code on the TopUp Page

Failing test

Switch node endpoint

Use mainnet.aeternity.io for node related operations.

Note: there is no mdw hosted there, only node

Security and seed pages are duplicated

Logo, icons, resources update

Text overlapping

Fix linter errors and enforce linter pass in CI

Every user to be an oracle

Apply updated rebranding assets

Verified URL check

Check wether the URL is verified rather the hostname (domain).

Documentation

Create wiki section here in github.

• document the protocols being used
• integrations we use in the wallet
• services which we connect to
• how 3rd party developers can use superhero wallet in their applications

Hashes should be linked to the blockchain explorer

They should be linked to the block explorer

Transactions to be linked to explorer in every view

In this view you can go to the tx in the explorer

But not in this one

Update Help button URL

New typeform url - https://thesuperherowallet.typeform.com/to/cnbife

Resolve .chain names from the browser

Open {superhero}/user-profile/ak_... on typing yourname.chain in the browser.

Claim button modal

Show a popup which indicates some action is being done.

Maybe display the current URL that its being claimed and if there are any tips to be claimed.

Eg.

URL: .....
There are no tips to be claimed here

or

URL:....
Tips on this URL: 10
Claim request sent!

Initialize sdk and mdw in background script

Deterministic geometric shaped avatars

The default user avatar should be deterministic generated geometric shape (via the chosen library). If there is a custom avatar associated to a user profile - then it has higher priority of visualization.

ref aeternity/superhero-ui#262

Fix address alignment in names

Automatically sync browser storage with vuex storage

Vue applications supposed to use vuex for storage and mutation of the globally available state. This pattern a bit broken in our app because in several places components working directly with browser storage (browser.storage.local.get/set calls) instead of vuex. This makes components more complex and may lead to reactivity issues. I proposing to write a vuex plugin that will automatically sync necessary fields of vuex store with browser storage.

Check webpack build procedure

The build is producing 4 items now:

• firefox
• chrome
• aepp
• extension

What is the intended behavour here?

cc @petbaik @davidyuk

Update new logos

Update the logos and icon with the new one.