36 | 
41 |
42 |
37 |
39 |
40 |
38 |
41 |
48 |
62 |
--------------------------------------------------------------------------------
/src/app/components/change-rep-widget/change-rep-widget.component.html:
--------------------------------------------------------------------------------
1 |
14 |
15 |
16 |
49 |
50 |
61 |
51 |
53 | Unlock Wallet
52 |
54 |
55 |
56 |
60 |
17 |
71 |
72 |
--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "rulesDirectory": [
3 | "node_modules/codelyzer"
4 | ],
5 | "rules": {
6 | "arrow-return-shorthand": true,
7 | "callable-types": true,
8 | "class-name": true,
9 | "comment-format": [
10 | true,
11 | "check-space"
12 | ],
13 | "curly": true,
14 | "deprecation": {
15 | "severity": "warn"
16 | },
17 | "eofline": true,
18 | "forin": true,
19 | "import-blacklist": [
20 | true,
21 | "rxjs",
22 | "rxjs/Rx"
23 | ],
24 | "import-spacing": true,
25 | "indent": [
26 | true,
27 | "spaces"
28 | ],
29 | "interface-over-type-literal": true,
30 | "label-position": true,
31 | "max-line-length": [
32 | true,
33 | 140
34 | ],
35 | "member-access": false,
36 | "member-ordering": [
37 | true,
38 | {
39 | "order": [
40 | "static-field",
41 | "instance-field",
42 | "static-method",
43 | "instance-method"
44 | ]
45 | }
46 | ],
47 | "no-arg": true,
48 | "no-bitwise": true,
49 | "no-console": [
50 | true,
51 | "debug",
52 | "info",
53 | "time",
54 | "timeEnd",
55 | "trace"
56 | ],
57 | "no-construct": true,
58 | "no-debugger": true,
59 | "no-duplicate-super": true,
60 | "no-empty": false,
61 | "no-empty-interface": true,
62 | "no-eval": true,
63 | "no-inferrable-types": [
64 | true,
65 | "ignore-params"
66 | ],
67 | "no-misused-new": true,
68 | "no-non-null-assertion": true,
69 | "no-shadowed-variable": true,
70 | "no-string-literal": false,
71 | "no-string-throw": true,
72 | "no-switch-case-fall-through": true,
73 | "no-trailing-whitespace": true,
74 | "no-unnecessary-initializer": true,
75 | "no-unused-expression": true,
76 | "no-use-before-declare": true,
77 | "no-var-keyword": true,
78 | "object-literal-sort-keys": false,
79 | "one-line": [
80 | true,
81 | "check-open-brace",
82 | "check-catch",
83 | "check-else",
84 | "check-whitespace"
85 | ],
86 | "prefer-const": true,
87 | "quotemark": [
88 | true,
89 | "single"
90 | ],
91 | "radix": true,
92 | "semicolon": [
93 | true,
94 | "always"
95 | ],
96 | "triple-equals": [
97 | true,
98 | "allow-null-check"
99 | ],
100 | "typedef-whitespace": [
101 | true,
102 | {
103 | "call-signature": "nospace",
104 | "index-signature": "nospace",
105 | "parameter": "nospace",
106 | "property-declaration": "nospace",
107 | "variable-declaration": "nospace"
108 | }
109 | ],
110 | "typeof-compare": true,
111 | "unified-signatures": true,
112 | "variable-name": false,
113 | "whitespace": [
114 | true,
115 | "check-branch",
116 | "check-decl",
117 | "check-operator",
118 | "check-separator",
119 | "check-type"
120 | ],
121 | "directive-selector": [
122 | true,
123 | "attribute",
124 | "app",
125 | "camelCase"
126 | ],
127 | "component-selector": [
128 | true,
129 | "element",
130 | "app",
131 | "kebab-case"
132 | ],
133 | "no-output-on-prefix": true,
134 | "use-input-property-decorator": true,
135 | "use-output-property-decorator": true,
136 | "use-host-property-decorator": true,
137 | "no-input-rename": true,
138 | "no-output-rename": true,
139 | "use-life-cycle-interface": true,
140 | "use-pipe-transform-interface": true,
141 | "component-class-suffix": true,
142 | "directive-class-suffix": true
143 | }
144 | }
145 |
--------------------------------------------------------------------------------
/src/app/components/import-address-book/import-address-book.component.html:
--------------------------------------------------------------------------------
1 |
89 |
--------------------------------------------------------------------------------
/src/app/services/api.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import {HttpClient} from "@angular/common/http";
3 | import {NodeService} from "./node.service";
4 | import {AppSettingsService} from "./app-settings.service";
5 |
6 | export interface NinjaVerifiedRep {
7 | votingweight: number;
8 | delegators: number;
9 | uptime: number;
10 | score: number;
11 | account: string;
12 | alias: string;
13 | }
14 |
15 | @Injectable()
16 | export class ApiService {
17 | // apiUrl = `http://localhost:9950/api`;
18 | apiUrl = `https://vault.banano.cc/api`;
19 | rpcUrl = `${this.apiUrl}/node-api`;
20 |
21 | constructor(private http: HttpClient, private node: NodeService, private appSettings: AppSettingsService) { }
22 |
23 | private async request(action, data): Promise
18 |
70 |
19 |
21 | Representative Change Recommended
20 |
22 |
57 |
69 |
23 | Your representatives vote on transactions on your behalf to secure the Banano network.
24 | By changing the representatives below, you will help decentralize the network 25 |
26 |
27 | 24 | By changing the representatives below, you will help decentralize the network 25 |
-
28 |
-
29 | {{ rep.label }} {{ rep.account | squeeze }}
30 |
31 | 32 |51 |
-
33 |
- Representative is offline 34 |
- Representative has high voting weight (>1%) 35 |
- Representative is marked as avoid 36 |
39 | 40 |
49 | 50 |41 | 47 | 48 |42 | {{ account.addressBookName }} 43 | {{ account.id | squeeze }} 44 | 45 |{{ account.balance | rai:'mnano' }} 46 |
52 |
To bypass this warning, add your representative as trusted to your known representative list
55 | 56 |
2 |
87 |
--------------------------------------------------------------------------------
/src/app/services/websocket.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { BehaviorSubject } from 'rxjs';
3 | import {AppSettingsService} from "./app-settings.service";
4 |
5 | @Injectable()
6 | export class WebsocketService {
7 |
8 | queuedCommands = [];
9 |
10 | keepaliveTimeout = 60 * 1000;
11 | reconnectTimeout = 5 * 1000;
12 |
13 | keepaliveSet = false;
14 |
15 | socket = {
16 | connected: false,
17 | ws: null,
18 | };
19 |
20 | subscribedAccounts = [];
21 |
22 | newTransactions$ = new BehaviorSubject(null);
23 |
24 | constructor(private appSettings: AppSettingsService) { }
25 |
26 | forceReconnect() {
27 | if (this.socket.connected && this.socket.ws) {
28 | // Override the onclose event so it doesnt try to reconnect the old instance
29 | this.socket.ws.onclose = event => {
30 | };
31 | this.socket.ws.close();
32 | delete this.socket.ws;
33 | this.socket.connected = false;
34 | }
35 |
36 | setTimeout(() => this.connect(), 250);
37 | }
38 |
39 | connect() {
40 | if (this.socket.connected && this.socket.ws) return;
41 | delete this.socket.ws; // Maybe this will erase old connections
42 |
43 | const wsUrl = this.appSettings.settings.serverWS || 'wss://ws.banano.cc';
44 | const ws = new WebSocket(wsUrl);
45 | this.socket.ws = ws;
46 |
47 | ws.onopen = event => {
48 | this.socket.connected = true;
49 | this.queuedCommands.forEach(event => ws.send(JSON.stringify(event)));
50 |
51 | // Resubscribe to accounts?
52 | if (this.subscribedAccounts.length) {
53 | this.subscribeAccounts(this.subscribedAccounts);
54 | }
55 |
56 | if (!this.keepaliveSet) {
57 | this.keepalive(); // Start keepalives!
58 | }
59 | };
60 | ws.onerror = event => {
61 | // this.socket.connected = false;
62 | console.log(`Socket error`, event);
63 | };
64 | ws.onclose = event => {
65 | this.socket.connected = false;
66 | console.log(`Socket close`, event);
67 |
68 | // Start attempting to recconect
69 | setTimeout(() => this.attemptReconnect(), this.reconnectTimeout);
70 | };
71 | ws.onmessage = event => {
72 | try {
73 | const newEvent = JSON.parse(event.data);
74 |
75 | if (newEvent.event === 'newTransaction') {
76 | this.newTransactions$.next(newEvent.data);
77 | }
78 | } catch (err) {
79 | console.log(`Error parsing message`, err);
80 | }
81 | }
82 | }
83 |
84 | attemptReconnect() {
85 | this.connect();
86 | if (this.reconnectTimeout < 30 * 1000) {
87 | this.reconnectTimeout += 5 * 1000; // Slowly increase the timeout up to 30 seconds
88 | }
89 | }
90 |
91 | keepalive() {
92 | this.keepaliveSet = true;
93 | if (this.socket.connected) {
94 | this.socket.ws.send(JSON.stringify({ event: 'keepalive' }));
95 | }
96 |
97 | setTimeout(() => {
98 | this.keepalive();
99 | }, this.keepaliveTimeout);
100 | }
101 |
102 |
103 |
104 | subscribeAccounts(accountIDs: string[]) {
105 | const event = { event: 'subscribe', data: accountIDs };
106 | accountIDs.forEach(account => {
107 | if (this.subscribedAccounts.indexOf(account) === -1) {
108 | this.subscribedAccounts.push(account); // Keep a unique list of subscriptions for reconnecting
109 | }
110 | });
111 | if (!this.socket.connected) {
112 | this.queuedCommands.push(event);
113 | if (this.queuedCommands.length >= 3) {
114 | this.queuedCommands.shift(); // Prune queued commands
115 | }
116 | return;
117 | }
118 | this.socket.ws.send(JSON.stringify(event));
119 | }
120 |
121 | unsubscribeAccounts(accountIDs: string[]) {
122 | const event = { event: 'unsubscribe', data: accountIDs };
123 | accountIDs.forEach(account => {
124 | const existingIndex = this.subscribedAccounts.indexOf(account);
125 | if (existingIndex !== -1) {
126 | this.subscribedAccounts.splice(existingIndex, 1); // Remove from our internal subscription list
127 | }
128 | });
129 | // If we aren't connected, we don't need to do anything. On reconnect, it won't subscribe.
130 | if (this.socket.connected) {
131 | this.socket.ws.send(JSON.stringify(event));
132 | }
133 | }
134 |
135 | }
136 |
--------------------------------------------------------------------------------
/src/assets/favicon/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
67 |
--------------------------------------------------------------------------------
/src/app/components/accounts/accounts.component.html:
--------------------------------------------------------------------------------
1 |
90 |
--------------------------------------------------------------------------------
/src/app/components/manage-representatives/manage-representatives.component.ts:
--------------------------------------------------------------------------------
1 | import {AfterViewInit, Component, OnInit} from '@angular/core';
2 | import {AddressBookService} from "../../services/address-book.service";
3 | import {WalletService} from "../../services/wallet.service";
4 | import {NotificationService} from "../../services/notification.service";
5 | import {ModalService} from "../../services/modal.service";
6 | import {ApiService} from "../../services/api.service";
7 | import {Router} from "@angular/router";
8 | import {RepresentativeService} from "../../services/representative.service";
9 |
10 | @Component({
11 | selector: 'app-manage-representatives',
12 | templateUrl: './manage-representatives.component.html',
13 | styleUrls: ['./manage-representatives.component.css']
14 | })
15 | export class ManageRepresentativesComponent implements OnInit, AfterViewInit {
16 |
17 | activePanel = 0;
18 |
19 | // Set the online status of each representative
20 | representatives$ = this.repService.representatives$.map(reps => {
21 | return reps.map(rep => {
22 | rep.online = this.onlineReps.indexOf(rep.id) !== -1;
23 | return rep;
24 | })
25 | });
26 |
27 | newRepAccount = '';
28 | newRepName = '';
29 | newRepTrusted = false;
30 | newRepWarn = false;
31 |
32 | onlineReps = [];
33 |
34 | constructor(
35 | private api: ApiService,
36 | private addressBookService: AddressBookService,
37 | private walletService: WalletService,
38 | private notificationService: NotificationService,
39 | public modal: ModalService,
40 | private repService: RepresentativeService,
41 | private router: Router,
42 | private nodeApi: ApiService) { }
43 |
44 | async ngOnInit() {
45 | this.repService.loadRepresentativeList();
46 | this.onlineReps = await this.getOnlineRepresentatives();
47 | this.repService.representatives$.next(this.repService.representatives); // Forcefully repush rep list once we have online status
48 | }
49 |
50 | ngAfterViewInit() {
51 | }
52 |
53 | editEntry(representative) {
54 | this.newRepAccount = representative.id;
55 | this.newRepName = representative.name;
56 | this.newRepTrusted = !!representative.trusted;
57 | this.newRepWarn = !!representative.warn;
58 | this.activePanel = 1;
59 | setTimeout(() => {
60 | document.getElementById('new-address-name').focus();
61 | }, 150);
62 | }
63 |
64 | async saveNewRepresentative() {
65 | if (!this.newRepAccount || !this.newRepName) return this.notificationService.sendError(`Account and name are required`);
66 |
67 | this.newRepAccount = this.newRepAccount.replace(/ /g, ''); // Remove spaces
68 |
69 | // Make sure the address is valid
70 | const valid = await this.nodeApi.validateAccountNumber(this.newRepAccount);
71 | if (!valid || valid.valid !== '1') return this.notificationService.sendWarning(`Account ID is not a valid account`);
72 |
73 | try {
74 | await this.repService.saveRepresentative(this.newRepAccount, this.newRepName, this.newRepTrusted, this.newRepWarn);
75 | this.notificationService.sendSuccess(`Successfully saved new representative!`);
76 |
77 | this.cancelNewRep();
78 | } catch (err) {
79 | this.notificationService.sendError(`Unable to save entry: ${err.message}`)
80 | }
81 | }
82 |
83 | cancelNewRep() {
84 | this.newRepName = '';
85 | this.newRepAccount = '';
86 | this.newRepTrusted = false;
87 | this.newRepWarn = false;
88 | this.activePanel = 0;
89 | }
90 |
91 | copied() {
92 | this.notificationService.sendSuccess(`Account address copied to clipboard!`);
93 | }
94 |
95 | async getOnlineRepresentatives() {
96 | const representatives = [];
97 | try {
98 | const reps = await this.api.representativesOnline();
99 | for (let representative in reps.representatives) {
100 | if (!reps.representatives.hasOwnProperty(representative)) continue;
101 | representatives.push(reps.representatives[representative]);
102 | }
103 | } catch (err) {
104 | this.notificationService.sendWarning(`Unable to determine online status of representatives`);
105 | }
106 |
107 | return representatives;
108 | }
109 |
110 | async deleteRepresentative(accountID) {
111 | try {
112 | this.repService.deleteRepresentative(accountID);
113 | this.notificationService.sendSuccess(`Successfully deleted representative`)
114 | } catch (err) {
115 | this.notificationService.sendError(`Unable to delete representative: ${err.message}`)
116 | }
117 | }
118 |
119 | }
120 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "BananoVault",
3 | "version": "1.1.3",
4 | "license": "MIT",
5 | "description": "Wallet for interacting with Banano",
6 | "author": "Andrew Steele",
7 | "main": "desktop-app/dist/desktop-app.js",
8 | "scripts": {
9 | "ng": "ng",
10 | "start": "ng serve",
11 | "build": "ng build",
12 | "test": "ng test",
13 | "lint": "ng lint",
14 | "e2e": "ng e2e",
15 | "desktop": "electron main.js",
16 | "pack": "electron-builder --dir",
17 | "dist": "electron-builder",
18 | "dist-full": "electron-builder -wml --x64",
19 | "publish": "build -wml --x64 -p always",
20 | "release": "npm run desktop:build && electron-builder",
21 | "wallet:dev": "ng serve --open",
22 | "wallet:dev-ssl": "ng serve --open --ssl 1 --ssl-key \"assets/dev-cert/key.pem\" --ssl-cert \"assets/dev-cert/cert.pem\"",
23 | "wallet:build": "ng build --prod",
24 | "wallet:build-desktop": "ng build --env=desktop --base-href ",
25 | "desktop:compile": "cd desktop-app && tsc && cd ..",
26 | "desktop:build": "npm run wallet:build-desktop && npm run desktop:compile",
27 | "desktop:dev": "npm run desktop:compile && electron desktop-app/dist/desktop-app.js",
28 | "desktop:local": "electron-builder",
29 | "desktop:full": "electron-builder -wml --x64",
30 | "desktop:publish": "build -wml --x64 -p always",
31 | "server:copy-wallet": "cd .. && rm -rf bananovault-server/static && cp -R bananovault/dist bananovault-server/static"
32 | },
33 | "private": true,
34 | "dependencies": {
35 | "@angular-devkit/core": "0.0.28",
36 | "@angular/animations": "^5.0.0",
37 | "@angular/common": "^5.0.0",
38 | "@angular/compiler": "^5.0.0",
39 | "@angular/core": "^5.0.0",
40 | "@angular/forms": "^5.0.0",
41 | "@angular/http": "^5.0.0",
42 | "@angular/platform-browser": "^5.0.0",
43 | "@angular/platform-browser-dynamic": "^5.0.0",
44 | "@angular/router": "^5.0.0",
45 | "@ledgerhq/hw-transport-node-hid": "^4.22.0",
46 | "@ledgerhq/hw-transport-u2f": "^4.7.3",
47 | "@types/crypto-js": "^3.1.38",
48 | "babel-polyfill": "^6.26.0",
49 | "babel-runtime": "^6.26.0",
50 | "bignumber.js": "^5.0.0",
51 | "bip39": "^2.5.0",
52 | "blakejs": "^1.1.0",
53 | "core-js": "^2.4.1",
54 | "crypto": "^1.0.1",
55 | "crypto-js": "^3.1.9-1",
56 | "electron-updater": "^2.21.0",
57 | "hw-app-nano": "^1.3.0",
58 | "ngx-clipboard": "^9.1.2",
59 | "node-hid": "^0.7.3",
60 | "qrcode": "^1.2.0",
61 | "rxjs": "^5.5.2",
62 | "tweetnacl": "^1.0.0",
63 | "zone.js": "^0.8.14"
64 | },
65 | "devDependencies": {
66 | "@angular/cli": "1.6.0",
67 | "@angular/compiler-cli": "^5.0.0",
68 | "@angular/language-service": "^5.0.0",
69 | "@types/bip39": "^2.4.0",
70 | "@types/jasmine": "~2.5.53",
71 | "@types/jasminewd2": "~2.0.2",
72 | "@types/node": "^10.11.0",
73 | "@types/qrcode": "^0.8.1",
74 | "codelyzer": "^4.0.1",
75 | "electron": "^1.8.2",
76 | "electron-builder": "^19.52.1",
77 | "jasmine-core": "~2.6.2",
78 | "jasmine-spec-reporter": "~4.1.0",
79 | "karma": "~1.7.0",
80 | "karma-chrome-launcher": "~2.1.1",
81 | "karma-cli": "~1.0.1",
82 | "karma-coverage-istanbul-reporter": "^1.2.1",
83 | "karma-jasmine": "~1.1.0",
84 | "karma-jasmine-html-reporter": "^0.2.2",
85 | "protractor": "~5.1.2",
86 | "ts-node": "~3.2.0",
87 | "tslint": "~5.7.0",
88 | "typescript": "~2.4.2",
89 | "uikit": "^3.0.0-beta.40"
90 | },
91 | "build": {
92 | "appId": "com.electron.bananovault",
93 | "buildVersion": "1.1.3",
94 | "productName": "BananoVault",
95 | "copyright": "Copyright © 2019 Andrew Steele",
96 | "directories": {
97 | "output": "desktop-app/build",
98 | "buildResources": "desktop-app/assets",
99 | "app": "./"
100 | },
101 | "mac": {
102 | "category": "public.app-category.finance",
103 | "extendInfo": {
104 | "CFBundleURLTypes": [
105 | {
106 | "CFBundleURLName": "xrb",
107 | "CFBundleURLSchemes": [
108 | "xrb"
109 | ]
110 | }
111 | ]
112 | }
113 | },
114 | "linux": {
115 | "target": "AppImage"
116 | },
117 | "publish": [
118 | {
119 | "provider": "github",
120 | "owner": "cronoh",
121 | "repo": "bananovault"
122 | }
123 | ],
124 | "protocols": {
125 | "name": "ban",
126 | "schemes": [
127 | "ban"
128 | ],
129 | "role": "Viewer"
130 | }
131 | }
132 | }
133 |
--------------------------------------------------------------------------------
/src/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { BrowserModule } from '@angular/platform-browser';
2 | import { NgModule } from '@angular/core';
3 |
4 |
5 | import { AppComponent } from './app.component';
6 | import {HttpClientModule} from "@angular/common/http";
7 | import {FormsModule, ReactiveFormsModule} from "@angular/forms";
8 | import {WelcomeComponent} from "./welcome/welcome.component";
9 | import {AppRoutingModule} from "./app-routing.module";
10 | import {UtilService} from "./services/util.service";
11 | import {WalletService} from "./services/wallet.service";
12 | import {ConfigureWalletComponent} from "./components/configure-wallet/configure-wallet.component";
13 | import {NotificationService} from "./services/notification.service";
14 | import {NotificationsComponent} from "./components/notifications/notifications.component";
15 | import {RaiPipe} from "./pipes/rai.pipe";
16 | import {AccountsComponent} from "./components/accounts/accounts.component";
17 | import {ApiService} from "./services/api.service";
18 | import {AddressBookService} from "./services/address-book.service";
19 | import {SendComponent} from "./components/send/send.component";
20 | import {SqueezePipe} from "./pipes/squeeze.pipe";
21 | import {ModalService} from "./services/modal.service";
22 | import {AddressBookComponent} from "./components/address-book/address-book.component";
23 | import {ClipboardModule} from "ngx-clipboard";
24 | import {ReceiveComponent} from "./components/receive/receive.component";
25 | import {WalletWidgetComponent} from "./components/wallet-widget/wallet-widget.component";
26 | import {ManageWalletComponent} from "./components/manage-wallet/manage-wallet.component";
27 | import {WorkPoolService} from "./services/work-pool.service";
28 | import {ConfigureAppComponent} from "./components/configure-app/configure-app.component";
29 | import {AppSettingsService} from "./services/app-settings.service";
30 | import {WebsocketService} from "./services/websocket.service";
31 | import {BananoBlockService} from "./services/nano-block.service";
32 | import { AccountDetailsComponent } from './components/account-details/account-details.component';
33 | import { TransactionDetailsComponent } from './components/transaction-details/transaction-details.component';
34 | import {PriceService} from "./services/price.service";
35 | import { FiatPipe } from './pipes/fiat.pipe';
36 | import { ImportWalletComponent } from './components/import-wallet/import-wallet.component';
37 | import { BananoAccountIdComponent } from './components/helpers/banano-account-id/banano-account-id.component';
38 | import {PowService} from "./services/pow.service";
39 | import { ImportAddressBookComponent } from './components/import-address-book/import-address-book.component';
40 | import { CurrencySymbolPipe } from './pipes/currency-symbol.pipe';
41 | import { RepresentativesComponent } from './components/representatives/representatives.component';
42 | import {RepresentativeService} from "./services/representative.service";
43 | import {ManageRepresentativesComponent} from "./components/manage-representatives/manage-representatives.component";
44 | import {NodeService} from "./services/node.service";
45 | import {LedgerService} from "./services/ledger.service";
46 | import {DesktopService} from "./services/desktop.service";
47 | import { AccountPipe } from './pipes/account.pipe';
48 | import { ChangeRepWidgetComponent } from './components/change-rep-widget/change-rep-widget.component';
49 |
50 |
51 | @NgModule({
52 | declarations: [
53 | AppComponent,
54 | WelcomeComponent,
55 | ConfigureWalletComponent,
56 | NotificationsComponent,
57 | RaiPipe,
58 | SqueezePipe,
59 | AccountsComponent,
60 | SendComponent,
61 | AddressBookComponent,
62 | ReceiveComponent,
63 | WalletWidgetComponent,
64 | ManageWalletComponent,
65 | ConfigureAppComponent,
66 | AccountDetailsComponent,
67 | TransactionDetailsComponent,
68 | FiatPipe,
69 | ImportWalletComponent,
70 | BananoAccountIdComponent,
71 | ImportAddressBookComponent,
72 | CurrencySymbolPipe,
73 | RepresentativesComponent,
74 | ManageRepresentativesComponent,
75 | AccountPipe,
76 | ChangeRepWidgetComponent,
77 | ],
78 | imports: [
79 | BrowserModule,
80 | HttpClientModule,
81 | AppRoutingModule,
82 | ReactiveFormsModule,
83 | FormsModule,
84 | ClipboardModule
85 | ],
86 | providers: [
87 | UtilService,
88 | WalletService,
89 | NotificationService,
90 | ApiService,
91 | AddressBookService,
92 | ModalService,
93 | WorkPoolService,
94 | AppSettingsService,
95 | WebsocketService,
96 | BananoBlockService,
97 | PriceService,
98 | PowService,
99 | RepresentativeService,
100 | NodeService,
101 | LedgerService,
102 | DesktopService,
103 | ],
104 | bootstrap: [AppComponent]
105 | })
106 | export class AppModule { }
107 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # BananoVault
2 |
3 | BananoVault is a fully client-side signing wallet for sending and receiving [Banano](https://github.com/bananocoin/banano)
4 | on your [desktop](https://github.com/bananocoin/bananovault/releases) or [in your browser](https://vault.banano.cc)
5 |
6 | 
7 | ___
8 |
9 | # Table of Contents
10 | * [Install](#install-bananovault)
11 | * [Bugs/Feedback](#bugsfeedback)
12 | * [Application Structure](#application-structure)
13 | * [Development Prerequisites](#development-prerequisites)
14 | * [Development Guide](#development-guide)
15 | * [Acknowledgements](#acknowledgements)
16 |
17 |
18 | # Install BananoVault
19 | BananoVault is available on your desktop (Windows/Mac/Linux) - just head over to the [releases section](https://github.com/bananocoin/bananovault/releases) and download the latest version for your OS.
20 |
21 | You can also use BananoVault from any device on the web at [vault.banano.cc](https://vault.banano.cc)
22 |
23 |
24 | # Bugs/Feedback
25 | If you run into any issues, please use the [GitHub Issue Tracker](https://github.com/bananocoin/bananovault/issues) or head over to our [Discord Server](https://chat.banano.cc/)!
26 | We are continually improving and adding new features based on the feedback you provide, so please let your opinions be known!
27 |
28 | To get an idea of some of the things that are planned for the near future, check out the [Road Map](https://github.com/bananocoin/bananovault/wiki/Road-Map).
29 |
30 | ___
31 |
32 | #### Everything below is only for contributing to the development of BananoVault
33 | #### To download BananoVault go to the [releases section](https://github.com/bananocoin/bananovault/releases), or use the web wallet at [vault.banano.cc](https://vault.banano.cc)
34 |
35 | ___
36 |
37 | # Application Structure
38 |
39 | The application is broken into a few separate pieces:
40 |
41 | - [BananoVault](https://github.com/bananocoin/bananovault) - The main wallet application (UI + Seed Generation/Block Signing/Etc).
42 | - [BananoVault-Server](https://github.com/bananocoin/bananovault-server) - Serves the Wallet UI and brokers public communication between the wallet and the Banano Node.
43 | - [BananoVault-WS](https://github.com/bananocoin/bananovault-ws) - Websocket server that receives new blocks from the Banano node and sends them in real time to the wallet ui.
44 |
45 |
46 | # Development Prerequisites
47 | - Node Package Manager: [Install NPM](https://www.npmjs.com/get-npm)
48 | - Angular CLI: `npm install -g @angular/cli`
49 |
50 |
51 | # Development Guide
52 | #### Clone repository and install dependencies
53 | ```bash
54 | git clone https://github.com/bananocoin/bananovault
55 | cd bananovault
56 | npm install
57 | ```
58 |
59 | #### Run the wallet in dev mode (use http://localhost:4200)
60 | ```bash
61 | npm run wallet:dev
62 | ```
63 |
64 | #### Run the wallet in dev mode with ledger support (use https://localhost:4200, and ignore the ssl cert error)
65 | ```bash
66 | npm run wallet:dev-ssl
67 | ```
68 |
69 | ## Build Wallet (For Production)
70 | Build a production version of the wallet for web:
71 | ```bash
72 | npm run wallet:build
73 | ```
74 |
75 | Build a production version of the wallet for desktop: *(Required for all desktop builds)*
76 | ```bash
77 | npm run wallet:build-desktop
78 | ```
79 |
80 | ## Desktop Builds
81 |
82 | *All desktop builds require that you have built a desktop version of the wallet before running!*
83 |
84 | Run the desktop wallet in dev mode:
85 | ```bash
86 | npm run desktop:dev
87 | ```
88 |
89 | Build the desktop wallet for your local OS (Will be in `dist-desktop`):
90 | ```bash
91 | npm run desktop:local
92 | ```
93 |
94 | Build the desktop wallet for Windows+Mac+Linux (May require dependencies for your OS [View them here](https://www.electron.build/multi-platform-build)):
95 | ```bash
96 | npm run desktop:full
97 | ```
98 |
99 | ## Running unit tests
100 |
101 | Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
102 |
103 | ## Running end-to-end tests
104 |
105 | Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
106 |
107 | # Acknowledgements
108 | Special thanks to the following!
109 | - [cronoh/nanovault](https://github.com/cronoh) - Creator of nanovault
110 | - [numtel/nano-webgl-pow](https://github.com/numtel/nano-webgl-pow) - WebGL PoW Implementation
111 | - [jaimehgb/RaiBlocksWebAssemblyPoW](https://github.com/jaimehgb/RaiBlocksWebAssemblyPoW) - CPU PoW Implementation
112 | - [dcposch/blakejs](https://github.com/dcposch/blakejs) - Blake2b Implementation
113 | - [dchest/tweetnacl-js](https://github.com/dchest/tweetnacl-js) - Cryptography Implementation
114 |
115 | If you have found BananoVault useful and are feeling generous, you can donate to the original author's nano address: `xrb_318syypnqcgdouy3p3ekckwmnmmyk5z3dpyq48phzndrmmspyqdqjymoo8hj`
116 |
--------------------------------------------------------------------------------
/src/app/components/accounts/accounts.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import {Subject} from "rxjs/Subject";
3 | import {BehaviorSubject} from "rxjs/BehaviorSubject";
4 | import {Observable} from "rxjs/Observable";
5 | import {timer} from "rxjs/observable/timer";
6 | import {debounce} from "rxjs/operators";
7 | import {
8 | AppSettingsService,
9 | LedgerService,
10 | LedgerStatus,
11 | ModalService,
12 | NotificationService,
13 | RepresentativeService,
14 | WalletService
15 | } from "../../services";
16 |
17 | @Component({
18 | selector: 'app-accounts',
19 | templateUrl: './accounts.component.html',
20 | styleUrls: ['./accounts.component.css']
21 | })
22 | export class AccountsComponent implements OnInit {
23 | accounts = this.walletService.wallet.accounts;
24 | isLedgerWallet = this.walletService.isLedgerWallet();
25 | viewAdvanced = false;
26 | newAccountIndex = null;
27 |
28 | // When we change the accounts, redetect changable reps (Debounce by 5 seconds)
29 | accountsChanged$ = new Subject();
30 | reloadRepWarning$ = this.accountsChanged$.pipe(debounce(() => timer(5000)));
31 |
32 | constructor(
33 | private walletService: WalletService,
34 | private notificationService: NotificationService,
35 | public modal: ModalService,
36 | public settings: AppSettingsService,
37 | private representatives: RepresentativeService,
38 | private ledger: LedgerService) { }
39 |
40 | async ngOnInit() {
41 | this.reloadRepWarning$.subscribe(a => {
42 | this.representatives.detectChangeableReps();
43 | })
44 | }
45 |
46 | async createAccount() {
47 | if (this.walletService.isLocked()) {
48 | return this.notificationService.sendError(`Wallet is locked.`);
49 | }
50 | if (!this.walletService.isConfigured()) return this.notificationService.sendError(`Wallet is not configured`);
51 | if (this.walletService.wallet.accounts.length >= 20) return this.notificationService.sendWarning(`You can only track up to 20 accounts at a time.`);
52 | // Advanced view, manual account index?
53 | let accountIndex = null;
54 | if (this.viewAdvanced && this.newAccountIndex != null) {
55 | let index = parseInt(this.newAccountIndex);
56 | if (index < 0) return this.notificationService.sendWarning(`Invalid account index - must be positive number`);
57 | const existingAccount = this.walletService.wallet.accounts.find(a => a.index == index);
58 | if (existingAccount) {
59 | return this.notificationService.sendWarning(`The account at this index is already loaded`);
60 | }
61 | accountIndex = index;
62 | }
63 | try {
64 | const newAccount = await this.walletService.addWalletAccount(accountIndex);
65 | this.notificationService.sendSuccess(`Successfully created new account ${newAccount.id}`);
66 | this.newAccountIndex = null;
67 | this.accountsChanged$.next(newAccount.id);
68 | } catch (err) {
69 | this.notificationService.sendError(`Unable to add new account: ${err.message}`);
70 | }
71 | }
72 |
73 | sortAccounts() {
74 | if (this.walletService.isLocked()) {
75 | return this.notificationService.sendError(`Wallet is locked.`);
76 | }
77 | if (!this.walletService.isConfigured()) return this.notificationService.sendError(`Wallet is not configured`);
78 | if (this.walletService.wallet.accounts.length <= 1) return this.notificationService.sendWarning(`You need at least 2 accounts to sort them`);
79 | this.walletService.wallet.accounts = this.walletService.wallet.accounts.sort((a, b) => a.index - b.index);
80 | // this.accounts = this.walletService.wallet.accounts;
81 | this.walletService.saveWalletExport(); // Save new sorted accounts list
82 | this.notificationService.sendSuccess(`Successfully sorted accounts by index!`);
83 | }
84 |
85 | copied() {
86 | this.notificationService.sendSuccess(`Successfully copied to clipboard!`);
87 | }
88 |
89 | async deleteAccount(account) {
90 | if (this.walletService.walletIsLocked()) {
91 | return this.notificationService.sendWarning(`Wallet must be unlocked.`);
92 | }
93 | try {
94 | await this.walletService.removeWalletAccount(account.id);
95 | this.notificationService.sendSuccess(`Successfully removed account ${account.id}`);
96 | this.accountsChanged$.next(account.id);
97 | } catch (err) {
98 | this.notificationService.sendError(`Unable to delete account: ${err.message}`);
99 | }
100 | }
101 |
102 | async showLedgerAddress(account) {
103 | if (this.ledger.ledger.status !== LedgerStatus.READY) {
104 | return this.notificationService.sendWarning(`Ledger device must be ready`);
105 | }
106 | this.notificationService.sendInfo(`Confirming account address on Ledger device...`, { identifier: 'ledger-account', length: 0 });
107 | try {
108 | await this.ledger.getLedgerAccount(account.index, true);
109 | this.notificationService.sendSuccess(`Account address confirmed on Ledger`);
110 | } catch (err) {
111 | this.notificationService.sendError(`Account address denied - if it is wrong do not use the wallet!`);
112 | }
113 | this.notificationService.removeNotification('ledger-account');
114 | }
115 |
116 | }
117 |
--------------------------------------------------------------------------------
/src/app/components/transaction-details/transaction-details.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import {ActivatedRoute, ActivatedRouteSnapshot, ChildActivationEnd, Router} from "@angular/router";
3 | import {ApiService} from "../../services/api.service";
4 | import {AppSettingsService} from "../../services/app-settings.service";
5 | import BigNumber from "bignumber.js";
6 | import {AddressBookService} from "../../services/address-book.service";
7 |
8 | @Component({
9 | selector: 'app-transaction-details',
10 | templateUrl: './transaction-details.component.html',
11 | styleUrls: ['./transaction-details.component.css']
12 | })
13 | export class TransactionDetailsComponent implements OnInit {
14 | banoshi = 1000000000000000000000000000;
15 |
16 | routerSub = null;
17 | transaction: any = {};
18 | hashID = '';
19 | blockType = 'send';
20 | isStateBlock = true;
21 |
22 | toAccountID = '';
23 | fromAccountID = '';
24 | toAddressBook = '';
25 | fromAddressBook = '';
26 |
27 | transactionJSON = '';
28 | showBlockData = false;
29 |
30 | amountRaw = new BigNumber(0);
31 |
32 | constructor(private route: ActivatedRoute,
33 | private router: Router,
34 | private addressBook: AddressBookService,
35 | private api: ApiService,
36 | public settings: AppSettingsService
37 | ) { }
38 |
39 | async ngOnInit() {
40 | this.routerSub = this.router.events.subscribe(event => {
41 | if (event instanceof ChildActivationEnd) {
42 | this.loadTransaction(); // Reload the state when navigating to itself from the transactions page
43 | }
44 | });
45 |
46 | await this.loadTransaction();
47 | }
48 |
49 | async loadTransaction() {
50 | this.toAccountID = '';
51 | this.fromAccountID = '';
52 | this.toAddressBook = '';
53 | this.fromAddressBook = '';
54 | this.transactionJSON = '';
55 | this.showBlockData = false;
56 | let legacyFromAccount = '';
57 | this.amountRaw = new BigNumber(0);
58 | const hash = this.route.snapshot.params.transaction;
59 | this.hashID = hash;
60 | const blockData = await this.api.blocksInfo([hash]);
61 | if (!blockData || blockData.error || !blockData.blocks[hash]) {
62 | this.transaction = null;
63 | return;
64 | }
65 | const hashData = blockData.blocks[hash];
66 | const hashContents = JSON.parse(hashData.contents);
67 | hashData.contents = hashContents;
68 |
69 | this.transactionJSON = JSON.stringify(hashData.contents, null ,4);
70 |
71 | this.blockType = hashData.contents.type;
72 | if (this.blockType === 'state') {
73 | const isOpen = hashData.contents.previous === "0000000000000000000000000000000000000000000000000000000000000000";
74 | if (isOpen) {
75 | this.blockType = 'open'
76 | } else {
77 | const prevRes = await this.api.blocksInfo([hashData.contents.previous]);
78 | const prevData = prevRes.blocks[hashData.contents.previous];
79 | prevData.contents = JSON.parse(prevData.contents);
80 | if (!prevData.contents.balance) {
81 | // Previous block is not a state block.
82 | this.blockType = prevData.contents.type;
83 | legacyFromAccount = prevData.source_account;
84 | } else {
85 | const prevBalance = new BigNumber(prevData.contents.balance);
86 | const curBalance = new BigNumber(hashData.contents.balance);
87 | const balDifference = curBalance.minus(prevBalance);
88 | if (balDifference.isNegative()) {
89 | this.blockType = 'send';
90 | } else if (balDifference.isZero()) {
91 | this.blockType = 'change';
92 | } else {
93 | this.blockType = 'receive';
94 | }
95 | }
96 | }
97 | } else {
98 | this.isStateBlock = false;
99 | }
100 | if (hashData.amount) {
101 | this.amountRaw = new BigNumber(hashData.amount).mod(this.banoshi);
102 | }
103 |
104 | this.transaction = hashData;
105 |
106 | let fromAccount = '';
107 | let toAccount = '';
108 | switch (this.blockType) {
109 | case 'send':
110 | fromAccount = this.transaction.block_account;
111 | toAccount = this.transaction.contents.destination || this.transaction.contents.link_as_account;
112 | break;
113 | case 'open':
114 | case 'receive':
115 | fromAccount = this.transaction.source_account;
116 | toAccount = this.transaction.block_account;
117 | break;
118 | case 'change':
119 | fromAccount = this.transaction.block_account;
120 | toAccount = this.transaction.contents.representative;
121 | break;
122 | }
123 |
124 | if (legacyFromAccount) {
125 | fromAccount = legacyFromAccount;
126 | }
127 |
128 | this.toAccountID = toAccount;
129 | this.fromAccountID = fromAccount;
130 |
131 | this.fromAddressBook = this.addressBook.getAccountName(fromAccount);
132 | this.toAddressBook = this.addressBook.getAccountName(toAccount);
133 |
134 | }
135 |
136 | getBalanceFromHex(balance) {
137 | return new BigNumber(balance, 16);
138 | }
139 |
140 | getBalanceFromDec(balance) {
141 | return new BigNumber(balance, 10);
142 | }
143 |
144 | }
145 |
--------------------------------------------------------------------------------
/src/app/components/receive/receive.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import {WalletService} from "../../services/wallet.service";
3 | import {NotificationService} from "../../services/notification.service";
4 | import {ModalService} from "../../services/modal.service";
5 | import {ApiService} from "../../services/api.service";
6 | import * as blake from 'blakejs';
7 | import BigNumber from "bignumber.js";
8 | import {UtilService} from "../../services/util.service";
9 | import {WorkPoolService} from "../../services/work-pool.service";
10 | import {AppSettingsService} from "../../services/app-settings.service";
11 | import {BananoBlockService} from "../../services/nano-block.service";
12 | const nacl = window['nacl'];
13 |
14 | @Component({
15 | selector: 'app-receive',
16 | templateUrl: './receive.component.html',
17 | styleUrls: ['./receive.component.css']
18 | })
19 | export class ReceiveComponent implements OnInit {
20 | accounts = this.walletService.wallet.accounts;
21 |
22 | pendingAccountModel = 0;
23 | pendingBlocks = [];
24 |
25 | constructor(
26 | private walletService: WalletService,
27 | private notificationService: NotificationService,
28 | public modal: ModalService,
29 | private api: ApiService,
30 | private workPool: WorkPoolService,
31 | public settings: AppSettingsService,
32 | private bananoBlock: BananoBlockService,
33 | private util: UtilService) { }
34 |
35 | async ngOnInit() {
36 | await this.loadPendingForAll();
37 | }
38 |
39 | async loadPendingForAll() {
40 | this.pendingBlocks = [];
41 |
42 | let pending;
43 | if (this.settings.settings.minimumReceive) {
44 | const minAmount = this.util.banano.banToRaw(this.settings.settings.minimumReceive);
45 | pending = await this.api.accountsPendingLimit(this.accounts.map(a => a.id), minAmount.toString(10));
46 | } else {
47 | pending = await this.api.accountsPending(this.accounts.map(a => a.id));
48 | }
49 | if (!pending || !pending.blocks) return;
50 |
51 | for (let account in pending.blocks) {
52 | if (!pending.blocks.hasOwnProperty(account)) continue;
53 | for (let block in pending.blocks[account]) {
54 | if (!pending.blocks[account].hasOwnProperty(block)) continue;
55 | const pendingTx = {
56 | block: block,
57 | amount: pending.blocks[account][block].amount,
58 | source: pending.blocks[account][block].source,
59 | account: account,
60 | };
61 | // Account should be one of ours, so we should maybe know the frontier block for it?
62 |
63 | this.pendingBlocks.push(pendingTx);
64 | }
65 | }
66 |
67 | // Now, only if we have results, do a unique on the account names, and run account info on all of them?
68 | if (this.pendingBlocks.length) {
69 | const frontiers = await this.api.accountsFrontiers(this.pendingBlocks.map(p => p.account));
70 | if (frontiers && frontiers.frontiers) {
71 | for (let account in frontiers.frontiers) {
72 | if (!frontiers.frontiers.hasOwnProperty(account)) continue;
73 | this.workPool.addWorkToCache(frontiers.frontiers[account]);
74 | }
75 | }
76 | }
77 |
78 | }
79 |
80 | async loadPendingForAccount(account) {
81 | this.pendingBlocks = [];
82 |
83 | let pending;
84 | if (this.settings.settings.minimumReceive) {
85 | const minAmount = this.util.banano.banToRaw(this.settings.settings.minimumReceive);
86 | pending = await this.api.pendingLimit(account, 50, minAmount.toString(10));
87 | } else {
88 | pending = await this.api.pending(account, 50);
89 | }
90 | if (!pending || !pending.blocks) return;
91 |
92 | for (let block in pending.blocks) {
93 | const pendingTx = {
94 | block: block,
95 | amount: pending.blocks[block].amount,
96 | source: pending.blocks[block].source,
97 | account: account,
98 | };
99 | this.pendingBlocks.push(pendingTx);
100 | }
101 | }
102 |
103 | async getPending(account) {
104 | if (!account || account == 0) {
105 | await this.loadPendingForAll();
106 | } else {
107 | await this.loadPendingForAccount(account);
108 | }
109 | }
110 |
111 | async receivePending(pendingBlock) {
112 | const sourceBlock = pendingBlock.block;
113 |
114 | const walletAccount = this.walletService.wallet.accounts.find(a => a.id == pendingBlock.account);
115 | if (!walletAccount) throw new Error(`unable to find receiving account in wallet`);
116 |
117 | if (this.walletService.walletIsLocked()) return this.notificationService.sendWarning(`Wallet must be unlocked`);
118 | pendingBlock.loading = true;
119 |
120 | const newBlock = await this.bananoBlock.generateReceive(walletAccount, sourceBlock, this.walletService.isLedgerWallet());
121 |
122 | if (newBlock) {
123 | this.notificationService.sendSuccess(`Successfully received BANANO!`);
124 | } else {
125 | if (!this.walletService.isLedgerWallet()) {
126 | this.notificationService.sendError(`There was an error receiving the transaction`)
127 | }
128 | }
129 |
130 | pendingBlock.loading = false;
131 |
132 | await this.walletService.reloadBalances();
133 | await this.loadPendingForAll();
134 | }
135 |
136 | copied() {
137 | this.notificationService.sendSuccess(`Successfully copied to clipboard!`);
138 | }
139 |
140 | }
141 |
--------------------------------------------------------------------------------
/src/app/components/address-book/address-book.component.html:
--------------------------------------------------------------------------------
1 |
111 |
--------------------------------------------------------------------------------
/src/app/components/manage-wallet/manage-wallet.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import {WalletService} from "../../services/wallet.service";
3 | import {NotificationService} from "../../services/notification.service";
4 | import * as QRCode from 'qrcode';
5 | import {AddressBookService} from "../../services/address-book.service";
6 | import {Router} from "@angular/router";
7 | import * as bip from 'bip39';
8 |
9 | @Component({
10 | selector: 'app-manage-wallet',
11 | templateUrl: './manage-wallet.component.html',
12 | styleUrls: ['./manage-wallet.component.css']
13 | })
14 | export class ManageWalletComponent implements OnInit {
15 |
16 | wallet = this.walletService.wallet;
17 |
18 | newPassword = '';
19 | confirmPassword = '';
20 |
21 | showQRExport = false;
22 | QRExportUrl = '';
23 | QRExportImg = '';
24 | addressBookShowQRExport = false;
25 | addressBookQRExportUrl = '';
26 | addressBookQRExportImg = '';
27 |
28 | constructor(
29 | public walletService: WalletService,
30 | private addressBookService: AddressBookService,
31 | public notifications: NotificationService,
32 | private router: Router) { }
33 |
34 | async ngOnInit() {
35 | this.wallet = this.walletService.wallet;
36 | }
37 |
38 | async changePassword() {
39 | if (this.newPassword !== this.confirmPassword) return this.notifications.sendError(`Passwords do not match`);
40 | if (this.newPassword.length < 1) return this.notifications.sendError(`Password cannot be empty`);
41 | if (this.walletService.walletIsLocked()) return this.notifications.sendWarning(`Wallet must be unlocked`);
42 |
43 | this.walletService.wallet.password = this.newPassword;
44 | this.walletService.saveWalletExport();
45 |
46 | this.newPassword = '';
47 | this.confirmPassword = '';
48 | this.notifications.sendSuccess(`Wallet password successfully updated`);
49 | }
50 |
51 | async exportWallet() {
52 | if (this.walletService.walletIsLocked()) return this.notifications.sendWarning(`Wallet must be unlocked`);
53 |
54 | const exportUrl = this.walletService.generateExportUrl();
55 | this.QRExportUrl = exportUrl;
56 | this.QRExportImg = await QRCode.toDataURL(exportUrl);
57 | this.showQRExport = true;
58 | }
59 |
60 | copied() {
61 | this.notifications.sendSuccess(`Wallet seed copied to clipboard!`);
62 | }
63 |
64 | seedMnemonic() {
65 | return bip.entropyToMnemonic(this.wallet.seed);
66 | }
67 |
68 | async exportAddressBook() {
69 | const exportData = this.addressBookService.addressBook;
70 | if (exportData.length >= 25) {
71 | return this.notifications.sendError(`Address books with 25 or more entries need to use the file export method.`);
72 | }
73 | const base64Data = btoa(JSON.stringify(exportData));
74 | const exportUrl = `https://vault.banano.cc/import-address-book#${base64Data}`;
75 |
76 | this.addressBookQRExportUrl = exportUrl;
77 | this.addressBookQRExportImg = await QRCode.toDataURL(exportUrl);
78 | this.addressBookShowQRExport = true;
79 | }
80 |
81 | exportAddressBookToFile() {
82 | if (this.walletService.walletIsLocked()) return this.notifications.sendWarning(`Wallet must be unlocked`);
83 | const fileName = `BananoVault-AddressBook.json`;
84 |
85 | const exportData = this.addressBookService.addressBook;
86 | this.triggerFileDownload(fileName, exportData);
87 |
88 | this.notifications.sendSuccess(`Address book export downloaded!`);
89 | }
90 |
91 | triggerFileDownload(fileName, exportData) {
92 | const blob = new Blob([JSON.stringify(exportData)], { type: 'application/json' });
93 |
94 | // Check for iOS, which is weird with saving files
95 | const iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
96 |
97 | if (window.navigator.msSaveOrOpenBlob) {
98 | window.navigator.msSaveBlob(blob, fileName);
99 | } else {
100 | const elem = window.document.createElement('a');
101 | const objUrl = window.URL.createObjectURL(blob);
102 | if (iOS) {
103 | elem.href = `data:attachment/file,${JSON.stringify(exportData)}`;
104 | } else {
105 | elem.href = objUrl;
106 | }
107 | elem.download = fileName;
108 | document.body.appendChild(elem);
109 | elem.click();
110 | setTimeout(function(){
111 | document.body.removeChild(elem);
112 | window.URL.revokeObjectURL(objUrl);
113 | }, 200);
114 | }
115 | }
116 |
117 | exportToFile() {
118 | if (this.walletService.walletIsLocked()) return this.notifications.sendWarning(`Wallet must be unlocked`);
119 |
120 | const fileName = `BananoVault-Wallet.json`;
121 | const exportData = this.walletService.generateExportData();
122 | this.triggerFileDownload(fileName, exportData);
123 |
124 | this.notifications.sendSuccess(`Wallet export downloaded!`);
125 | }
126 |
127 | importFromFile(files) {
128 | if (!files.length) return;
129 |
130 | const file = files[0];
131 | const reader = new FileReader();
132 | reader.onload = (event) => {
133 | const fileData = event.target['result'];
134 | try {
135 | const importData = JSON.parse(fileData);
136 | if (!importData.length || !importData[0].account) {
137 | return this.notifications.sendError(`Bad import data, make sure you selected a BananoVault Address Book export`)
138 | }
139 |
140 | const walletEncrypted = btoa(JSON.stringify(importData));
141 | this.router.navigate(['import-address-book'], { fragment: walletEncrypted });
142 | } catch (err) {
143 | this.notifications.sendError(`Unable to parse import data, make sure you selected the right file!`);
144 | }
145 | };
146 |
147 | reader.readAsText(file);
148 | }
149 |
150 | }
151 |
--------------------------------------------------------------------------------
/src/app/components/manage-wallet/manage-wallet.component.html:
--------------------------------------------------------------------------------
1 |
3 |
33 |
34 |
58 |
59 |
86 |
4 |
8 |
31 |
32 | 
6 |
9 |
21 |
22 |
10 |
20 |
11 |
13 | To get started, choose an option below to configure your wallet
12 |
14 |
15 |
16 |
17 |
18 |
19 |
23 |
30 |
24 |
25 |
29 |
26 |
27 |
28 |
35 | 
36 |
39 |
40 |
36 | Security Focused
37 |All sensitive operations happen in your browser only - your seed and private keys are never sent across your network, or stored on any server in any format. (So there is no need for server-based authentication measures such as 2FA)
38 |
41 | 
42 |
45 |
46 |
42 | No Strings Attached
43 |Because no information is ever stored on a server, there is no account to login to or email address required. Create as many wallets as you want and switch between them easily.
44 |
47 | 
48 |
51 |
52 |
48 | Any Device, Anywhere
49 |Send and receive Banano from any device using the web wallet, or alternatively download our official wallet KALIUM directly to your mobile device kalium.banano.cc.
50 |
53 | 
54 |
57 |
54 | Helpful Features
55 |Store labels for your friends and your own accounts in the address book, track your balances in your local currency, and more!
56 |
60 |
61 |
85 |
62 |
63 |
64 | 65 |
84 | 64 | 65 |
66 |
71 |
72 |
67 | BananoVault is open source and all code is available at https://github.com/bananocoin/bananovault.
68 | Please submit any feedback or bug reports on our GitHub page. Thank you for using BananoVault! 69 |
70 | 68 | Please submit any feedback or bug reports on our GitHub page. Thank you for using BananoVault! 69 |
73 |
79 |
80 |
74 |
75 | Don't have any Banano, but want to see how quick and easy it is to use?
76 | See our website https://banano.cc/ for details on the next faucet event! 77 |
78 | 76 | See our website https://banano.cc/ for details on the next faucet event! 77 |
81 | Donation Address: {{ donationAccount }}
82 |
83 |
2 |
106 |
--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, HostListener, OnInit} from '@angular/core';
2 | import {WalletService} from "./services/wallet.service";
3 | import {AddressBookService} from "./services/address-book.service";
4 | import {AppSettingsService} from "./services/app-settings.service";
5 | import {WebsocketService} from "./services/websocket.service";
6 | import {PriceService} from "./services/price.service";
7 | import {NotificationService} from "./services/notification.service";
8 | import {PowService} from "./services/pow.service";
9 | import {WorkPoolService} from "./services/work-pool.service";
10 | import {Router} from "@angular/router";
11 | import {RepresentativeService} from "./services/representative.service";
12 | import {NodeService} from "./services/node.service";
13 | import { LedgerService } from './services';
14 |
15 |
16 | @Component({
17 | selector: 'app-root',
18 | templateUrl: './app.component.html',
19 | styleUrls: ['./app.component.css']
20 | })
21 | export class AppComponent implements OnInit {
22 | @HostListener('window:resize', ['$event']) onResize (e) {
23 | this.windowHeight = e.target.innerHeight;
24 | };
25 | wallet = this.walletService.wallet;
26 | node = this.nodeService.node;
27 | bananoPrice = this.price.price;
28 | fiatTimeout = 5 * 60 * 1000; // Update fiat prices every 5 minutes
29 | inactiveSeconds = 0;
30 | windowHeight = 1000;
31 | showSearchBar = false;
32 | searchData = '';
33 | isConfigured = this.walletService.isConfigured;
34 |
35 | constructor(
36 | public walletService: WalletService,
37 | private addressBook: AddressBookService,
38 | public settings: AppSettingsService,
39 | private websocket: WebsocketService,
40 | private notifications: NotificationService,
41 | private pow: PowService,
42 | public nodeService: NodeService,
43 | private representative: RepresentativeService,
44 | private router: Router,
45 | private workPool: WorkPoolService,
46 | private ledger: LedgerService,
47 | public price: PriceService) { }
48 |
49 | async ngOnInit() {
50 | this.windowHeight = window.innerHeight;
51 | this.settings.loadAppSettings();
52 | this.addressBook.loadAddressBook();
53 | this.workPool.loadWorkCache();
54 | await this.walletService.loadStoredWallet();
55 | this.websocket.connect();
56 |
57 | this.representative.loadRepresentativeList();
58 |
59 | // If the wallet is locked and there is a pending balance, show a warning to unlock the wallet
60 | if (this.wallet.locked && this.walletService.hasPendingTransactions()) {
61 | this.notifications.sendWarning(`New incoming transaction - unlock the wallet to receive it!`, { length: 0, identifier: 'pending-locked' });
62 | }
63 |
64 | // If they are using a Ledger device with a bad browser, warn them
65 | if (this.walletService.isLedgerWallet() && this.ledger.isBrokenBrowser()) {
66 | this.notifications.sendLedgerChromeWarning();
67 | }
68 |
69 | // When the page closes, determine if we should lock the wallet
70 | window.addEventListener("beforeunload", (e) => {
71 | if (this.wallet.locked) return; // Already locked, nothing to worry about
72 | this.walletService.lockWallet();
73 | });
74 | window.addEventListener("unload", (e) => {
75 | if (this.wallet.locked) return; // Already locked, nothing to worry about
76 | this.walletService.lockWallet();
77 | });
78 |
79 | // Listen for an ban: protocol link, triggered by the desktop application
80 | window.addEventListener('protocol-load', (e: CustomEvent) => {
81 | const protocolText = e.detail;
82 | const stripped = protocolText.split('').splice(4).join(''); // Remove ban:
83 | if (stripped.startsWith('ban_')) {
84 | this.router.navigate(['account', stripped]);
85 | }
86 | // Soon: Load seed, automatic send page?
87 | });
88 |
89 | // Check how long the wallet has been inactive, and lock it if it's been too long
90 | setInterval(() => {
91 | this.inactiveSeconds += 1;
92 | if (!this.settings.settings.lockInactivityMinutes) return; // Do not lock on inactivity
93 | if (this.wallet.locked || !this.wallet.password) return;
94 |
95 | // Determine if we have been inactive for longer than our lock setting
96 | if (this.inactiveSeconds >= this.settings.settings.lockInactivityMinutes * 60) {
97 | this.walletService.lockWallet();
98 | this.notifications.sendSuccess(`Wallet locked after ${this.settings.settings.lockInactivityMinutes} minutes of inactivity`);
99 | }
100 | }, 1000);
101 |
102 | try {
103 | await this.updateFiatPrices();
104 | } catch (err) {
105 | this.notifications.sendWarning(`There was an issue retrieving latest Banano price. Ensure your AdBlocker is disabled on this page then reload to see accurate FIAT values.`, { length: 0, identifier: `price-adblock` });
106 | }
107 |
108 | }
109 |
110 | toggleSearch(mobile = false) {
111 | this.showSearchBar = !this.showSearchBar;
112 | if (this.showSearchBar) {
113 | setTimeout(() => document.getElementById(mobile ? 'search-input-mobile' : 'search-input').focus(), 150);
114 | }
115 | }
116 |
117 | performSearch() {
118 | const searchData = this.searchData.trim();
119 | if (!searchData.length) return;
120 |
121 | if (searchData.startsWith('ban_')) {
122 | this.router.navigate(['account', searchData]);
123 | } else if (searchData.length === 64) {
124 | this.router.navigate(['transaction', searchData]);
125 | } else {
126 | this.notifications.sendWarning(`Invalid Banano account or transaction hash!`)
127 | }
128 | this.searchData = '';
129 | }
130 |
131 | updateIdleTime() {
132 | this.inactiveSeconds = 0; // Action has happened, reset the inactivity timer
133 | }
134 |
135 | retryConnection() {
136 | this.walletService.reloadBalances(true);
137 | this.notifications.sendInfo(`Attempting to reconnect to Banano node`);
138 | }
139 |
140 | async updateFiatPrices() {
141 | const displayCurrency = this.settings.getAppSetting(`displayCurrency`) || '';
142 | await this.price.getPrice(displayCurrency);
143 | this.walletService.reloadFiatBalances();
144 | setTimeout(() => this.updateFiatPrices(), this.fiatTimeout);
145 | }
146 |
147 |
148 |
149 |
150 | }
151 |
152 |
153 |
--------------------------------------------------------------------------------
/desktop-app/src/desktop-app.ts:
--------------------------------------------------------------------------------
1 | import 'babel-polyfill';
2 |
3 | import { app, BrowserWindow, shell, Menu, protocol, webFrame, ipcMain } from 'electron';
4 | import { autoUpdater } from 'electron-updater';
5 | import * as url from 'url';
6 | import * as path from 'path';
7 | import { initialize } from './lib/ledger';
8 |
9 | app.setAsDefaultProtocolClient('xrb'); // Register handler for xrb: links
10 |
11 | // Initialize Ledger device detection
12 | initialize();
13 |
14 | let mainWindow;
15 |
16 | function createWindow () {
17 | // Create the browser window.
18 | mainWindow = new BrowserWindow({width: 1000, height: 600, webPreferences: { webSecurity: false, devTools: true } });
19 |
20 | // mainWindow.loadURL('http://localhost:4200/'); // Only use this for development
21 | mainWindow.loadURL(url.format({
22 | pathname: path.join(__dirname, '../../dist/index.html'),
23 | protocol: 'file:',
24 | slashes: true
25 | }));
26 |
27 | // Emitted when the window is closed.
28 | mainWindow.on('closed', function () {
29 | mainWindow = null
30 | });
31 |
32 | // Detect link clicks to new windows and open them in the default browser
33 | mainWindow.webContents.on('new-window', function(e, url) {
34 | e.preventDefault();
35 | shell.openExternal(url);
36 | });
37 |
38 | const menuTemplate = getApplicationMenu();
39 |
40 | // Create our menu entries so that we can use MAC shortcuts
41 | Menu.setApplicationMenu(Menu.buildFromTemplate(menuTemplate));
42 | }
43 |
44 | app.on('ready', () => {
45 | // Once the app is ready, launch the wallet window
46 | createWindow();
47 |
48 | // Detect when the application has been loaded using an xrb: link, send it to the wallet to load
49 | app.on('open-url', (event, path) => {
50 | if (!mainWindow) {
51 | createWindow();
52 | }
53 | if (!mainWindow.webContents.isLoading()) {
54 | mainWindow.webContents.executeJavaScript(`window.dispatchEvent(new CustomEvent('protocol-load', { detail: '${path}' }));`);
55 | }
56 | mainWindow.webContents.once('did-finish-load', () => {
57 | mainWindow.webContents.executeJavaScript(`window.dispatchEvent(new CustomEvent('protocol-load', { detail: '${path}' }));`);
58 | });
59 | event.preventDefault();
60 | });
61 |
62 | // Check for any updates on GitHub
63 | checkForUpdates();
64 | });
65 |
66 | // Quit when all windows are closed.
67 | app.on('window-all-closed', function () {
68 | // On OS X it is common for applications and their menu bar
69 | // to stay active until the user quits explicitly with Cmd + Q
70 | if (process.platform !== 'darwin') {
71 | app.quit()
72 | }
73 | });
74 |
75 | app.on('activate', function () {
76 | // On OS X it's common to re-create a window in the app when the
77 | // dock icon is clicked and there are no other windows open.
78 | if (mainWindow === null) {
79 | createWindow()
80 | }
81 | });
82 |
83 | function checkForUpdates() {
84 | autoUpdater.checkForUpdatesAndNotify()
85 | .then(() => {})
86 | .catch(console.log);
87 | }
88 |
89 | // Build up the menu bar options based on platform
90 | function getApplicationMenu() {
91 | const template: any = [
92 | {
93 | label: 'Edit',
94 | submenu: [
95 | {role: 'undo'},
96 | {role: 'redo'},
97 | {type: 'separator'},
98 | {role: 'cut'},
99 | {role: 'copy'},
100 | {role: 'paste'},
101 | {role: 'pasteandmatchstyle'},
102 | {role: 'delete'},
103 | {role: 'selectall'}
104 | ]
105 | },
106 | {
107 | label: 'View',
108 | submenu: [
109 | {role: 'reload'},
110 | {role: 'forcereload'},
111 | {role: 'toggledevtools'},
112 | {type: 'separator'},
113 | {role: 'resetzoom'},
114 | {role: 'zoomin'},
115 | {role: 'zoomout'},
116 | {type: 'separator'},
117 | {role: 'togglefullscreen'}
118 | ]
119 | },
120 | {
121 | role: 'window',
122 | submenu: [
123 | {role: 'minimize'},
124 | {role: 'close'}
125 | ]
126 | },
127 | {
128 | role: 'help',
129 | submenu: [
130 | {
131 | label: 'View GitHub',
132 | click () { loadExternal('https://github.com/bananocoin/bananovault') }
133 | },
134 | {
135 | label: 'Submit Issue',
136 | click () { loadExternal('https://github.com/bananocoin/bananovault/issues/new') }
137 | },
138 | {type: 'separator'},
139 | {
140 | type: 'normal',
141 | label: `BananoVault Version: ${autoUpdater.currentVersion}`,
142 | },
143 | {
144 | label: 'View Latest Updates',
145 | click () { loadExternal('https://github.com/bananocoin/bananovault/releases') }
146 | },
147 | {type: 'separator'},
148 | {
149 | label: `Check for Updates...`,
150 | click (menuItem, browserWindow) {
151 | checkForUpdates();
152 | }
153 | },
154 | ]
155 | }
156 | ];
157 |
158 | if (process.platform === 'darwin') {
159 | template.unshift({
160 | label: 'BananoVault',
161 | submenu: [
162 | {role: 'about'},
163 | {type: 'separator'},
164 | {
165 | label: `Check for Updates...`,
166 | click (menuItem, browserWindow) {
167 | checkForUpdates();
168 | }
169 | },
170 | {type: 'separator'},
171 | // {role: 'services', submenu: []},
172 | // {type: 'separator'},
173 | {role: 'hide'},
174 | {role: 'hideothers'},
175 | {role: 'unhide'},
176 | {type: 'separator'},
177 | {role: 'quit'}
178 | ]
179 | });
180 |
181 | // Edit menu
182 | template[1].submenu.push(
183 | {type: 'separator'},
184 | {
185 | label: 'Speech',
186 | submenu: [
187 | {role: 'startspeaking'},
188 | {role: 'stopspeaking'}
189 | ]
190 | }
191 | );
192 |
193 | // Window menu
194 | template[3].submenu = [
195 | {role: 'close'},
196 | {role: 'minimize'},
197 | {role: 'zoom'},
198 | {type: 'separator'},
199 | {role: 'front'}
200 | ];
201 | }
202 |
203 | return template;
204 | }
205 |
206 | function loadExternal(url) {
207 | shell.openExternal(url);
208 | }
209 |
--------------------------------------------------------------------------------
3 |
105 | Manage Wallet
4 | 5 |
6 |
23 |
24 |
7 |
9 | Change Wallet Password
8 |
10 |
19 |
22 |
11 |
18 |
12 |
13 |
14 |
15 |
16 |
17 |
25 |
39 |
40 |
26 |
28 | Backup Wallet
27 |
29 |
38 | 30 | To access backup options, unlock your wallet. 31 |
32 |
33 | To backup your wallet mnemonic phrase, click here to copy it to your clipboard.
34 |
35 | To backup your wallet seed, click here to copy it to your clipboard.
36 |
41 |
69 |
70 |
42 |
44 | Export BananoVault Wallet
43 |
45 | Use this export tool to simplify wallet transfer to other devices. Your data will be encrypted by your password, and then imported into BananoVault on your new device!
46 | The export does not contain your address book.
47 |
64 |
68 | 47 |
48 |
63 |
49 |
50 |
51 |
52 | 50 |
53 | ![]()
54 |
55 |
56 | Scan the QR code on any device to load your BananoVault wallet!
57 |
58 | If you do not have a QR code scanner, you can also import your wallet by using the URL below.
59 |
60 | Copy to clipboard 61 |
62 | 57 |
58 | If you do not have a QR code scanner, you can also import your wallet by using the URL below.
59 |
60 | Copy to clipboard 61 |
71 |
103 |
104 |
72 |
74 | BananoVault Address Book
73 |
75 | Use this tool to simplify transferring your address book between devices. Use the options below to import or export your
76 | address book from a file or QR Code/URL. Your address book is not encrypted by your wallet password.
77 |
94 |
102 |
78 |
93 |
79 |
80 |
81 |
82 | 80 |
83 | ![]()
84 |
85 |
86 | Scan the QR code on any device to import your BananoVault Address Book!
87 |
88 | If you do not have a QR code scanner, you can also import your address book by using the URL below.
89 |
90 | Copy to clipboard 91 |
92 | 87 |
88 | If you do not have a QR code scanner, you can also import your address book by using the URL below.
89 |
90 | Copy to clipboard 91 |