taler/wallet-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

re-format with prettier v2, fix HTML

Browse Source
This commit is contained in:
Florian Dold 2020-03-30 16:09:32 +05:30
parent 15e18440db
commit aaf950e2ad
No known key found for this signature in database
GPG Key ID: D2E4F00F29D02A4B
92 changed files with 2165 additions and 2722 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -17,7 +17,7 @@
},
"scripts": {
"build": "make tsc",
"pretty": "prettier --config .prettierrc --write 'src/**.ts'"
"pretty": "prettier --config .prettierrc --write src"
},
"files": [
"AUTHORS",

4
src/android/index.ts
View File

@ -151,7 +151,7 @@ class AndroidWalletMessageHandler {
};
const w = await getDefaultNodeWallet(this.walletArgs);
this.maybeWallet = w;
w.runRetryLoop().catch(e => {
w.runRetryLoop().catch((e) => {
console.error("Error during wallet retry loop", e);
});
this.wp.resolve(w);
@ -250,7 +250,7 @@ class AndroidWalletMessageHandler {
this.maybeWallet = undefined;
const w = await getDefaultNodeWallet(this.walletArgs);
this.maybeWallet = w;
w.runRetryLoop().catch(e => {
w.runRetryLoop().catch((e) => {
console.error("Error during wallet retry loop", e);
});
this.wp.resolve(w);

19
src/crypto/primitives/nacl-fast.ts
View File

@ -5,14 +5,14 @@
// Implementation derived from TweetNaCl version 20140427.
// See for details: http://tweetnacl.cr.yp.to/
const gf = function(init: number[] = []) {
const gf = function (init: number[] = []) {
const r = new Float64Array(16);
if (init) for (let i = 0; i < init.length; i++) r[i] = init[i];
return r;
};
// Pluggable, initialized in high-level API below.
let randombytes = function(x: Uint8Array, n: number): void {
let randombytes = function (x: Uint8Array, n: number): void {
throw new Error("no PRNG");
};
@ -2373,13 +2373,11 @@ function crypto_hash(out: Uint8Array, m: Uint8Array, n: number) {
ts64(x, n - 8, (b / 0x20000000) | 0, b << 3);
crypto_hashblocks_hl(hh, hl, x, n);
for (let i = 0; i < 8; i++)
ts64(out, 8 * i, hh[i], hl[i]);
for (let i = 0; i < 8; i++) ts64(out, 8 * i, hh[i], hl[i]);
return 0;
}
/**
* Incremental version of crypto_hash.
*/
@ -2416,7 +2414,7 @@ export class HashState {
let i = 0;
while (i < data.length) {
const r = 128 - this.p;
if (r > (data.length - i)) {
if (r > data.length - i) {
for (let j = 0; i + j < data.length; j++) {
this.next[this.p + j] = data[i + j];
}
@ -2447,8 +2445,7 @@ export class HashState {
ts64(x, n - 8, (b / 0x20000000) | 0, b << 3);
crypto_hashblocks_hl(this.hh, this.hl, x, n);
for (let i = 0; i < 8; i++)
ts64(out, 8 * i, this.hh[i], this.hl[i]);
for (let i = 0; i < 8; i++) ts64(out, 8 * i, this.hh[i], this.hl[i]);
return out;
}
}
@ -3078,7 +3075,7 @@ export function sign_ed25519_pk_to_curve25519(
return x25519_pk;
}
(function() {
(function () {
// Initialize PRNG if environment provides CSPRNG.
// If not, methods calling randombytes will throw.
const crypto =
@ -3086,7 +3083,7 @@ export function sign_ed25519_pk_to_curve25519(
if (crypto && crypto.getRandomValues) {
// Browsers.
var QUOTA = 65536;
setPRNG(function(x: Uint8Array, n: number) {
setPRNG(function (x: Uint8Array, n: number) {
var i,
v = new Uint8Array(n);
for (i = 0; i < n; i += QUOTA) {
@ -3099,7 +3096,7 @@ export function sign_ed25519_pk_to_curve25519(
// Node.js.
const cr = require("crypto");
if (cr && cr.randomBytes) {
setPRNG(function(x: Uint8Array, n: number) {
setPRNG(function (x: Uint8Array, n: number) {
var i,
v = cr.randomBytes(n);
for (i = 0; i < n; i++) x[i] = v[i];

5
src/crypto/primitives/sha256.ts
View File

@ -339,10 +339,7 @@ export class HMAC {
constructor(key: Uint8Array) {
const pad = new Uint8Array(this.blockSize);
if (key.length > this.blockSize) {
new HashSha256()
.update(key)
.finish(pad)
.clean();
new HashSha256().update(key).finish(pad).clean();
} else {
for (let i = 0; i < key.length; i++) {
pad[i] = key[i];

33
src/crypto/talerCrypto-test.ts
View File

@ -47,7 +47,7 @@ function bytesToHex(bytes: Uint8Array): string {
return hex.join("");
}
test("encoding", t => {
test("encoding", (t) => {
const utf8decoder = new TextDecoder("utf-8");
const utf8encoder = new TextEncoder();
const s = "Hello, World";
@ -57,7 +57,7 @@ test("encoding", t => {
t.deepEqual(s, sOut);
});
test("taler-exchange-tvg hash code", t => {
test("taler-exchange-tvg hash code", (t) => {
const input = "91JPRV3F5GG4EKJN41A62V35E8";
const output =
"CW96WR74JS8T53EC8GKSGD49QKH4ZNFTZXDAWMMV5GJ1E4BM6B8GPN5NVHDJ8ZVXNCW7Q4WBYCV61HCA3PZC2YJD850DT29RHHN7ESR";
@ -67,7 +67,7 @@ test("taler-exchange-tvg hash code", t => {
t.deepEqual(myOutput, output);
});
test("taler-exchange-tvg ecdhe key", t => {
test("taler-exchange-tvg ecdhe key", (t) => {
const priv1 = "X4T4N0M8PVQXQEBW2BA7049KFSM7J437NSDFC6GDNM3N5J9367A0";
const pub1 = "M997P494MS6A95G1P0QYWW2VNPSHSX5Q6JBY5B9YMNYWP0B50X3G";
const priv2 = "14A0MMQ64DCV8HE0CS3WBC9DHFJAHXRGV7NEARFJPC5R5E1697E0";
@ -83,7 +83,7 @@ test("taler-exchange-tvg ecdhe key", t => {
t.deepEqual(encodeCrock(mySkm), skm);
});
test("taler-exchange-tvg eddsa key", t => {
test("taler-exchange-tvg eddsa key", (t) => {
const priv = "9TM70AKDTS57AWY9JK2J4TMBTMW6K62WHHGZWYDG0VM5ABPZKD40";
const pub = "8GSJZ649T2PXMKZC01Y4ANNBE7MF14QVK9SQEC4E46ZHKCVG8AS0";
@ -91,7 +91,7 @@ test("taler-exchange-tvg eddsa key", t => {
t.deepEqual(encodeCrock(pair.publicKey), pub);
});
test("taler-exchange-tvg kdf", t => {
test("taler-exchange-tvg kdf", (t) => {
const salt = "94KPT83PCNS7J83KC5P78Y8";
const ikm = "94KPT83MD1JJ0WV5CDS6AX10D5Q70XBM41NPAY90DNGQ8SBJD5GPR";
const ctx =
@ -110,7 +110,7 @@ test("taler-exchange-tvg kdf", t => {
t.deepEqual(encodeCrock(myOut), out);
});
test("taler-exchange-tvg eddsa_ecdh", t => {
test("taler-exchange-tvg eddsa_ecdh", (t) => {
const priv_ecdhe = "4AFZWMSGTVCHZPQ0R81NWXDCK4N58G7SDBBE5KXE080Y50370JJG";
const pub_ecdhe = "FXFN5GPAFTKVPWJDPVXQ87167S8T82T5ZV8CDYC0NH2AE14X0M30";
const priv_eddsa = "1KG54M8T3X8BSFSZXCR3SQBSR7Y9P53NX61M864S7TEVMJ2XVPF0";
@ -137,7 +137,7 @@ test("taler-exchange-tvg eddsa_ecdh", t => {
t.deepEqual(encodeCrock(myKm2), key_material);
});
test("taler-exchange-tvg blind signing", t => {
test("taler-exchange-tvg blind signing", (t) => {
const messageHash =
"TT1R28D79EJEJ9PC35AQS35CCG85DSXSZ508MV2HS2FN4ME6AHESZX5WP485R8A75KG53FN6F1YNW95008663TKAPWB81420VG17BY8";
const rsaPublicKey =
@ -150,17 +150,28 @@ test("taler-exchange-tvg blind signing", t => {
const sig =
"PFT6WQJGCM9DE6264DJS6RMG4XDMCDBJKZGSXAF3BEXWZ979Q13NETKK05S1YV91CX3Y034FSS86SSHZTTE8097RRESQP52EKFGTWJXKHZJEQJ49YHMBNQDHW4CFBJECNJSV2PMHWVGXV7HB84R6P0S3ES559HWQX01Q9MYDEGRNHKW87QR2BNSG951D5NQGAKEJ2SSJBE18S6WYAC24FAP8TT8ANECH5371J0DJY0YR0VWAFWVJDV8XQSFXWMJ80N3A80SPSHPYJY3WZZXW63WQ46WHYY56ZSNE5G1RZ5CR0XYV2ECKPM8R0FS58EV16WTRAM1ABBFVNAT3CAEFAZCWP3XHPVBQY5NZVTD5QS2Q8SKJQ2XB30E11CWDN9KTV5CBK4DN72EVG73F3W3BATAKHG";
const myBm = rsaBlind(decodeCrock(messageHash), decodeCrock(bks), decodeCrock(rsaPublicKey));
const myBm = rsaBlind(
decodeCrock(messageHash),
decodeCrock(bks),
decodeCrock(rsaPublicKey),
);
t.deepEqual(encodeCrock(myBm), bm);
const mySig = rsaUnblind(decodeCrock(bs), decodeCrock(rsaPublicKey), decodeCrock(bks));
const mySig = rsaUnblind(
decodeCrock(bs),
decodeCrock(rsaPublicKey),
decodeCrock(bks),
);
t.deepEqual(encodeCrock(mySig), sig);
const v = rsaVerify(decodeCrock(messageHash), decodeCrock(sig), decodeCrock(rsaPublicKey));
const v = rsaVerify(
decodeCrock(messageHash),
decodeCrock(sig),
decodeCrock(rsaPublicKey),
);
t.true(v);
});
test("incremental hashing #1", (t) => {
const n = 1024;
const d = nacl.randomBytes(n);

5
src/crypto/workers/cryptoApi.ts
View File

@ -281,8 +281,9 @@ export class CryptoApi {
CryptoApi.enableTracing &&
console.log(
`rpc ${currentWorkItem.operation} took ${timer.performanceNow() -
currentWorkItem.startTime}ms`,
`rpc ${currentWorkItem.operation} took ${
timer.performanceNow() - currentWorkItem.startTime
}ms`,
);
currentWorkItem.resolve(msg.data.result);
}

8
src/crypto/workers/cryptoImplementation.ts
View File

@ -313,9 +313,7 @@ export class CryptoImplementation {
stringToBytes(paytoUri + "\0"),
new Uint8Array(0),
);
const p = buildSigPS(SignaturePurpose.MASTER_WIRE_DETAILS)
.put(h)
.build();
const p = buildSigPS(SignaturePurpose.MASTER_WIRE_DETAILS).put(h).build();
return eddsaVerify(p, decodeCrock(sig), decodeCrock(masterPub));
}
@ -467,8 +465,8 @@ export class CryptoImplementation {
exchangeBaseUrl,
hash: encodeCrock(sessionHash),
meltCoinPub: meltCoin.coinPub,
newDenomHashes: newCoinDenoms.map(d => d.denomPubHash),
newDenoms: newCoinDenoms.map(d => d.denomPub),
newDenomHashes: newCoinDenoms.map((d) => d.denomPubHash),
newDenoms: newCoinDenoms.map((d) => d.denomPub),
norevealIndex: undefined,
planchetsForGammas: planchetsForGammas,
transferPrivs,

2
src/crypto/workers/nodeThreadWorker.ts
View File

@ -96,7 +96,7 @@ export function handleWorkerMessage(msg: any) {
}
};
handleRequest().catch(e => {
handleRequest().catch((e) => {
console.error("error in node worker", e);
});
}

4
src/crypto/workers/synchronousWorker.ts
View File

@ -37,12 +37,10 @@ export class SynchronousCryptoWorkerFactory implements CryptoWorkerFactory {
}
}
/**
* Worker implementation that uses node subprocesses.
*/
export class SynchronousCryptoWorker {
/**
* Function to be called when we receive a message from the worker thread.
*/
@ -121,7 +119,7 @@ export class SynchronousCryptoWorker {
return;
}
this.handleRequest(operation, id, args).catch(e => {
this.handleRequest(operation, id, args).catch((e) => {
console.error("Error while handling crypto request:", e);
});
}

12
src/headless/NodeHttpLib.ts
View File

@ -16,7 +16,12 @@
SPDX-License-Identifier: AGPL3.0-or-later
*/
import { Headers, HttpRequestLibrary, HttpRequestOptions, HttpResponse } from "../util/http";
import {
Headers,
HttpRequestLibrary,
HttpRequestOptions,
HttpResponse,
} from "../util/http";
import { RequestThrottler } from "../util/RequestThrottler";
import Axios, { AxiosResponse } from "axios";
@ -85,10 +90,7 @@ export class NodeHttpLib implements HttpRequestLibrary {
};
}
async get(
url: string,
opt?: HttpRequestOptions,
): Promise<HttpResponse> {
async get(url: string, opt?: HttpRequestOptions): Promise<HttpResponse> {
return this.req("get", url, undefined, opt);
}

26
src/headless/clk.ts
View File

@ -340,7 +340,9 @@ export class CommandGroup<GN extends keyof any, TG> {
const r = splitOpt(opt);
const d = this.longOptions[r.key];
if (!d) {
console.error(`error: unknown option '--${r.key}' for ${currentName}`);
console.error(
`error: unknown option '--${r.key}' for ${currentName}`,
);
process.exit(-1);
throw Error("not reached");
}
@ -359,7 +361,7 @@ export class CommandGroup<GN extends keyof any, TG> {
process.exit(-1);
throw Error("not reached");
}
myArgs[d.name] = unparsedArgs[i+1];
myArgs[d.name] = unparsedArgs[i + 1];
i++;
} else {
myArgs[d.name] = r.value;
@ -427,14 +429,15 @@ export class CommandGroup<GN extends keyof any, TG> {
throw Error("not reached");
}
for (let i = posArgIndex; i < this.arguments.length; i++) {
const d = this.arguments[i];
if (d.required) {
if (d.args.default !== undefined) {
myArgs[d.name] = d.args.default;
} else {
console.error(`error: missing positional argument '${d.name}' for ${currentName}`);
console.error(
`error: missing positional argument '${d.name}' for ${currentName}`,
);
process.exit(-1);
throw Error("not reached");
}
@ -447,7 +450,7 @@ export class CommandGroup<GN extends keyof any, TG> {
if (option.args.default !== undefined) {
myArgs[option.name] = option.args.default;
} else {
const name = option.flagspec.join(",")
const name = option.flagspec.join(",");
console.error(`error: missing option '${name}'`);
process.exit(-1);
throw Error("not reached");
@ -584,10 +587,11 @@ export class Program<PN extends keyof any, T> {
}
}
export type GetArgType<T> =
T extends Program<any, infer AT> ? AT :
T extends CommandGroup<any, infer AT> ? AT :
any;
export type GetArgType<T> = T extends Program<any, infer AT>
? AT
: T extends CommandGroup<any, infer AT>
? AT
: any;
export function program<PN extends keyof any>(
argKey: PN,
@ -596,15 +600,13 @@ export function program<PN extends keyof any>(
return new Program(argKey as string, args);
}
export function prompt(question: string): Promise<string> {
const stdinReadline = readline.createInterface({
input: process.stdin,
output: process.stdout,
});
return new Promise<string>((resolve, reject) => {
stdinReadline.question(question, res => {
stdinReadline.question(question, (res) => {
resolve(res);
stdinReadline.close();
});

6
src/headless/helpers.ts
View File

@ -120,7 +120,9 @@ export async function getDefaultNodeWallet(
require("worker_threads");
workerFactory = new NodeThreadCryptoWorkerFactory();
} catch (e) {
console.log("worker threads not available, falling back to synchronous workers");
console.log(
"worker threads not available, falling back to synchronous workers",
);
workerFactory = new SynchronousCryptoWorkerFactory();
}
@ -161,7 +163,7 @@ export async function withdrawTestBalance(
myWallet.runRetryLoop().catch((x) => {
reject(x);
});
myWallet.addNotificationListener(n => {
myWallet.addNotificationListener((n) => {
if (
n.type === NotificationType.ReserveDepleted &&
n.reservePub === reservePub

11
src/headless/integrationtest.ts
View File

@ -99,7 +99,7 @@ export async function runIntegrationTest(args: IntegrationTestArgs) {
const myWallet = await getDefaultNodeWallet({ httpLib: myHttpLib });
myWallet.runRetryLoop().catch(e => {
myWallet.runRetryLoop().catch((e) => {
console.error("exception during retry loop:", e);
});
@ -233,7 +233,7 @@ export async function runIntegrationTestBasic(cfg: Configuration) {
persistentStoragePath: walletDbPath,
});
myWallet.runRetryLoop().catch(e => {
myWallet.runRetryLoop().catch((e) => {
console.error("exception during retry loop:", e);
});
@ -255,7 +255,12 @@ export async function runIntegrationTestBasic(cfg: Configuration) {
merchantApiKey,
);
await makePayment(myWallet, myMerchant, Amounts.toString(parsedSpendAmount), "hello world");
await makePayment(
myWallet,
myMerchant,
Amounts.toString(parsedSpendAmount),
"hello world",
);
// Wait until the refresh is done
await myWallet.runUntilDone();

5
src/headless/merchant.ts
View File

@ -23,7 +23,10 @@
* Imports.
*/
import axios from "axios";
import { CheckPaymentResponse, codecForCheckPaymentResponse } from "../types/talerTypes";
import {
CheckPaymentResponse,
codecForCheckPaymentResponse,
} from "../types/talerTypes";
/**
* Connection to the *internal* merchant backend.

1493
src/i18n/strings.ts
View File

File diff suppressed because it is too large Load Diff

33
src/operations/balance.ts
View File

@ -34,8 +34,7 @@ export async function getBalancesInsideTransaction(
ws: InternalWalletState,
tx: TransactionHandle,
): Promise<WalletBalance> {
/**
/**
* Add amount to a balance field, both for
* the slicing by exchange and currency.
*/
@ -74,7 +73,7 @@ export async function getBalancesInsideTransaction(
byExchange: {},
};
await tx.iter(Stores.coins).forEach(c => {
await tx.iter(Stores.coins).forEach((c) => {
if (c.suspended) {
return;
}
@ -82,7 +81,7 @@ export async function getBalancesInsideTransaction(
addTo(balanceStore, "available", c.currentAmount, c.exchangeBaseUrl);
}
});
await tx.iter(Stores.refreshGroups).forEach(r => {
await tx.iter(Stores.refreshGroups).forEach((r) => {
// Don't count finished refreshes, since the refresh already resulted
// in coins being added to the wallet.
if (r.timestampFinished) {
@ -107,7 +106,7 @@ export async function getBalancesInsideTransaction(
}
});
await tx.iter(Stores.withdrawalSession).forEach(wds => {
await tx.iter(Stores.withdrawalSession).forEach((wds) => {
let w = wds.totalCoinValue;
for (let i = 0; i < wds.planchets.length; i++) {
if (wds.withdrawn[i]) {
@ -120,7 +119,7 @@ export async function getBalancesInsideTransaction(
addTo(balanceStore, "pendingIncoming", w, wds.exchangeBaseUrl);
});
await tx.iter(Stores.purchases).forEach(t => {
await tx.iter(Stores.purchases).forEach((t) => {
if (t.timestampFirstSuccessfulPay) {
return;
}
@ -145,14 +144,16 @@ export async function getBalances(
): Promise<WalletBalance> {
logger.trace("starting to compute balance");
return await ws.db.runWithReadTransaction([
Stores.coins,
Stores.refreshGroups,
Stores.reserves,
Stores.purchases,
Stores.withdrawalSession,
],
async tx => {
return getBalancesInsideTransaction(ws, tx);
});
return await ws.db.runWithReadTransaction(
[
Stores.coins,
Stores.refreshGroups,
Stores.reserves,
Stores.purchases,
Stores.withdrawalSession,
],
async (tx) => {
return getBalancesInsideTransaction(ws, tx);
},
);
}

21
src/operations/errors.ts
View File

@ -64,7 +64,6 @@ export async function scrutinizeTalerJsonResponse<T>(
resp: HttpResponse,
codec: Codec<T>,
): Promise<T> {
// FIXME: We should distinguish between different types of error status
// to react differently (throttle, report permanent failure)
@ -82,7 +81,7 @@ export async function scrutinizeTalerJsonResponse<T>(
details: {
httpStatusCode: resp.status,
errorResponse: errorJson,
}
},
});
} catch (e) {
const m = "could not parse response JSON";
@ -91,7 +90,7 @@ export async function scrutinizeTalerJsonResponse<T>(
message: m,
details: {
status: resp.status,
}
},
});
}
throw exc;
@ -101,13 +100,13 @@ export async function scrutinizeTalerJsonResponse<T>(
json = await resp.json();
} catch (e) {
const m = "could not parse response JSON";
throw new OperationFailedError({
type: "network",
message: m,
details: {
status: resp.status,
}
});
throw new OperationFailedError({
type: "network",
message: m,
details: {
status: resp.status,
},
});
}
return codec.decode(json);
}
@ -138,7 +137,7 @@ export async function guardOperationException<T>(
type: "exception",
message: e.message,
details: {},
}
};
await onOpError(opErr);
throw new OperationFailedAndReportedError(opErr);
}

16
src/operations/exchanges.ts
View File

@ -193,7 +193,7 @@ async function updateExchangeWithKeys(
.currency;
const newDenominations = await Promise.all(
exchangeKeysJson.denoms.map(d =>
exchangeKeysJson.denoms.map((d) =>
denominationRecordFromKeys(ws, baseUrl, d),
),
);
@ -202,7 +202,7 @@ async function updateExchangeWithKeys(
await ws.db.runWithWriteTransaction(
[Stores.exchanges, Stores.denominations, Stores.recoupGroups, Stores.coins],
async tx => {
async (tx) => {
const r = await tx.get(Stores.exchanges, baseUrl);
if (!r) {
console.warn(`exchange ${baseUrl} no longer present`);
@ -275,7 +275,7 @@ async function updateExchangeWithKeys(
if (recoupGroupId) {
// Asynchronously start recoup. This doesn't need to finish
// for the exchange update to be considered finished.
processRecoupGroup(ws, recoupGroupId).catch(e => {
processRecoupGroup(ws, recoupGroupId).catch((e) => {
console.log("error while recouping coins:", e);
});
}
@ -294,7 +294,7 @@ async function updateExchangeFinalize(
}
await ws.db.runWithWriteTransaction(
[Stores.exchanges, Stores.exchangeUpdatedEvents],
async tx => {
async (tx) => {
const r = await tx.get(Stores.exchanges, exchangeBaseUrl);
if (!r) {
return;
@ -338,7 +338,7 @@ async function updateExchangeWithTermsOfService(
const tosText = await resp.text();
const tosEtag = resp.headers.get("etag") || undefined;
await ws.db.runWithWriteTransaction([Stores.exchanges], async tx => {
await ws.db.runWithWriteTransaction([Stores.exchanges], async (tx) => {
const r = await tx.get(Stores.exchanges, exchangeBaseUrl);
if (!r) {
return;
@ -358,7 +358,7 @@ export async function acceptExchangeTermsOfService(
exchangeBaseUrl: string,
etag: string | undefined,
) {
await ws.db.runWithWriteTransaction([Stores.exchanges], async tx => {
await ws.db.runWithWriteTransaction([Stores.exchanges], async (tx) => {
const r = await tx.get(Stores.exchanges, exchangeBaseUrl);
if (!r) {
return;
@ -438,7 +438,7 @@ async function updateExchangeWithWireInfo(
feesForType[wireMethod] = feeList;
}
await ws.db.runWithWriteTransaction([Stores.exchanges], async tx => {
await ws.db.runWithWriteTransaction([Stores.exchanges], async (tx) => {
const r = await tx.get(Stores.exchanges, exchangeBaseUrl);
if (!r) {
return;
@ -500,7 +500,7 @@ async function updateExchangeFromUrlImpl(
};
await ws.db.put(Stores.exchanges, newExchangeRecord);
} else {
await ws.db.runWithWriteTransaction([Stores.exchanges], async t => {
await ws.db.runWithWriteTransaction([Stores.exchanges], async (t) => {
const rec = await t.get(Stores.exchanges, baseUrl);
if (!rec) {
return;

49
src/operations/history.ts
View File

@ -47,7 +47,7 @@ import { timestampCmp } from "../util/time";
* Create an event ID from the type and the primary key for the event.
*/
function makeEventId(type: HistoryEventType, ...args: string[]) {
return type + ";" + args.map(x => encodeURIComponent(x)).join(";");
return type + ";" + args.map((x) => encodeURIComponent(x)).join(";");
}
function getOrderShortInfo(
@ -72,7 +72,7 @@ async function collectProposalHistory(
history: HistoryEvent[],
historyQuery?: HistoryQuery,
) {
tx.iter(Stores.proposals).forEachAsync(async proposal => {
tx.iter(Stores.proposals).forEachAsync(async (proposal) => {
const status = proposal.proposalStatus;
switch (status) {
case ProposalStatus.ACCEPTED:
@ -182,8 +182,8 @@ export async function getHistory(
Stores.reserveUpdatedEvents,
Stores.recoupGroups,
],
async tx => {
tx.iter(Stores.exchanges).forEach(exchange => {
async (tx) => {
tx.iter(Stores.exchanges).forEach((exchange) => {
history.push({
type: HistoryEventType.ExchangeAdded,
builtIn: false,
@ -196,7 +196,7 @@ export async function getHistory(
});
});
tx.iter(Stores.exchangeUpdatedEvents).forEach(eu => {
tx.iter(Stores.exchangeUpdatedEvents).forEach((eu) => {
history.push({
type: HistoryEventType.ExchangeUpdated,
eventId: makeEventId(
@ -208,7 +208,7 @@ export async function getHistory(
});
});
tx.iter(Stores.withdrawalSession).forEach(wsr => {
tx.iter(Stores.withdrawalSession).forEach((wsr) => {
if (wsr.timestampFinish) {
const cs: PlanchetRecord[] = [];
wsr.planchets.forEach((x) => {
@ -246,7 +246,7 @@ export async function getHistory(
await collectProposalHistory(tx, history, historyQuery);
await tx.iter(Stores.payEvents).forEachAsync(async pe => {
await tx.iter(Stores.payEvents).forEachAsync(async (pe) => {
const proposal = await tx.get(Stores.proposals, pe.proposalId);
if (!proposal) {
return;
@ -262,7 +262,7 @@ export async function getHistory(
let verboseDetails: VerbosePayCoinDetails | undefined = undefined;
if (historyQuery?.extraDebug) {
const coins: {
value: string,
value: string;
contribution: string;
denomPub: string;
}[] = [];
@ -272,7 +272,10 @@ export async function getHistory(
// FIXME: what to do here??
continue;
}
const d = await tx.get(Stores.denominations, [c.exchangeBaseUrl, c.denomPub]);
const d = await tx.get(Stores.denominations, [
c.exchangeBaseUrl,
c.denomPub,
]);
if (!d) {
// FIXME: what to do here??
continue;
@ -286,7 +289,9 @@ export async function getHistory(
verboseDetails = { coins };
}
const amountPaidWithFees = Amounts.sum(
purchase.payReq.coins.map(x => Amounts.parseOrThrow(x.contribution)),
purchase.payReq.coins.map((x) =>
Amounts.parseOrThrow(x.contribution),
),
).amount;
history.push({
type: HistoryEventType.PaymentSent,
@ -301,7 +306,7 @@ export async function getHistory(
});
});
await tx.iter(Stores.refreshGroups).forEachAsync(async rg => {
await tx.iter(Stores.refreshGroups).forEachAsync(async (rg) => {
if (!rg.timestampFinished) {
return;
}
@ -340,7 +345,7 @@ export async function getHistory(
if (historyQuery?.extraDebug) {
const outputCoins: {
value: string;
denomPub: string,
denomPub: string;
}[] = [];
for (const rs of rg.refreshSessionPerCoin) {
if (!rs) {
@ -350,7 +355,10 @@ export async function getHistory(
if (!nd) {
continue;
}
const d = await tx.get(Stores.denominations, [rs.exchangeBaseUrl, nd]);
const d = await tx.get(Stores.denominations, [
rs.exchangeBaseUrl,
nd,
]);
if (!d) {
continue;
}
@ -362,7 +370,7 @@ export async function getHistory(
}
verboseDetails = {
outputCoins: outputCoins,
}
};
}
history.push({
type: HistoryEventType.Refreshed,
@ -379,7 +387,7 @@ export async function getHistory(
});
});
tx.iter(Stores.reserveUpdatedEvents).forEachAsync(async ru => {
tx.iter(Stores.reserveUpdatedEvents).forEachAsync(async (ru) => {
const reserve = await tx.get(Stores.reserves, ru.reservePub);
if (!reserve) {
return;
@ -413,7 +421,7 @@ export async function getHistory(
});
});
tx.iter(Stores.tips).forEach(tip => {
tx.iter(Stores.tips).forEach((tip) => {
if (tip.acceptedTimestamp) {
history.push({
type: HistoryEventType.TipAccepted,
@ -425,7 +433,7 @@ export async function getHistory(
}
});
tx.iter(Stores.refundEvents).forEachAsync(async re => {
tx.iter(Stores.refundEvents).forEachAsync(async (re) => {
const proposal = await tx.get(Stores.proposals, re.proposalId);
if (!proposal) {
return;
@ -486,7 +494,7 @@ export async function getHistory(
});
});
tx.iter(Stores.recoupGroups).forEach(rg => {
tx.iter(Stores.recoupGroups).forEach((rg) => {
if (rg.timestampFinished) {
let verboseDetails: any = undefined;
if (historyQuery?.extraDebug) {
@ -498,7 +506,10 @@ export async function getHistory(
history.push({
type: HistoryEventType.FundsRecouped,
timestamp: rg.timestampFinished,
eventId: makeEventId(HistoryEventType.FundsRecouped, rg.recoupGroupId),
eventId: makeEventId(
HistoryEventType.FundsRecouped,
rg.recoupGroupId,
),
numCoinsRecouped: rg.coinPubs.length,
verboseDetails,
});

32
src/operations/pay.ts
View File

@ -461,7 +461,7 @@ async function recordConfirmPay(
await ws.db.runWithWriteTransaction(
[Stores.coins, Stores.purchases, Stores.proposals, Stores.refreshGroups],
async tx => {
async (tx) => {
const p = await tx.get(Stores.proposals, proposal.proposalId);
if (p) {
p.proposalStatus = ProposalStatus.ACCEPTED;
@ -486,7 +486,9 @@ async function recordConfirmPay(
coin.currentAmount = remaining.amount;
await tx.put(Stores.coins, coin);
}
const refreshCoinPubs = coinSelection.coinPubs.map(x => ({ coinPub: x }));
const refreshCoinPubs = coinSelection.coinPubs.map((x) => ({
coinPub: x,
}));
await createRefreshGroup(tx, refreshCoinPubs, RefreshReason.Pay);
},
);
@ -560,7 +562,7 @@ export async function abortFailedPayment(
RefundReason.AbortRefund,
);
await ws.db.runWithWriteTransaction([Stores.purchases], async tx => {
await ws.db.runWithWriteTransaction([Stores.purchases], async (tx) => {
const p = await tx.get(Stores.purchases, proposalId);
if (!p) {
return;
@ -575,7 +577,7 @@ async function incrementProposalRetry(
proposalId: string,
err: OperationError | undefined,
): Promise<void> {
await ws.db.runWithWriteTransaction([Stores.proposals], async tx => {
await ws.db.runWithWriteTransaction([Stores.proposals], async (tx) => {
const pr = await tx.get(Stores.proposals, proposalId);
if (!pr) {
return;
@ -597,7 +599,7 @@ async function incrementPurchasePayRetry(
err: OperationError | undefined,
): Promise<void> {
console.log("incrementing purchase pay retry with error", err);
await ws.db.runWithWriteTransaction([Stores.purchases], async tx => {
await ws.db.runWithWriteTransaction([Stores.purchases], async (tx) => {
const pr = await tx.get(Stores.purchases, proposalId);
if (!pr) {
return;
@ -630,7 +632,7 @@ async function resetDownloadProposalRetry(
ws: InternalWalletState,
proposalId: string,
) {
await ws.db.mutate(Stores.proposals, proposalId, x => {
await ws.db.mutate(Stores.proposals, proposalId, (x) => {
if (x.retryInfo.active) {
x.retryInfo = initRetryInfo();
}
@ -685,7 +687,7 @@ async function processDownloadProposalImpl(
await ws.db.runWithWriteTransaction(
[Stores.proposals, Stores.purchases],
async tx => {
async (tx) => {
const p = await tx.get(Stores.proposals, proposalId);
if (!p) {
return;
@ -715,11 +717,11 @@ async function processDownloadProposalImpl(
payDeadline: parsedContractTerms.pay_deadline,
refundDeadline: parsedContractTerms.refund_deadline,
wireFeeAmortization: parsedContractTerms.wire_fee_amortization || 1,
allowedAuditors: parsedContractTerms.auditors.map(x => ({
allowedAuditors: parsedContractTerms.auditors.map((x) => ({
auditorBaseUrl: x.url,
auditorPub: x.master_pub,
})),
allowedExchanges: parsedContractTerms.exchanges.map(x => ({
allowedExchanges: parsedContractTerms.exchanges.map((x) => ({
exchangeBaseUrl: x.url,
exchangePub: x.master_pub,
})),
@ -797,7 +799,7 @@ async function startDownloadProposal(
downloadSessionId: sessionId,
};
await ws.db.runWithWriteTransaction([Stores.proposals], async tx => {
await ws.db.runWithWriteTransaction([Stores.proposals], async (tx) => {
const existingRecord = await tx.getIndexed(
Stores.proposals.urlAndOrderIdIndex,
[merchantBaseUrl, orderId],
@ -878,7 +880,7 @@ export async function submitPay(
await ws.db.runWithWriteTransaction(
[Stores.purchases, Stores.payEvents],
async tx => {
async (tx) => {
await tx.put(Stores.purchases, purchase);
const payEvent: PayEventRecord = {
proposalId,
@ -984,7 +986,7 @@ export async function preparePayForUri(
console.log(
"automatically re-submitting payment with different session ID",
);
await ws.db.runWithWriteTransaction([Stores.purchases], async tx => {
await ws.db.runWithWriteTransaction([Stores.purchases], async (tx) => {
const p = await tx.get(Stores.purchases, proposalId);
if (!p) {
return;
@ -1035,7 +1037,7 @@ export async function confirmPay(
sessionIdOverride != purchase.lastSessionId
) {
logger.trace(`changing session ID to ${sessionIdOverride}`);
await ws.db.mutate(Stores.purchases, purchase.proposalId, x => {
await ws.db.mutate(Stores.purchases, purchase.proposalId, (x) => {
x.lastSessionId = sessionIdOverride;
x.paymentSubmitPending = true;
return x;
@ -1118,7 +1120,7 @@ async function resetPurchasePayRetry(
ws: InternalWalletState,
proposalId: string,
) {
await ws.db.mutate(Stores.purchases, proposalId, x => {
await ws.db.mutate(Stores.purchases, proposalId, (x) => {
if (x.payRetryInfo.active) {
x.payRetryInfo = initRetryInfo();
}
@ -1151,7 +1153,7 @@ export async function refuseProposal(
) {
const success = await ws.db.runWithWriteTransaction(
[Stores.proposals],
async tx => {
async (tx) => {
const proposal = await tx.get(Stores.proposals, proposalId);
if (!proposal) {
logger.trace(`proposal ${proposalId} not found, won't refuse proposal`);

18
src/operations/pending.ts
View File

@ -59,7 +59,7 @@ async function gatherExchangePending(
// FIXME: exchanges should also be updated regularly
return;
}
await tx.iter(Stores.exchanges).forEach(e => {
await tx.iter(Stores.exchanges).forEach((e) => {
switch (e.updateStatus) {
case ExchangeUpdateStatus.Finished:
if (e.lastError) {
@ -148,7 +148,7 @@ async function gatherReservePending(
onlyDue: boolean = false,
): Promise<void> {
// FIXME: this should be optimized by using an index for "onlyDue==true".
await tx.iter(Stores.reserves).forEach(reserve => {
await tx.iter(Stores.reserves).forEach((reserve) => {
const reserveType = reserve.bankWithdrawStatusUrl ? "taler-bank" : "manual";
if (!reserve.retryInfo.active) {
return;
@ -214,7 +214,7 @@ async function gatherRefreshPending(
resp: PendingOperationsResponse,
onlyDue: boolean = false,
): Promise<void> {
await tx.iter(Stores.refreshGroups).forEach(r => {
await tx.iter(Stores.refreshGroups).forEach((r) => {
if (r.timestampFinished) {
return;
}
@ -243,7 +243,7 @@ async function gatherWithdrawalPending(
resp: PendingOperationsResponse,
onlyDue: boolean = false,
): Promise<void> {
await tx.iter(Stores.withdrawalSession).forEach(wsr => {
await tx.iter(Stores.withdrawalSession).forEach((wsr) => {
if (wsr.timestampFinish) {
return;
}
@ -277,7 +277,7 @@ async function gatherProposalPending(
resp: PendingOperationsResponse,
onlyDue: boolean = false,
): Promise<void> {
await tx.iter(Stores.proposals).forEach(proposal => {
await tx.iter(Stores.proposals).forEach((proposal) => {
if (proposal.proposalStatus == ProposalStatus.PROPOSED) {
if (onlyDue) {
return;
@ -318,7 +318,7 @@ async function gatherTipPending(
resp: PendingOperationsResponse,
onlyDue: boolean = false,
): Promise<void> {
await tx.iter(Stores.tips).forEach(tip => {
await tx.iter(Stores.tips).forEach((tip) => {
if (tip.pickedUp) {
return;
}
@ -348,7 +348,7 @@ async function gatherPurchasePending(
resp: PendingOperationsResponse,
onlyDue: boolean = false,
): Promise<void> {
await tx.iter(Stores.purchases).forEach(pr => {
await tx.iter(Stores.purchases).forEach((pr) => {
if (pr.paymentSubmitPending) {
resp.nextRetryDelay = updateRetryDelay(
resp.nextRetryDelay,
@ -411,7 +411,7 @@ async function gatherRecoupPending(
resp: PendingOperationsResponse,
onlyDue: boolean = false,
): Promise<void> {
await tx.iter(Stores.recoupGroups).forEach(rg => {
await tx.iter(Stores.recoupGroups).forEach((rg) => {
if (rg.timestampFinished) {
return;
}
@ -450,7 +450,7 @@ export async function getPendingOperations(
Stores.purchases,
Stores.recoupGroups,
],
async tx => {
async (tx) => {
const walletBalance = await getBalancesInsideTransaction(ws, tx);
const resp: PendingOperationsResponse = {
nextRetryDelay: { d_ms: Number.MAX_SAFE_INTEGER },

20
src/operations/refresh.ts
View File

@ -68,7 +68,7 @@ export function getTotalRefreshCost(
const withdrawDenoms = getWithdrawDenomList(withdrawAmount, denoms);
const resultingAmount = Amounts.add(
Amounts.getZero(withdrawAmount.currency),
...withdrawDenoms.map(d => d.value),
...withdrawDenoms.map((d) => d.value),
).amount;
const totalCost = Amounts.sub(amountLeft, resultingAmount).amount;
logger.trace(
@ -139,7 +139,7 @@ async function refreshCreateSession(
);
await ws.db.runWithWriteTransaction(
[Stores.coins, Stores.refreshGroups],
async tx => {
async (tx) => {
const rg = await tx.get(Stores.refreshGroups, refreshGroupId);
if (!rg) {
return;
@ -175,7 +175,7 @@ async function refreshCreateSession(
// coin in the same transaction.
await ws.db.runWithWriteTransaction(
[Stores.refreshGroups, Stores.coins],
async tx => {
async (tx) => {
const c = await tx.get(Stores.coins, coin.coinPub);
if (!c) {
throw Error("coin not found, but marked for refresh");
@ -274,7 +274,7 @@ async function refreshMelt(
refreshSession.norevealIndex = norevealIndex;
await ws.db.mutate(Stores.refreshGroups, refreshGroupId, rg => {
await ws.db.mutate(Stores.refreshGroups, refreshGroupId, (rg) => {
const rs = rg.refreshSessionPerCoin[coinIndex];
if (!rs) {
return;
@ -420,7 +420,7 @@ async function refreshReveal(
await ws.db.runWithWriteTransaction(
[Stores.coins, Stores.refreshGroups],
async tx => {
async (tx) => {
const rg = await tx.get(Stores.refreshGroups, refreshGroupId);
if (!rg) {
console.log("no refresh session found");
@ -464,7 +464,7 @@ async function incrementRefreshRetry(
refreshGroupId: string,
err: OperationError | undefined,
): Promise<void> {
await ws.db.runWithWriteTransaction([Stores.refreshGroups], async tx => {
await ws.db.runWithWriteTransaction([Stores.refreshGroups], async (tx) => {
const r = await tx.get(Stores.refreshGroups, refreshGroupId);
if (!r) {
return;
@ -499,7 +499,7 @@ async function resetRefreshGroupRetry(
ws: InternalWalletState,
refreshSessionId: string,
) {
await ws.db.mutate(Stores.refreshGroups, refreshSessionId, x => {
await ws.db.mutate(Stores.refreshGroups, refreshSessionId, (x) => {
if (x.retryInfo.active) {
x.retryInfo = initRetryInfo();
}
@ -578,13 +578,13 @@ export async function createRefreshGroup(
const refreshGroup: RefreshGroupRecord = {
timestampFinished: undefined,
finishedPerCoin: oldCoinPubs.map(x => false),
finishedPerCoin: oldCoinPubs.map((x) => false),
lastError: undefined,
lastErrorPerCoin: {},
oldCoinPubs: oldCoinPubs.map(x => x.coinPub),
oldCoinPubs: oldCoinPubs.map((x) => x.coinPub),
reason,
refreshGroupId,
refreshSessionPerCoin: oldCoinPubs.map(x => undefined),
refreshSessionPerCoin: oldCoinPubs.map((x) => undefined),
retryInfo: initRetryInfo(),
};

37
src/operations/reserves.ts
View File

@ -65,7 +65,7 @@ import { getTimestampNow } from "../util/time";
const logger = new Logger("reserves.ts");
async function resetReserveRetry(ws: InternalWalletState, reservePub: string) {
await ws.db.mutate(Stores.reserves, reservePub, x => {
await ws.db.mutate(Stores.reserves, reservePub, (x) => {
if (x.retryInfo.active) {
x.retryInfo = initRetryInfo();
}
@ -156,7 +156,7 @@ export async function createReserve(
const resp = await ws.db.runWithWriteTransaction(
[Stores.currencies, Stores.reserves, Stores.bankWithdrawUris],
async tx => {
async (tx) => {
// Check if we have already created a reserve for that bankWithdrawStatusUrl
if (reserveRecord.bankWithdrawStatusUrl) {
const bwi = await tx.get(
@ -194,7 +194,7 @@ export async function createReserve(
// Asynchronously process the reserve, but return
// to the caller already.
processReserve(ws, resp.reservePub, true).catch(e => {
processReserve(ws, resp.reservePub, true).catch((e) => {
console.error("Processing reserve (after createReserve) failed:", e);
});
@ -208,7 +208,7 @@ export async function forceQueryReserve(
ws: InternalWalletState,
reservePub: string,
): Promise<void> {
await ws.db.runWithWriteTransaction([Stores.reserves], async tx => {
await ws.db.runWithWriteTransaction([Stores.reserves], async (tx) => {
const reserve = await tx.get(Stores.reserves, reservePub);
if (!reserve) {
return;
@ -275,7 +275,7 @@ async function registerReserveWithBank(
reserve_pub: reservePub,
selected_exchange: reserve.exchangeWire,
});
await ws.db.mutate(Stores.reserves, reservePub, r => {
await ws.db.mutate(Stores.reserves, reservePub, (r) => {
switch (r.reserveStatus) {
case ReserveRecordStatus.REGISTERING_BANK:
case ReserveRecordStatus.WAIT_CONFIRM_BANK:
@ -349,7 +349,7 @@ async function processReserveBankStatusImpl(
}
if (status.transfer_done) {
await ws.db.mutate(Stores.reserves, reservePub, r => {
await ws.db.mutate(Stores.reserves, reservePub, (r) => {
switch (r.reserveStatus) {
case ReserveRecordStatus.REGISTERING_BANK:
case ReserveRecordStatus.WAIT_CONFIRM_BANK:
@ -365,7 +365,7 @@ async function processReserveBankStatusImpl(
});
await processReserveImpl(ws, reservePub, true);
} else {
await ws.db.mutate(Stores.reserves, reservePub, r => {
await ws.db.mutate(Stores.reserves, reservePub, (r) => {
switch (r.reserveStatus) {
case ReserveRecordStatus.WAIT_CONFIRM_BANK:
break;
@ -385,7 +385,7 @@ async function incrementReserveRetry(
reservePub: string,
err: OperationError | undefined,
): Promise<void> {
await ws.db.runWithWriteTransaction([Stores.reserves], async tx => {
await ws.db.runWithWriteTransaction([Stores.reserves], async (tx) => {
const r = await tx.get(Stores.reserves, reservePub);
if (!r) {
return;
@ -462,7 +462,7 @@ async function updateReserve(
const balance = Amounts.parseOrThrow(reserveInfo.balance);
await ws.db.runWithWriteTransaction(
[Stores.reserves, Stores.reserveUpdatedEvents],
async tx => {
async (tx) => {
const r = await tx.get(Stores.reserves, reservePub);
if (!r) {
return;
@ -501,8 +501,7 @@ async function updateReserve(
if (cmp == 0) {
// Nothing changed, go back to sleep!
r.reserveStatus = ReserveRecordStatus.DORMANT;
}
else if (cmp > 0) {
} else if (cmp > 0) {
const extra = Amounts.sub(balance, expectedBalance.amount).amount;
r.amountWithdrawRemaining = Amounts.add(
r.amountWithdrawRemaining,
@ -591,7 +590,7 @@ export async function confirmReserve(
req: ConfirmReserveRequest,
): Promise<void> {
const now = getTimestampNow();
await ws.db.mutate(Stores.reserves, req.reservePub, reserve => {
await ws.db.mutate(Stores.reserves, req.reservePub, (reserve) => {
if (reserve.reserveStatus !== ReserveRecordStatus.UNCONFIRMED) {
return;
}
@ -603,7 +602,7 @@ export async function confirmReserve(
ws.notify({ type: NotificationType.ReserveUpdated });
processReserve(ws, req.reservePub, true).catch(e => {
processReserve(ws, req.reservePub, true).catch((e) => {
console.log("processing reserve (after confirmReserve) failed:", e);
});
}
@ -653,7 +652,7 @@ async function depleteReserve(
const withdrawalSessionId = encodeCrock(randomBytes(32));
const totalCoinValue = Amounts.sum(denomsForWithdraw.map(x => x.value))
const totalCoinValue = Amounts.sum(denomsForWithdraw.map((x) => x.value))
.amount;
const withdrawalRecord: WithdrawalSessionRecord = {
@ -665,9 +664,9 @@ async function depleteReserve(
},
rawWithdrawalAmount: withdrawAmount,
timestampStart: getTimestampNow(),
denoms: denomsForWithdraw.map(x => x.denomPub),
withdrawn: denomsForWithdraw.map(x => false),
planchets: denomsForWithdraw.map(x => undefined),
denoms: denomsForWithdraw.map((x) => x.denomPub),
withdrawn: denomsForWithdraw.map((x) => false),
planchets: denomsForWithdraw.map((x) => undefined),
totalCoinValue,
retryInfo: initRetryInfo(),
lastErrorPerCoin: {},
@ -675,7 +674,7 @@ async function depleteReserve(
};
const totalCoinWithdrawFee = Amounts.sum(
denomsForWithdraw.map(x => x.feeWithdraw),
denomsForWithdraw.map((x) => x.feeWithdraw),
).amount;
const totalWithdrawAmount = Amounts.add(totalCoinValue, totalCoinWithdrawFee)
.amount;
@ -706,7 +705,7 @@ async function depleteReserve(
const success = await ws.db.runWithWriteTransaction(
[Stores.withdrawalSession, Stores.reserves],
async tx => {
async (tx) => {
const myReserve = await tx.get(Stores.reserves, reservePub);
if (!myReserve) {
return false;

5
src/operations/state.ts
View File

@ -15,10 +15,7 @@
*/
import { HttpRequestLibrary } from "../util/http";
import {
NextUrlResult,
WalletBalance,
} from "../types/walletTypes";
import { NextUrlResult, WalletBalance } from "../types/walletTypes";
import { CryptoApi, CryptoWorkerFactory } from "../crypto/workers/cryptoApi";
import { AsyncOpMemoMap, AsyncOpMemoSingle } from "../util/asyncMemo";
import { Logger } from "../util/logging";

23
src/operations/tip.ts
View File

@ -16,10 +16,7 @@
import { InternalWalletState } from "./state";
import { parseTipUri } from "../util/taleruri";
import {
TipStatus,
OperationError,
} from "../types/walletTypes";
import { TipStatus, OperationError } from "../types/walletTypes";
import {
TipPickupGetResponse,
TipPlanchetDetail,
@ -130,7 +127,7 @@ async function incrementTipRetry(
refreshSessionId: string,
err: OperationError | undefined,
): Promise<void> {
await ws.db.runWithWriteTransaction([Stores.tips], async tx => {
await ws.db.runWithWriteTransaction([Stores.tips], async (tx) => {
const t = await tx.get(Stores.tips, refreshSessionId);
if (!t) {
return;
@ -162,7 +159,7 @@ async function resetTipRetry(
ws: InternalWalletState,
tipId: string,
): Promise<void> {
await ws.db.mutate(Stores.tips, tipId, x => {
await ws.db.mutate(Stores.tips, tipId, (x) => {
if (x.retryInfo.active) {
x.retryInfo = initRetryInfo();
}
@ -197,10 +194,10 @@ async function processTipImpl(
);
const planchets = await Promise.all(
denomsForWithdraw.map(d => ws.cryptoApi.createTipPlanchet(d)),
denomsForWithdraw.map((d) => ws.cryptoApi.createTipPlanchet(d)),
);
await ws.db.mutate(Stores.tips, tipId, r => {
await ws.db.mutate(Stores.tips, tipId, (r) => {
if (!r.planchets) {
r.planchets = planchets;
}
@ -220,7 +217,7 @@ async function processTipImpl(
console.log("got planchets for tip!");
// Planchets in the form that the merchant expects
const planchetsDetail: TipPlanchetDetail[] = tipRecord.planchets.map(p => ({
const planchetsDetail: TipPlanchetDetail[] = tipRecord.planchets.map((p) => ({
coin_ev: p.coinEv,
denom_pub_hash: p.denomPubHash,
}));
@ -269,7 +266,7 @@ async function processTipImpl(
const withdrawalSessionId = encodeCrock(getRandomBytes(32));
const withdrawalSession: WithdrawalSessionRecord = {
denoms: planchets.map(x => x.denomPub),
denoms: planchets.map((x) => x.denomPub),
exchangeBaseUrl: tipRecord.exchangeUrl,
planchets: planchets,
source: {
@ -279,8 +276,8 @@ async function processTipImpl(
timestampStart: getTimestampNow(),
withdrawSessionId: withdrawalSessionId,
rawWithdrawalAmount: tipRecord.amount,
withdrawn: planchets.map(x => false),
totalCoinValue: Amounts.sum(planchets.map(p => p.coinValue)).amount,
withdrawn: planchets.map((x) => false),
totalCoinValue: Amounts.sum(planchets.map((p) => p.coinValue)).amount,
lastErrorPerCoin: {},
retryInfo: initRetryInfo(),
timestampFinish: undefined,
@ -289,7 +286,7 @@ async function processTipImpl(
await ws.db.runWithWriteTransaction(
[Stores.tips, Stores.withdrawalSession],
async tx => {
async (tx) => {
const tr = await tx.get(Stores.tips, tipId);
if (!tr) {
return;

66
src/operations/withdraw.ts
View File

@ -144,7 +144,7 @@ async function getPossibleDenoms(
): Promise<DenominationRecord[]> {
return await ws.db
.iterIndex(Stores.denominations.exchangeBaseUrlIndex, exchangeBaseUrl)
.filter(d => {
.filter((d) => {
return (
(d.status === DenominationStatus.Unverified ||
d.status === DenominationStatus.VerifiedGood) &&
@ -248,7 +248,7 @@ async function processPlanchet(
const success = await ws.db.runWithWriteTransaction(
[Stores.coins, Stores.withdrawalSession, Stores.reserves],
async tx => {
async (tx) => {
const ws = await tx.get(Stores.withdrawalSession, withdrawalSessionId);
if (!ws) {
return false;
@ -429,17 +429,20 @@ async function makePlanchet(
reservePub: r.reservePub,
withdrawSig: r.withdrawSig,
};
await ws.db.runWithWriteTransaction([Stores.withdrawalSession], async tx => {
const myWs = await tx.get(Stores.withdrawalSession, withdrawalSessionId);
if (!myWs) {
return;
}
if (myWs.planchets[coinIndex]) {
return;
}
myWs.planchets[coinIndex] = newPlanchet;
await tx.put(Stores.withdrawalSession, myWs);
});
await ws.db.runWithWriteTransaction(
[Stores.withdrawalSession],
async (tx) => {
const myWs = await tx.get(Stores.withdrawalSession, withdrawalSessionId);
if (!myWs) {
return;
}
if (myWs.planchets[coinIndex]) {
return;
}
myWs.planchets[coinIndex] = newPlanchet;
await tx.put(Stores.withdrawalSession, myWs);
},
);
}
async function processWithdrawCoin(
@ -483,19 +486,22 @@ async function incrementWithdrawalRetry(
withdrawalSessionId: string,
err: OperationError | undefined,
): Promise<void> {
await ws.db.runWithWriteTransaction([Stores.withdrawalSession], async tx => {
const wsr = await tx.get(Stores.withdrawalSession, withdrawalSessionId);
if (!wsr) {
return;
}
if (!wsr.retryInfo) {
return;
}
wsr.retryInfo.retryCounter++;
updateRetryInfoTimeout(wsr.retryInfo);
wsr.lastError = err;
await tx.put(Stores.withdrawalSession, wsr);
});
await ws.db.runWithWriteTransaction(
[Stores.withdrawalSession],
async (tx) => {
const wsr = await tx.get(Stores.withdrawalSession, withdrawalSessionId);
if (!wsr) {
return;
}
if (!wsr.retryInfo) {
return;
}
wsr.retryInfo.retryCounter++;
updateRetryInfoTimeout(wsr.retryInfo);
wsr.lastError = err;
await tx.put(Stores.withdrawalSession, wsr);
},
);
ws.notify({ type: NotificationType.WithdrawOperationError });
}
@ -516,7 +522,7 @@ async function resetWithdrawSessionRetry(
ws: InternalWalletState,
withdrawalSessionId: string,
) {
await ws.db.mutate(Stores.withdrawalSession, withdrawalSessionId, x => {
await ws.db.mutate(Stores.withdrawalSession, withdrawalSessionId, (x) => {
if (x.retryInfo.active) {
x.retryInfo = initRetryInfo();
}
@ -594,12 +600,14 @@ export async function getExchangeWithdrawalInfo(
const possibleDenoms = await ws.db
.iterIndex(Stores.denominations.exchangeBaseUrlIndex, baseUrl)
.filter(d => d.isOffered);
.filter((d) => d.isOffered);
const trustedAuditorPubs = [];
const currencyRecord = await ws.db.get(Stores.currencies, amount.currency);
if (currencyRecord) {
trustedAuditorPubs.push(...currencyRecord.auditors.map(a => a.auditorPub));
trustedAuditorPubs.push(
...currencyRecord.auditors.map((a) => a.auditorPub),
);
}
let versionMatch;

6
src/types/history.ts
View File

@ -18,9 +18,9 @@
* Type and schema definitions for the wallet's history.
*/
/**
* Imports.
*/
/**
* Imports.
*/
import { RefreshReason } from "./walletTypes";
import { ReserveTransaction } from "./ReserveTransaction";
import { WithdrawalSource } from "./dbTypes";

16
src/types/types-test.ts
View File

@ -24,7 +24,7 @@ const amt = (
currency: string,
): Amounts.AmountJson => ({ value, fraction, currency });
test("amount addition (simple)", t => {
test("amount addition (simple)", (t) => {
const a1 = amt(1, 0, "EUR");
const a2 = amt(1, 0, "EUR");
const a3 = amt(2, 0, "EUR");
@ -32,14 +32,14 @@ test("amount addition (simple)", t => {
t.pass();
});
test("amount addition (saturation)", t => {
test("amount addition (saturation)", (t) => {
const a1 = amt(1, 0, "EUR");
const res = Amounts.add(amt(Amounts.maxAmountValue, 0, "EUR"), a1);
t.true(res.saturated);
t.pass();
});
test("amount subtraction (simple)", t => {
test("amount subtraction (simple)", (t) => {
const a1 = amt(2, 5, "EUR");
const a2 = amt(1, 0, "EUR");
const a3 = amt(1, 5, "EUR");
@ -47,7 +47,7 @@ test("amount subtraction (simple)", t => {
t.pass();
});
test("amount subtraction (saturation)", t => {
test("amount subtraction (saturation)", (t) => {
const a1 = amt(0, 0, "EUR");
const a2 = amt(1, 0, "EUR");
let res = Amounts.sub(a1, a2);
@ -57,7 +57,7 @@ test("amount subtraction (saturation)", t => {
t.pass();
});
test("amount comparison", t => {
test("amount comparison", (t) => {
t.is(Amounts.cmp(amt(1, 0, "EUR"), amt(1, 0, "EUR")), 0);
t.is(Amounts.cmp(amt(1, 1, "EUR"), amt(1, 0, "EUR")), 1);
t.is(Amounts.cmp(amt(1, 1, "EUR"), amt(1, 2, "EUR")), -1);
@ -68,7 +68,7 @@ test("amount comparison", t => {
t.pass();
});
test("amount parsing", t => {
test("amount parsing", (t) => {
t.is(
Amounts.cmp(Amounts.parseOrThrow("TESTKUDOS:0"), amt(0, 0, "TESTKUDOS")),
0,
@ -117,7 +117,7 @@ test("amount parsing", t => {
t.pass();
});
test("amount stringification", t => {
test("amount stringification", (t) => {
t.is(Amounts.toString(amt(0, 0, "TESTKUDOS")), "TESTKUDOS:0");
t.is(Amounts.toString(amt(4, 94000000, "TESTKUDOS")), "TESTKUDOS:4.94");
t.is(Amounts.toString(amt(0, 10000000, "TESTKUDOS")), "TESTKUDOS:0.1");
@ -128,7 +128,7 @@ test("amount stringification", t => {
t.pass();
});
test("contract terms validation", t => {
test("contract terms validation", (t) => {
const c = {
nonce: "123123123",
h_wire: "123",

1
src/types/walletTypes.ts
View File

@ -317,7 +317,6 @@ export class ReturnCoinsRequest {
static checked: (obj: any) => ReturnCoinsRequest;
}
/**
* Status of processing a tip.
*/

27
src/util/RequestThrottler.ts
View File

@ -21,7 +21,12 @@
/**
* Imports.
*/
import { getTimestampNow, Timestamp, timestampSubtractDuraction, timestampDifference } from "../util/time";
import {
getTimestampNow,
Timestamp,
timestampSubtractDuraction,
timestampDifference,
} from "../util/time";
/**
* Maximum request per second, per origin.
@ -38,7 +43,6 @@ const MAX_PER_MINUTE = 100;
*/
const MAX_PER_HOUR = 1000;
/**
* Throttling state for one origin.
*/
@ -52,12 +56,21 @@ class OriginState {
const now = getTimestampNow();
const d = timestampDifference(now, this.lastUpdate);
if (d.d_ms === "forever") {
throw Error("assertion failed")
throw Error("assertion failed");
}
const d_s = d.d_ms / 1000;
this.tokensSecond = Math.min(MAX_PER_SECOND, this.tokensSecond + (d_s / 1000));
this.tokensMinute = Math.min(MAX_PER_MINUTE, this.tokensMinute + (d_s / 1000 * 60));
this.tokensHour = Math.min(MAX_PER_HOUR, this.tokensHour + (d_s / 1000 * 60 * 60));
this.tokensSecond = Math.min(
MAX_PER_SECOND,
this.tokensSecond + d_s / 1000,
);
this.tokensMinute = Math.min(
MAX_PER_MINUTE,
this.tokensMinute + (d_s / 1000) * 60,
);
this.tokensHour = Math.min(
MAX_PER_HOUR,
this.tokensHour + (d_s / 1000) * 60 * 60,
);
this.lastUpdate = now;
}
@ -104,7 +117,7 @@ export class RequestThrottler {
if (s) {
return s;
}
const ns = this.perOriginInfo[origin] = new OriginState();
const ns = (this.perOriginInfo[origin] = new OriginState());
return ns;
}

7
src/util/asyncMemo.ts
View File

@ -40,9 +40,9 @@ export class AsyncOpMemoMap<T> {
// Wrap the operation in case it immediately throws
const p = Promise.resolve().then(() => pg());
this.memoMap[key] = {
p,
n,
t: new Date().getTime(),
p,
n,
t: new Date().getTime(),
};
return p.finally(() => {
this.cleanUp(key, n);
@ -53,7 +53,6 @@ export class AsyncOpMemoMap<T> {
}
}
export class AsyncOpMemoSingle<T> {
private n = 0;
private memoEntry: MemoEntry<T> | undefined;

12
src/util/codec-test.ts
View File

@ -19,7 +19,13 @@
*/
import test from "ava";
import { Codec, makeCodecForObject, makeCodecForConstString, codecForString, makeCodecForUnion } from "./codec";
import {
Codec,
makeCodecForObject,
makeCodecForConstString,
codecForString,
makeCodecForUnion,
} from "./codec";
interface MyObj {
foo: string;
@ -37,7 +43,7 @@ interface AltTwo {
type MyUnion = AltOne | AltTwo;
test("basic codec", t => {
test("basic codec", (t) => {
const myObjCodec = makeCodecForObject<MyObj>()
.property("foo", codecForString)
.build("MyObj");
@ -49,7 +55,7 @@ test("basic codec", t => {
});
});
test("union", t => {
test("union", (t) => {
const altOneCodec: Codec<AltOne> = makeCodecForObject<AltOne>()
.property("type", makeCodecForConstString("one"))
.property("foo", codecForString)

27
src/util/codec.ts
View File

@ -110,7 +110,8 @@ class ObjectCodecBuilder<OutputType, PartialOutputType> {
throw new DecodingError(
`expected object for ${objectDisplayName} at ${renderContext(
c,
)} but got ${typeof x}`)
)} but got ${typeof x}`,
);
}
const obj: any = {};
for (const prop of propList) {
@ -273,7 +274,9 @@ export const codecForNumber: Codec<number> = {
if (typeof x === "number") {
return x;
}
throw new DecodingError(`expected number at ${renderContext(c)} but got ${typeof x}`);
throw new DecodingError(
`expected number at ${renderContext(c)} but got ${typeof x}`,
);
},
};
@ -285,7 +288,9 @@ export const codecForBoolean: Codec<boolean> = {
if (typeof x === "boolean") {
return x;
}
throw new DecodingError(`expected boolean at ${renderContext(c)} but got ${typeof x}`);
throw new DecodingError(
`expected boolean at ${renderContext(c)} but got ${typeof x}`,
);
},
};
@ -297,7 +302,9 @@ export const codecForString: Codec<string> = {
if (typeof x === "string") {
return x;
}
throw new DecodingError(`expected string at ${renderContext(c)} but got ${typeof x}`);
throw new DecodingError(
`expected string at ${renderContext(c)} but got ${typeof x}`,
);
},
};
@ -320,21 +327,25 @@ export function makeCodecForConstString<V extends string>(s: V): Codec<V> {
return x;
}
throw new DecodingError(
`expected string constant "${s}" at ${renderContext(c)} but got ${typeof x}`,
`expected string constant "${s}" at ${renderContext(
c,
)} but got ${typeof x}`,
);
},
};
}
export function makeCodecOptional<V>(innerCodec: Codec<V>): Codec<V | undefined> {
export function makeCodecOptional<V>(
innerCodec: Codec<V>,
): Codec<V | undefined> {
return {
decode(x: any, c?: Context): V | undefined {
if (x === undefined || x === null) {
return undefined;
}
return innerCodec.decode(x, c);
}
}
},
};
}
export function typecheckedCodec<T = undefined>(c: Codec<T>): Codec<T> {

11
src/util/helpers-test.ts
View File

@ -14,25 +14,26 @@
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
import test from "ava";
import * as helpers from "./helpers";
test("URL canonicalization", (t) => {
// converts to relative, adds https
t.is(
"https://alice.example.com/exchange/",
helpers.canonicalizeBaseUrl("alice.example.com/exchange"));
helpers.canonicalizeBaseUrl("alice.example.com/exchange"),
);
// keeps http, adds trailing slash
t.is(
"http://alice.example.com/exchange/",
helpers.canonicalizeBaseUrl("http://alice.example.com/exchange"));
helpers.canonicalizeBaseUrl("http://alice.example.com/exchange"),
);
// keeps http, adds trailing slash
t.is(
"http://alice.example.com/exchange/",
helpers.canonicalizeBaseUrl("http://alice.example.com/exchange#foobar"));
helpers.canonicalizeBaseUrl("http://alice.example.com/exchange#foobar"),
);
t.pass();
});

15
src/util/helpers.ts
View File

@ -34,7 +34,6 @@ export function amountToPretty(amount: AmountJson): string {
return `${x} ${amount.currency}`;
}
/**
* Canonicalize a base url, typically for the exchange.
*
@ -53,7 +52,6 @@ export function canonicalizeBaseUrl(url: string) {
return x.href;
}
/**
* Convert object to JSON with canonical ordering of keys
* and whitespace omitted.
@ -84,7 +82,6 @@ export function canonicalJson(obj: any): string {
return s + "}";
}
/**
* Check for deep equality of two objects.
* Only arrays, objects and primitives are supported.
@ -99,11 +96,12 @@ export function deepEquals(x: any, y: any): boolean {
}
const p = Object.keys(x);
return Object.keys(y).every((i) => p.indexOf(i) !== -1) &&
p.every((i) => deepEquals(x[i], y[i]));
return (
Object.keys(y).every((i) => p.indexOf(i) !== -1) &&
p.every((i) => deepEquals(x[i], y[i]))
);
}
/**
* Map from a collection to a list or results and then
* concatenate the results.
@ -125,12 +123,11 @@ export function hash(val: any): number {
}
/* JavaScript does bitwise operations (like XOR, above) on 32-bit signed
* integers. Since we want the results to be always positive, convert the
* signed int to an unsigned by doing an unsigned bitshift. */
* integers. Since we want the results to be always positive, convert the
* signed int to an unsigned by doing an unsigned bitshift. */
return h >>> 0;
}
/**
* Lexically compare two strings.
*/

6
src/util/http.ts
View File

@ -101,12 +101,12 @@ export class BrowserHttpLib implements HttpRequestLibrary {
myRequest.send();
}
myRequest.onerror = e => {
myRequest.onerror = (e) => {
console.error("http request error");
reject(Error("could not make XMLHttpRequest"));
};
myRequest.addEventListener("readystatechange", e => {
myRequest.addEventListener("readystatechange", (e) => {
if (myRequest.readyState === XMLHttpRequest.DONE) {
if (myRequest.status === 0) {
reject(
@ -134,7 +134,7 @@ export class BrowserHttpLib implements HttpRequestLibrary {
// Create a map of header names to values
const headerMap = new Headers();
arr.forEach(function(line) {
arr.forEach(function (line) {
const parts = line.split(": ");
const header = parts.shift();
const value = parts.join(": ");

30
src/util/libtoolVersion-test.ts
View File

@ -19,12 +19,30 @@ import * as LibtoolVersion from "./libtoolVersion";
import test from "ava";
test("version comparison", (t) => {
t.deepEqual(LibtoolVersion.compare("0:0:0", "0:0:0"), {compatible: true, currentCmp: 0});
t.deepEqual(LibtoolVersion.compare("0:0:0", "0:0:0"), {
compatible: true,
currentCmp: 0,
});
t.deepEqual(LibtoolVersion.compare("0:0:0", ""), undefined);
t.deepEqual(LibtoolVersion.compare("foo", "0:0:0"), undefined);
t.deepEqual(LibtoolVersion.compare("0:0:0", "1:0:1"), {compatible: true, currentCmp: -1});
t.deepEqual(LibtoolVersion.compare("0:0:0", "1:5:1"), {compatible: true, currentCmp: -1});
t.deepEqual(LibtoolVersion.compare("0:0:0", "1:5:0"), {compatible: false, currentCmp: -1});
t.deepEqual(LibtoolVersion.compare("1:0:0", "0:5:0"), {compatible: false, currentCmp: 1});
t.deepEqual(LibtoolVersion.compare("1:0:1", "1:5:1"), {compatible: true, currentCmp: 0});
t.deepEqual(LibtoolVersion.compare("0:0:0", "1:0:1"), {
compatible: true,
currentCmp: -1,
});
t.deepEqual(LibtoolVersion.compare("0:0:0", "1:5:1"), {
compatible: true,
currentCmp: -1,
});
t.deepEqual(LibtoolVersion.compare("0:0:0", "1:5:0"), {
compatible: false,
currentCmp: -1,
});
t.deepEqual(LibtoolVersion.compare("1:0:0", "0:5:0"), {
compatible: false,
currentCmp: 1,
});
t.deepEqual(LibtoolVersion.compare("1:0:1", "1:5:1"), {
compatible: true,
currentCmp: 0,
});
});

18
src/util/libtoolVersion.ts
View File

@ -19,7 +19,6 @@
* See https://www.gnu.org/software/libtool/manual/html_node/Libtool-versioning.html
*/
/**
* Result of comparing two libtool versions.
*/
@ -44,7 +43,10 @@ interface Version {
/**
* Compare two libtool-style version strings.
*/
export function compare(me: string, other: string): VersionMatchResult|undefined {
export function compare(
me: string,
other: string,
): VersionMatchResult | undefined {
const meVer = parseVersion(me);
const otherVer = parseVersion(other);
@ -52,16 +54,16 @@ export function compare(me: string, other: string): VersionMatchResult|undefined
return undefined;
}
const compatible = (meVer.current - meVer.age <= otherVer.current &&
meVer.current >= (otherVer.current - otherVer.age));
const compatible =
meVer.current - meVer.age <= otherVer.current &&
meVer.current >= otherVer.current - otherVer.age;
const currentCmp = Math.sign(meVer.current - otherVer.current);
return {compatible, currentCmp};
return { compatible, currentCmp };
}
function parseVersion(v: string): Version|undefined {
function parseVersion(v: string): Version | undefined {
const [currentStr, revisionStr, ageStr, ...rest] = v.split(":");
if (rest.length !== 0) {
return undefined;
@ -82,5 +84,5 @@ function parseVersion(v: string): Version|undefined {
return undefined;
}
return {current, revision, age};
return { current, revision, age };
}

5
src/util/payto.ts
View File

@ -20,9 +20,8 @@ interface PaytoUri {
params: { [name: string]: string };
}
export function parsePaytoUri(s: string): PaytoUri | undefined {
const pfx = "payto://"
const pfx = "payto://";
if (!s.startsWith(pfx)) {
return undefined;
}
@ -50,5 +49,5 @@ export function parsePaytoUri(s: string): PaytoUri | undefined {
targetPath,
targetType,
params,
}
};
}

4
src/util/promiseUtils.ts
View File

@ -14,11 +14,11 @@
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
export interface OpenedPromise<T> {
export interface OpenedPromise<T> {
promise: Promise<T>;
resolve: (val: T) => void;
reject: (err: any) => void;
}
}
/**
* Get an unresolved promise together with its extracted resolve / reject

33
src/util/query.ts
View File

@ -271,11 +271,14 @@ export class TransactionHandle {
return new ResultStream<T>(req);
}
iterIndexed<S extends IDBValidKey,T>(
iterIndexed<S extends IDBValidKey, T>(
index: Index<S, T>,
key?: any,
): ResultStream<T> {
const req = this.tx.objectStore(index.storeName).index(index.indexName).openCursor(key);
const req = this.tx
.objectStore(index.storeName)
.index(index.indexName)
.openCursor(key);
return new ResultStream<T>(req);
}
@ -298,7 +301,7 @@ function runWithTransaction<T>(
): Promise<T> {
const stack = Error("Failed transaction was started here.");
return new Promise((resolve, reject) => {
const storeName = stores.map(x => x.name);
const storeName = stores.map((x) => x.name);
const tx = db.transaction(storeName, mode);
let funResult: any = undefined;
let gotFunResult: boolean = false;
@ -332,11 +335,11 @@ function runWithTransaction<T>(
const th = new TransactionHandle(tx);
const resP = Promise.resolve().then(() => f(th));
resP
.then(result => {
.then((result) => {
gotFunResult = true;
funResult = result;
})
.catch(e => {
.catch((e) => {
if (e == TransactionAbort) {
console.info("aborting transaction");
} else {
@ -344,7 +347,8 @@ function runWithTransaction<T>(
console.error(stack);
tx.abort();
}
}).catch((e) => {
})
.catch((e) => {
console.error("fatal: aborting transaction failed", e);
});
});
@ -394,15 +398,19 @@ export function openDatabase(
databaseName: string,
databaseVersion: number,
onVersionChange: () => void,
onUpgradeNeeded: (db: IDBDatabase, oldVersion: number, newVersion: number) => void,
onUpgradeNeeded: (
db: IDBDatabase,
oldVersion: number,
newVersion: number,
) => void,
): Promise<IDBDatabase> {
return new Promise<IDBDatabase>((resolve, reject) => {
const req = idbFactory.open(databaseName, databaseVersion);
req.onerror = e => {
req.onerror = (e) => {
console.log("taler database error", e);
reject(new Error("database error"));
};
req.onsuccess = e => {
req.onsuccess = (e) => {
req.result.onversionchange = (evt: IDBVersionChangeEvent) => {
console.log(
`handling live db version change from ${evt.oldVersion} to ${evt.newVersion}`,
@ -412,7 +420,7 @@ export function openDatabase(
};
resolve(req.result);
};
req.onupgradeneeded = e => {
req.onupgradeneeded = (e) => {
const db = req.result;
onUpgradeNeeded(db, e.oldVersion, e.newVersion!);
console.log(
@ -503,10 +511,7 @@ export class Database {
key: any,
): Promise<T | undefined> {
const tx = this.db.transaction([index.storeName], "readonly");
const req = tx
.objectStore(index.storeName)
.index(index.indexName)
.get(key);
const req = tx.objectStore(index.storeName).index(index.indexName).get(key);
const v = await requestToPromise(req);
await transactionToPromise(tx);
return v;

6
src/util/talerconfig.ts
View File

@ -110,11 +110,13 @@ export class Configuration {
getString(section: string, option: string): ConfigValue<string> {
const val = (this.sectionMap[section] ?? {})[option];
return new ConfigValue(section, option, val, x => x);
return new ConfigValue(section, option, val, (x) => x);
}
getAmount(section: string, option: string): ConfigValue<AmountJson> {
const val = (this.sectionMap[section] ?? {})[option];
return new ConfigValue(section, option, val, x => Amounts.parseOrThrow(x));
return new ConfigValue(section, option, val, (x) =>
Amounts.parseOrThrow(x),
);
}
}

46
src/util/taleruri-test.ts
View File

@ -22,7 +22,7 @@ import {
parseTipUri,
} from "./taleruri";
test("taler pay url parsing: wrong scheme", t => {
test("taler pay url parsing: wrong scheme", (t) => {
const url1 = "talerfoo://";
const r1 = parsePayUri(url1);
t.is(r1, undefined);
@ -32,7 +32,7 @@ test("taler pay url parsing: wrong scheme", t => {
t.is(r2, undefined);
});
test("taler pay url parsing: defaults", t => {
test("taler pay url parsing: defaults", (t) => {
const url1 = "taler://pay/example.com/-/-/myorder";
const r1 = parsePayUri(url1);
if (!r1) {
@ -52,7 +52,7 @@ test("taler pay url parsing: defaults", t => {
t.is(r2.sessionId, "mysession");
});
test("taler pay url parsing: trailing parts", t => {
test("taler pay url parsing: trailing parts", (t) => {
const url1 = "taler://pay/example.com/-/-/myorder/mysession/spam/eggs";
const r1 = parsePayUri(url1);
if (!r1) {
@ -63,7 +63,7 @@ test("taler pay url parsing: trailing parts", t => {
t.is(r1.sessionId, "mysession");
});
test("taler pay url parsing: instance", t => {
test("taler pay url parsing: instance", (t) => {
const url1 = "taler://pay/example.com/-/myinst/myorder";
const r1 = parsePayUri(url1);
if (!r1) {
@ -74,7 +74,7 @@ test("taler pay url parsing: instance", t => {
t.is(r1.orderId, "myorder");
});
test("taler pay url parsing: path prefix and instance", t => {
test("taler pay url parsing: path prefix and instance", (t) => {
const url1 = "taler://pay/example.com/mypfx/myinst/myorder";
const r1 = parsePayUri(url1);
if (!r1) {
@ -84,7 +84,7 @@ test("taler pay url parsing: path prefix and instance", t => {
t.is(r1.merchantBaseUrl, "https://example.com/mypfx/instances/myinst/");
});
test("taler pay url parsing: complex path prefix", t => {
test("taler pay url parsing: complex path prefix", (t) => {
const url1 = "taler://pay/example.com/mypfx%2Fpublic/-/myorder";
const r1 = parsePayUri(url1);
if (!r1) {
@ -96,7 +96,7 @@ test("taler pay url parsing: complex path prefix", t => {
t.is(r1.sessionId, undefined);
});
test("taler pay uri parsing: complex path prefix and instance", t => {
test("taler pay uri parsing: complex path prefix and instance", (t) => {
const url1 = "taler://pay/example.com/mypfx%2Fpublic/foo/myorder";
const r1 = parsePayUri(url1);
if (!r1) {
@ -107,7 +107,7 @@ test("taler pay uri parsing: complex path prefix and instance", t => {
t.is(r1.orderId, "myorder");
});
test("taler refund uri parsing: non-https #1", t => {
test("taler refund uri parsing: non-https #1", (t) => {
const url1 = "taler://refund/example.com/-/-/myorder?insecure=1";
const r1 = parseRefundUri(url1);
if (!r1) {
@ -115,10 +115,10 @@ test("taler refund uri parsing: non-https #1", t => {
return;
}
t.is(r1.merchantBaseUrl, "http://example.com/public/");
t.is(r1.orderId, "myorder")
t.is(r1.orderId, "myorder");
});
test("taler pay uri parsing: non-https #1", t => {
test("taler pay uri parsing: non-https #1", (t) => {
const url1 = "taler://pay/example.com/-/-/myorder?insecure=1";
const r1 = parsePayUri(url1);
if (!r1) {
@ -126,10 +126,10 @@ test("taler pay uri parsing: non-https #1", t => {
return;
}
t.is(r1.merchantBaseUrl, "http://example.com/public/");
t.is(r1.orderId, "myorder")
t.is(r1.orderId, "myorder");
});
test("taler pay url parsing: non-https #2", t => {
test("taler pay url parsing: non-https #2", (t) => {
const url1 = "taler://pay/example.com/-/-/myorder?insecure=2";
const r1 = parsePayUri(url1);
if (!r1) {
@ -140,7 +140,7 @@ test("taler pay url parsing: non-https #2", t => {
t.is(r1.orderId, "myorder");
});
test("taler withdraw uri parsing", t => {
test("taler withdraw uri parsing", (t) => {
const url1 = "taler://withdraw/bank.example.com/-/12345";
const r1 = parseWithdrawUri(url1);
if (!r1) {
@ -150,7 +150,7 @@ test("taler withdraw uri parsing", t => {
t.is(r1.statusUrl, "https://bank.example.com/api/withdraw-operation/12345");
});
test("taler refund uri parsing", t => {
test("taler refund uri parsing", (t) => {
const url1 = "taler://refund/merchant.example.com/-/-/1234";
const r1 = parseRefundUri(url1);
if (!r1) {
@ -161,7 +161,7 @@ test("taler refund uri parsing", t => {
t.is(r1.orderId, "1234");
});
test("taler refund uri parsing with instance", t => {
test("taler refund uri parsing with instance", (t) => {
const url1 = "taler://refund/merchant.example.com/-/myinst/1234";
const r1 = parseRefundUri(url1);
if (!r1) {
@ -169,23 +169,23 @@ test("taler refund uri parsing with instance", t => {
return;
}
t.is(r1.orderId, "1234");
t.is(r1.merchantBaseUrl, "https://merchant.example.com/public/instances/myinst/");
t.is(
r1.merchantBaseUrl,
"https://merchant.example.com/public/instances/myinst/",
);
});
test("taler tip pickup uri", t => {
test("taler tip pickup uri", (t) => {
const url1 = "taler://tip/merchant.example.com/-/-/tipid";
const r1 = parseTipUri(url1);
if (!r1) {
t.fail();
return;
}
t.is(
r1.merchantBaseUrl,
"https://merchant.example.com/public/",
);
t.is(r1.merchantBaseUrl, "https://merchant.example.com/public/");
});
test("taler tip pickup uri with instance", t => {
test("taler tip pickup uri with instance", (t) => {
const url1 = "taler://tip/merchant.example.com/-/tipm/tipid";
const r1 = parseTipUri(url1);
if (!r1) {
@ -199,7 +199,7 @@ test("taler tip pickup uri with instance", t => {
t.is(r1.merchantTipId, "tipid");
});
test("taler tip pickup uri with instance and prefix", t => {
test("taler tip pickup uri with instance and prefix", (t) => {
const url1 = "taler://tip/merchant.example.com/my%2fpfx/tipm/tipid";
const r1 = parseTipUri(url1);
if (!r1) {

6
src/util/time.ts
View File

@ -138,7 +138,11 @@ export function timestampDifference(t1: Timestamp, t2: Timestamp): Duration {
return { d_ms: Math.abs(t1.t_ms - t2.t_ms) };
}
export function timestampIsBetween(t: Timestamp, start: Timestamp, end: Timestamp) {
export function timestampIsBetween(
t: Timestamp,
start: Timestamp,
end: Timestamp,
) {
if (timestampCmp(t, start) < 0) {
return false;
}

7
src/util/timer.ts
View File

@ -31,8 +31,7 @@ export interface TimerHandle {
}
class IntervalHandle {
constructor(public h: any) {
}
constructor(public h: any) {}
clear() {
clearInterval(this.h);
@ -40,8 +39,7 @@ class IntervalHandle {
}
class TimeoutHandle {
constructor(public h: any) {
}
constructor(public h: any) {}
clear() {
clearTimeout(this.h);
@ -78,7 +76,6 @@ export function after(delayMs: number, callback: () => void): TimerHandle {
return new TimeoutHandle(setTimeout(callback, delayMs));
}
const nullTimerHandle = {
clear() {
// do nothing

2
src/util/wire.ts
View File

@ -14,7 +14,6 @@
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
/**
* Display and manipulate wire information.
*
@ -50,4 +49,3 @@ export function summarizeWire(w: any): string {
return i18n.str`Unknown Wire Detail`;
}
}

4
src/wallet.ts
View File

@ -640,7 +640,9 @@ export class Wallet {
* Accept a refund, return the contract hash for the contract
* that was involved in the refund.
*/
async applyRefund(talerRefundUri: string): Promise<{ contractTermsHash: string }> {
async applyRefund(
talerRefundUri: string,
): Promise<{ contractTermsHash: string }> {
return applyRefund(this.ws, talerRefundUri);
}

16
src/webex/background.html
View File

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="../../dist/background-bundle.js"></script>
<title>(wallet bg page)</title>
</head>
<body>
<img id="taler-logo" src="/img/icon.png">
</body>
<head>
<meta charset="UTF-8" />
<script src="../../dist/background-bundle.js"></script>
<title>(wallet bg page)</title>
</head>
<body>
<img id="taler-logo" src="/img/icon.png" />
</body>
</html>

59
src/webex/chromeBadge.ts
View File

@ -14,10 +14,8 @@
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
import { isFirefox } from "./compat";
/**
* Polyfill for requestAnimationFrame, which
* doesn't work from a background page.
@ -28,7 +26,6 @@ function rAF(cb: (ts: number) => void) {
}, 100 /* 100 ms delay between frames */);
}
/**
* Badge for Chrome that renders a Taler logo with a rotating ring if some
* background activity is happening.
@ -139,16 +136,27 @@ export class ChromeBadge {
if (this.animationRunning) {
/* Draw circle around the "T" with an opening of this.gapWidth */
const aMax = ChromeBadge.rotationAngleMax;
const startAngle = this.rotationAngle / aMax * Math.PI * 2;
const stopAngle = ((this.rotationAngle + aMax - this.gapWidth) / aMax) * Math.PI * 2;
this.ctx.arc(0, 0, this.canvas.width / 2 - 2, /* radius */ startAngle, stopAngle, false);
const startAngle = (this.rotationAngle / aMax) * Math.PI * 2;
const stopAngle =
((this.rotationAngle + aMax - this.gapWidth) / aMax) * Math.PI * 2;
this.ctx.arc(
0,
0,
this.canvas.width / 2 - 2,
/* radius */ startAngle,
stopAngle,
false,
);
} else {
/* Draw full circle */
this.ctx.arc(0, 0,
this.canvas.width / 2 - 2, /* radius */
0,
Math.PI * 2,
false);
this.ctx.arc(
0,
0,
this.canvas.width / 2 - 2 /* radius */,
0,
Math.PI * 2,
false,
);
}
this.ctx.stroke();
// go back to the origin
@ -162,7 +170,14 @@ export class ChromeBadge {
const ch = this.canvas.height;
this.ctx.beginPath();
this.ctx.arc(cw - r, ch - r, r, 0, 2 * Math.PI, false);
const gradient = this.ctx.createRadialGradient(cw - r, ch - r, r, cw - r, ch - r, 5);
const gradient = this.ctx.createRadialGradient(
cw - r,
ch - r,
r,
cw - r,
ch - r,
5,
);
gradient.addColorStop(0, "rgba(255, 255, 255, 1)");
gradient.addColorStop(1, "blue");
this.ctx.fillStyle = gradient;
@ -173,11 +188,13 @@ export class ChromeBadge {
// tslint:disable-next-line:no-string-literal
if (window["chrome"] && window.chrome["browserAction"]) {
try {
const imageData = this.ctx.getImageData(0,
0,
this.canvas.width,
this.canvas.height);
chrome.browserAction.setIcon({imageData});
const imageData = this.ctx.getImageData(
0,
0,
this.canvas.width,
this.canvas.height,
);
chrome.browserAction.setIcon({ imageData });
} catch (e) {
// Might fail if browser has over-eager canvas fingerprinting countermeasures.
// There's nothing we can do then ...
@ -194,7 +211,7 @@ export class ChromeBadge {
return;
}
this.animationRunning = true;
let start: number|undefined;
let start: number | undefined;
const step = (timestamp: number) => {
if (!this.animationRunning) {
return;
@ -206,8 +223,10 @@ export class ChromeBadge {
// stop if we're close enough to origin
this.rotationAngle = 0;
} else {
this.rotationAngle = (this.rotationAngle + (timestamp - start) *
ChromeBadge.rotationSpeed) % ChromeBadge.rotationAngleMax;
this.rotationAngle =
(this.rotationAngle +
(timestamp - start) * ChromeBadge.rotationSpeed) %
ChromeBadge.rotationAngleMax;
}
if (this.isBusy) {
if (this.gapWidth < ChromeBadge.openMax) {

12
src/webex/compat.ts
View File

@ -20,16 +20,16 @@
*/
export function isFirefox(): boolean {
const rt = chrome.runtime as any;
if (typeof rt.getBrowserInfo === "function") {
return true;
}
return false;
const rt = chrome.runtime as any;
if (typeof rt.getBrowserInfo === "function") {
return true;
}
return false;
}
/**
* Check if we are running under nodejs.
*/
export function isNode() {
return (typeof process !== 'undefined') && (process.release.name === 'node')
return typeof process !== "undefined" && process.release.name === "node";
}

75
src/webex/i18n.tsx
View File

@ -21,19 +21,17 @@
/**
* Imports.
*/
import {strings} from "../i18n/strings";
import { strings } from "../i18n/strings";
// @ts-ignore: no type decl for this library
import * as jedLib from "jed";
import * as React from "react";
const jed = setupJed();
let enableTracing = false;
/**
* Set up jed library for internationalization,
* based on browser language settings.
@ -56,7 +54,6 @@ function setupJed(): any {
return new jedLib.Jed(strings[lang]);
}
/**
* Convert template strings to a msgid
*/
@ -71,22 +68,22 @@ function toI18nString(stringSeq: ReadonlyArray<string>) {
return s;
}
/**
* Internationalize a string template with arbitrary serialized values.
*/
export function str(stringSeq: TemplateStringsArray, ...values: any[]) {
const s = toI18nString(stringSeq);
const tr = jed.translate(s).ifPlural(1, s).fetch(...values);
const tr = jed
.translate(s)
.ifPlural(1, s)
.fetch(...values);
return tr;
}
interface TranslateSwitchProps {
target: number;
}
function stringifyChildren(children: any): string {
let n = 1;
const ss = React.Children.map(children, (c) => {
@ -100,7 +97,6 @@ function stringifyChildren(children: any): string {
return s;
}
interface TranslateProps {
/**
* Component that the translated element should be wrapped in.
@ -114,7 +110,6 @@ interface TranslateProps {
wrapProps?: any;
}
/**
* Translate text node children of this component.
* If a child component might produce a text node, it must be wrapped
@ -130,11 +125,19 @@ interface TranslateProps {
export class Translate extends React.Component<TranslateProps, {}> {
render(): JSX.Element {
const s = stringifyChildren(this.props.children);
const tr = jed.ngettext(s, s, 1).split(/%(\d+)\$s/).filter((e: any, i: number) => i % 2 === 0);
const tr = jed
.ngettext(s, s, 1)
.split(/%(\d+)\$s/)
.filter((e: any, i: number) => i % 2 === 0);
const childArray = React.Children.toArray(this.props.children!);
for (let i = 0; i < childArray.length - 1; ++i) {
if ((typeof childArray[i]) === "string" && (typeof childArray[i + 1]) === "string") {
childArray[i + 1] = (childArray[i] as string).concat(childArray[i + 1] as string);
if (
typeof childArray[i] === "string" &&
typeof childArray[i + 1] === "string"
) {
childArray[i + 1] = (childArray[i] as string).concat(
childArray[i + 1] as string,
);
childArray.splice(i, 1);
}
}
@ -158,7 +161,6 @@ export class Translate extends React.Component<TranslateProps, {}> {
}
}
/**
* Switch translation based on singular or plural based on the target prop.
* Should only contain TranslateSingular and TransplatePlural as children.
@ -171,7 +173,10 @@ export class Translate extends React.Component<TranslateProps, {}> {
* </TranslateSwitch>
* ```
*/
export class TranslateSwitch extends React.Component<TranslateSwitchProps, void> {
export class TranslateSwitch extends React.Component<
TranslateSwitchProps,
void
> {
render(): JSX.Element {
let singular: React.ReactElement<TranslationPluralProps> | undefined;
let plural: React.ReactElement<TranslationPluralProps> | undefined;
@ -186,7 +191,7 @@ export class TranslateSwitch extends React.Component<TranslateSwitchProps, void>
}
});
}
if ((!singular) || (!plural)) {
if (!singular || !plural) {
console.error("translation not found");
return React.createElement("span", {}, ["translation not found"]);
}
@ -198,7 +203,6 @@ export class TranslateSwitch extends React.Component<TranslateSwitchProps, void>
}
}
interface TranslationPluralProps {
target: number;
}
@ -206,14 +210,24 @@ interface TranslationPluralProps {
/**
* See [[TranslateSwitch]].
*/
export class TranslatePlural extends React.Component<TranslationPluralProps, void> {
export class TranslatePlural extends React.Component<
TranslationPluralProps,
void
> {
render(): JSX.Element {
const s = stringifyChildren(this.props.children);
const tr = jed.ngettext(s, s, 1).split(/%(\d+)\$s/).filter((e: any, i: number) => i % 2 === 0);
const tr = jed
.ngettext(s, s, 1)
.split(/%(\d+)\$s/)
.filter((e: any, i: number) => i % 2 === 0);
const childArray = React.Children.toArray(this.props.children!);
for (let i = 0; i < childArray.length - 1; ++i) {
if ((typeof childArray[i]) === "string" && (typeof childArray[i + 1]) === "string") {
childArray[i + i] = childArray[i] as string + childArray[i + 1] as string;
if (
typeof childArray[i] === "string" &&
typeof childArray[i + 1] === "string"
) {
childArray[i + i] = ((childArray[i] as string) +
childArray[i + 1]) as string;
childArray.splice(i, 1);
}
}
@ -234,18 +248,27 @@ export class TranslatePlural extends React.Component<TranslationPluralProps, voi
}
}
/**
* See [[TranslateSwitch]].
*/
export class TranslateSingular extends React.Component<TranslationPluralProps, void> {
export class TranslateSingular extends React.Component<
TranslationPluralProps,
void
> {
render(): JSX.Element {
const s = stringifyChildren(this.props.children);
const tr = jed.ngettext(s, s, 1).split(/%(\d+)\$s/).filter((e: any, i: number) => i % 2 === 0);
const tr = jed
.ngettext(s, s, 1)
.split(/%(\d+)\$s/)
.filter((e: any, i: number) => i % 2 === 0);
const childArray = React.Children.toArray(this.props.children!);
for (let i = 0; i < childArray.length - 1; ++i) {
if ((typeof childArray[i]) === "string" && (typeof childArray[i + 1]) === "string") {
childArray[i + i] = childArray[i] as string + childArray[i + 1] as string;
if (
typeof childArray[i] === "string" &&
typeof childArray[i + 1] === "string"
) {
childArray[i + i] = ((childArray[i] as string) +
childArray[i + 1]) as string;
childArray.splice(i, 1);
}
}

8
src/webex/messages.ts
View File

@ -147,7 +147,10 @@ export interface MessageMap {
response: walletTypes.BenchmarkResult;
};
"get-withdraw-details": {
request: { talerWithdrawUri: string; maybeSelectedExchange: string | undefined };
request: {
talerWithdrawUri: string;
maybeSelectedExchange: string | undefined;
};
response: walletTypes.WithdrawDetails;
};
"accept-withdrawal": {
@ -159,12 +162,11 @@ export interface MessageMap {
response: walletTypes.PreparePayResult;
};
"get-diagnostics": {
request: { };
request: {};
response: walletTypes.WalletDiagnostics;
};
}
/**
* String literal types for messages.
*/

44
src/webex/notify.ts
View File

@ -41,18 +41,17 @@ if (document.documentElement.getAttribute("data-taler-nojs")) {
interface Handler {
type: string;
listener: (e: Event) => void|Promise<void>;
listener: (e: Event) => void | Promise<void>;
}
const handlers: Handler[] = [];
let sheet: CSSStyleSheet|null;
let sheet: CSSStyleSheet | null;
function initStyle() {
logVerbose && console.log("taking over styles");
const name = "taler-presence-stylesheet";
const content = "/* Taler stylesheet controlled by JS */";
let style = document.getElementById(name) as HTMLStyleElement|null;
let style = document.getElementById(name) as HTMLStyleElement | null;
if (!style) {
style = document.createElement("style");
// Needed by WebKit
@ -68,7 +67,9 @@ function initStyle() {
style.innerText = content;
}
if (!style.sheet) {
throw Error("taler-presence-stylesheet should be a style sheet (<link> or <style>)");
throw Error(
"taler-presence-stylesheet should be a style sheet (<link> or <style>)",
);
}
sheet = style.sheet as CSSStyleSheet;
while (sheet.cssRules.length > 0) {
@ -77,7 +78,6 @@ function initStyle() {
}
}
function setStyles(installed: boolean) {
if (!sheet || !sheet.cssRules) {
return;
@ -93,7 +93,6 @@ function setStyles(installed: boolean) {
}
}
function onceOnComplete(cb: () => void) {
if (document.readyState === "complete") {
cb();
@ -106,7 +105,6 @@ function onceOnComplete(cb: () => void) {
}
}
function init() {
onceOnComplete(() => {
if (document.documentElement.getAttribute("data-taler-nojs")) {
@ -131,7 +129,6 @@ function init() {
type HandlerFn = (detail: any, sendResponse: (msg: any) => void) => void;
function registerHandlers() {
/**
* Add a handler for a DOM event, which automatically
@ -149,12 +146,16 @@ function registerHandlers() {
}
let callId: number | undefined;
let detail;
if ((e instanceof CustomEvent) && e.detail && e.detail.callId !== undefined) {
if (
e instanceof CustomEvent &&
e.detail &&
e.detail.callId !== undefined
) {
callId = e.detail.callId;
detail = e.detail;
}
const responder = (msg?: any) => {
const fullMsg = Object.assign({}, msg, {callId});
const fullMsg = Object.assign({}, msg, { callId });
let opts = { detail: fullMsg };
if ("function" === typeof cloneInto) {
opts = cloneInto(opts, document.defaultView);
@ -165,7 +166,7 @@ function registerHandlers() {
handler(detail, responder);
};
document.addEventListener(type, handlerWrap);
handlers.push({type, listener: handlerWrap});
handlers.push({ type, listener: handlerWrap });
}
addHandler("taler-query-id", (msg: any, sendResponse: any) => {
@ -178,25 +179,34 @@ function registerHandlers() {
});
addHandler("taler-create-reserve", (msg: any) => {
const uri = new URL(chrome.extension.getURL("/src/webex/pages/confirm-create-reserve.html"));
const uri = new URL(
chrome.extension.getURL("/src/webex/pages/confirm-create-reserve.html"),
);
uri.searchParams.set("amount", JSON.stringify(msg.amount));
uri.searchParams.set("bank_url", document.location.href);
uri.searchParams.set("callback_url", new URL(msg.callback_url, document.location.href).href);
uri.searchParams.set(
"callback_url",
new URL(msg.callback_url, document.location.href).href,
);
uri.searchParams.set("suggested_exchange_url", msg.suggested_exchange_url);
uri.searchParams.set("wt_types", JSON.stringify(msg.wt_types));
window.location.href = uri.href;
});
addHandler("taler-add-auditor", (msg: any) => {
const uri = new URL(chrome.extension.getURL("/src/webex/pages/add-auditor.html"));
uri.searchParams.set("req", JSON.stringify(msg))
const uri = new URL(
chrome.extension.getURL("/src/webex/pages/add-auditor.html"),
);
uri.searchParams.set("req", JSON.stringify(msg));
window.location.href = uri.href;
});
addHandler("taler-confirm-reserve", async (msg: any, sendResponse: any) => {
const reservePub = msg.reserve_pub;
if (typeof reservePub !== "string") {
console.error("taler-confirm-reserve expects parameter reserve_pub of type 'string'");
console.error(
"taler-confirm-reserve expects parameter reserve_pub of type 'string'",
);
return;
}
await wxApi.confirmReserve(msg.reserve_pub);

44
src/webex/pages/add-auditor.html
View File

@ -1,32 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<head>
<meta charset="UTF-8">
<title>Taler Wallet: Add Auditor</title>
<title>Taler Wallet: Add Auditor</title>
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<link rel="icon" href="/img/icon.png" />
<link rel="icon" href="/img/icon.png">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/add-auditor-bundle.js"></script>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/add-auditor-bundle.js"></script>
<style>
.tree-item {
margin: 2em;
border-radius: 5px;
border: 1px solid gray;
padding: 1em;
}
.button-linky {
background: none;
color: black;
text-decoration: underline;
border: none;
}
</style>
<style>
.tree-item {
margin: 2em;
border-radius: 5px;
border: 1px solid gray;
padding: 1em;
}
.button-linky {
background: none;
color: black;
text-decoration: underline;
border: none;
}
</style>
</head>
<body>
<div id="container"></div>

8
src/webex/pages/add-auditor.tsx
View File

@ -35,8 +35,7 @@ interface ConfirmAuditorProps {
function ConfirmAuditor(props: ConfirmAuditorProps) {
const [addDone, setAddDone] = useState(false);
const add = async() => {
const add = async () => {
const currencies = await getCurrencies();
let currency: CurrencyRecord | undefined;
@ -78,7 +77,7 @@ function ConfirmAuditor(props: ConfirmAuditorProps) {
await updateCurrency(currency);
setAddDone(true);
}
};
const back = () => {
window.history.back();
@ -115,7 +114,6 @@ function ConfirmAuditor(props: ConfirmAuditorProps) {
);
}
registerMountPage(() => {
const walletPageUrl = new URL(document.location.href);
const url = walletPageUrl.searchParams.get("url");
@ -136,5 +134,5 @@ registerMountPage(() => {
}
const expirationStamp = Number.parseInt(auditorStampStr);
const args = { url, currency, auditorPub, expirationStamp };
return <ConfirmAuditor {...args}/>;
return <ConfirmAuditor {...args} />;
});

50
src/webex/pages/auditors.html
View File

@ -1,34 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Taler Wallet: Auditors</title>
<head>
<meta charset="UTF-8">
<title>Taler Wallet: Auditors</title>
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<link rel="icon" href="/img/icon.png" />
<link rel="icon" href="/img/icon.png">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/auditors-bundle.js"></script>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/auditors-bundle.js"></script>
<style>
body {
font-size: 100%;
}
.tree-item {
margin: 2em;
border-radius: 5px;
border: 1px solid gray;
padding: 1em;
}
.button-linky {
background: none;
color: black;
text-decoration: underline;
border: none;
}
</style>
<style>
body {
font-size: 100%;
}
.tree-item {
margin: 2em;
border-radius: 5px;
border: 1px solid gray;
padding: 1em;
}
.button-linky {
background: none;
color: black;
text-decoration: underline;
border: none;
}
</style>
</head>
<body>
<div id="container"></div>

84
src/webex/pages/auditors.tsx
View File

@ -20,17 +20,13 @@
* @author Florian Dold
*/
import {
AuditorRecord,
CurrencyRecord,
ExchangeForCurrencyRecord,
} from "../../types/dbTypes";
import {
getCurrencies,
updateCurrency,
} from "../wxApi";
import { getCurrencies, updateCurrency } from "../wxApi";
import * as React from "react";
import * as ReactDOM from "react-dom";
@ -60,14 +56,22 @@ class CurrencyList extends React.Component<{}, CurrencyListState> {
}
async confirmRemoveAuditor(c: CurrencyRecord, a: AuditorRecord) {
if (window.confirm(`Do you really want to remove auditor ${a.baseUrl} for currency ${c.name}?`)) {
if (
window.confirm(
`Do you really want to remove auditor ${a.baseUrl} for currency ${c.name}?`,
)
) {
c.auditors = c.auditors.filter((x) => x.auditorPub !== a.auditorPub);
await updateCurrency(c);
}
}
async confirmRemoveExchange(c: CurrencyRecord, e: ExchangeForCurrencyRecord) {
if (window.confirm(`Do you really want to remove exchange ${e.baseUrl} for currency ${c.name}?`)) {
if (
window.confirm(
`Do you really want to remove exchange ${e.baseUrl} for currency ${c.name}?`,
)
) {
c.exchanges = c.exchanges.filter((x) => x.baseUrl !== e.baseUrl);
await updateCurrency(c);
}
@ -81,18 +85,21 @@ class CurrencyList extends React.Component<{}, CurrencyListState> {
<div>
<p>Trusted Auditors:</p>
<ul>
{c.auditors.map((a) => (
<li>
{a.baseUrl}{" "}
<button className="pure-button button-destructive" onClick={() => this.confirmRemoveAuditor(c, a)}>
Remove
</button>
<ul>
<li>valid until {new Date(a.expirationStamp).toString()}</li>
<li>public key {a.auditorPub}</li>
</ul>
</li>
))}
{c.auditors.map((a) => (
<li>
{a.baseUrl}{" "}
<button
className="pure-button button-destructive"
onClick={() => this.confirmRemoveAuditor(c, a)}
>
Remove
</button>
<ul>
<li>valid until {new Date(a.expirationStamp).toString()}</li>
<li>public key {a.auditorPub}</li>
</ul>
</li>
))}
</ul>
</div>
);
@ -106,14 +113,17 @@ class CurrencyList extends React.Component<{}, CurrencyListState> {
<div>
<p>Trusted Exchanges:</p>
<ul>
{c.exchanges.map((e) => (
<li>
{e.baseUrl}{" "}
<button className="pure-button button-destructive" onClick={() => this.confirmRemoveExchange(c, e)}>
Remove
</button>
</li>
))}
{c.exchanges.map((e) => (
<li>
{e.baseUrl}{" "}
<button
className="pure-button button-destructive"
onClick={() => this.confirmRemoveExchange(c, e)}
>
Remove
</button>
</li>
))}
</ul>
</div>
);
@ -126,16 +136,16 @@ class CurrencyList extends React.Component<{}, CurrencyListState> {
}
return (
<div id="main">
{currencies.map((c) => (
<div>
<h1>Currency {c.name}</h1>
<p>Displayed with {c.fractionalDigits} fractional digits.</p>
<h2>Auditors</h2>
<div>{this.renderAuditors(c)}</div>
<h2>Exchanges</h2>
<div>{this.renderExchanges(c)}</div>
</div>
))}
{currencies.map((c) => (
<div>
<h1>Currency {c.name}</h1>
<p>Displayed with {c.fractionalDigits} fractional digits.</p>
<h2>Auditors</h2>
<div>{this.renderAuditors(c)}</div>
<h2>Exchanges</h2>
<div>{this.renderExchanges(c)}</div>
</div>
))}
</div>
);
}

16
src/webex/pages/benchmark.html
View File

@ -1,17 +1,17 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta charset="UTF-8" />
<title>Taler Wallet: Benchmarks</title>
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<link rel="icon" href="/img/icon.png">
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="icon" href="/img/icon.png" />
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/benchmark-bundle.js"></script>
</head>
<body>
<section id="main">
<h1>Benchmarks</h1>
<div id="container"></div>
</section>
<section id="main">
<h1>Benchmarks</h1>
<div id="container"></div>
</section>
</body>
</html>

49
src/webex/pages/benchmark.tsx
View File

@ -14,7 +14,6 @@
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
/**
* Benchmarks for the wallet.
*
@ -31,14 +30,12 @@ import * as React from "react";
import * as ReactDOM from "react-dom";
import { registerMountPage } from "../renderHtml";
interface BenchmarkRunnerState {
repetitions: number;
result?: BenchmarkResult;
running: boolean;
}
function BenchmarkDisplay(props: BenchmarkRunnerState) {
const result = props.result;
if (!result) {
@ -50,24 +47,23 @@ function BenchmarkDisplay(props: BenchmarkRunnerState) {
}
return (
<>
<h2>Results for {result.repetitions} repetitions</h2>
<table className="pure-table">
<thead>
<tr>
<th>{i18n.str`Operation`}</th>
<th>{i18n.str`time (ms/op)`}</th>
</tr>
{
Object.keys(result.time).sort().map(
k =>
<tr>
<td>{k}</td>
<td>{result.time[k] / result.repetitions}</td>
</tr>
)
}
</thead>
</table>
<h2>Results for {result.repetitions} repetitions</h2>
<table className="pure-table">
<thead>
<tr>
<th>{i18n.str`Operation`}</th>
<th>{i18n.str`time (ms/op)`}</th>
</tr>
{Object.keys(result.time)
.sort()
.map((k) => (
<tr>
<td>{k}</td>
<td>{result.time[k] / result.repetitions}</td>
</tr>
))}
</thead>
</table>
</>
);
}
@ -91,10 +87,13 @@ class BenchmarkRunner extends React.Component<any, BenchmarkRunnerState> {
return (
<div>
<label>Repetitions:</label>
<input type="number"
value={this.state.repetitions}
onChange={(evt) => this.setState({ repetitions: Number.parseInt(evt.target.value) })} />
{" "}
<input
type="number"
value={this.state.repetitions}
onChange={(evt) =>
this.setState({ repetitions: Number.parseInt(evt.target.value) })
}
/>{" "}
<button onClick={() => this.run()}>Run</button>
<BenchmarkDisplay {...this.state} />
</div>

129
src/webex/pages/pay.html
View File

@ -1,79 +1,76 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Taler Wallet: Confirm Contract</title>
<head>
<meta charset="UTF-8">
<title>Taler Wallet: Confirm Contract</title>
<link rel="stylesheet" type="text/css" href="../style/pure.css" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="stylesheet" type="text/css" href="../style/pure.css">
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<link rel="icon" href="/img/icon.png" />
<link rel="icon" href="/img/icon.png">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/pay-bundle.js"></script>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/pay-bundle.js"></script>
<style>
button.accept {
background-color: #5757d2;
border: 1px solid black;
border-radius: 5px;
margin: 1em 0;
padding: 0.5em;
font-weight: bold;
color: white;
}
button.linky {
background: none !important;
border: none;
padding: 0 !important;
<style>
button.accept {
background-color: #5757D2;
border: 1px solid black;
border-radius: 5px;
margin: 1em 0;
padding: 0.5em;
font-weight: bold;
color: white;
}
button.linky {
background:none!important;
border:none;
padding:0!important;
font-family: arial, sans-serif;
color: #069;
text-decoration: underline;
cursor: pointer;
}
font-family:arial,sans-serif;
color:#069;
text-decoration:underline;
cursor:pointer;
}
input.url {
width: 25em;
}
input.url {
width: 25em;
}
button.accept:disabled {
background-color: #dedbe8;
border: 1px solid white;
border-radius: 5px;
margin: 1em 0;
padding: 0.5em;
font-weight: bold;
color: #2c2c2c;
}
.errorbox {
border: 1px solid;
display: inline-block;
margin: 1em;
padding: 1em;
font-weight: bold;
background: #ff8a8a;
}
button.accept:disabled {
background-color: #dedbe8;
border: 1px solid white;
border-radius: 5px;
margin: 1em 0;
padding: 0.5em;
font-weight: bold;
color: #2C2C2C;
}
.errorbox {
border: 1px solid;
display: inline-block;
margin: 1em;
padding: 1em;
font-weight: bold;
background: #FF8A8A;
}
.okaybox {
border: 1px solid;
display: inline-block;
margin: 1em;
padding: 1em;
font-weight: bold;
background: #00FA9A;
}
</style>
</head>
<body>
<section id="main">
<h1>GNU Taler Wallet</h1>
<article id="container" class="fade"></article>
</section>
</body>
.okaybox {
border: 1px solid;
display: inline-block;
margin: 1em;
padding: 1em;
font-weight: bold;
background: #00fa9a;
}
</style>
</head>
<body>
<section id="main">
<h1>GNU Taler Wallet</h1>
<article id="container" class="fade"></article>
</section>
</body>
</html>

17
src/webex/pages/pay.tsx
View File

@ -78,17 +78,15 @@ function TalerPayDialog({ talerPayUri }: { talerPayUri: string }) {
let contractTerms: ContractTerms;
try {
contractTerms = codecForContractTerms().decode(JSON.parse(payStatus.contractTermsRaw));
contractTerms = codecForContractTerms().decode(
JSON.parse(payStatus.contractTermsRaw),
);
} catch (e) {
// This should never happen, as the wallet is supposed to check the contract terms
// before storing them.
console.error(e);
console.log("raw contract terms were", payStatus.contractTermsRaw);
return (
<span>
Invalid contract terms.
</span>
);
return <span>Invalid contract terms.</span>;
}
if (!contractTerms) {
@ -149,7 +147,9 @@ function TalerPayDialog({ talerPayUri }: { talerPayUri: string }) {
{insufficientBalance ? (
<div>
<p style={{color: "red", fontWeight: "bold"}}>Unable to pay: Your balance is insufficient.</p>
<p style={{ color: "red", fontWeight: "bold" }}>
Unable to pay: Your balance is insufficient.
</p>
</div>
) : null}
@ -168,7 +168,8 @@ function TalerPayDialog({ talerPayUri }: { talerPayUri: string }) {
<ProgressButton
loading={loading}
disabled={insufficientBalance}
onClick={() => doPayment()}>
onClick={() => doPayment()}
>
{i18n.str`Confirm payment`}
</ProgressButton>
</div>

50
src/webex/pages/payback.html
View File

@ -1,34 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Taler Wallet: Payback</title>
<head>
<meta charset="UTF-8">
<title>Taler Wallet: Payback</title>
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<link rel="icon" href="/img/icon.png" />
<link rel="icon" href="/img/icon.png">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/payback-bundle.js"></script>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/payback-bundle.js"></script>
<style>
body {
font-size: 100%;
}
.tree-item {
margin: 2em;
border-radius: 5px;
border: 1px solid gray;
padding: 1em;
}
.button-linky {
background: none;
color: black;
text-decoration: underline;
border: none;
}
</style>
<style>
body {
font-size: 100%;
}
.tree-item {
margin: 2em;
border-radius: 5px;
border: 1px solid gray;
padding: 1em;
}
.button-linky {
background: none;
color: black;
text-decoration: underline;
border: none;
}
</style>
</head>
<body>
<div id="container"></div>

240
src/webex/pages/popup.css
View File

@ -1,4 +1,3 @@
/**
* @author Gabor X. Toth
* @author Marcello Stanisci
@ -6,182 +5,181 @@
*/
body {
min-height: 20em;
width: 30em;
margin: 0;
padding: 0;
max-height: 800px;
overflow: hidden;
background-color: #f8faf7;
font-family: Arial, Helvetica, sans-serif;
min-height: 20em;
width: 30em;
margin: 0;
padding: 0;
max-height: 800px;
overflow: hidden;
background-color: #f8faf7;
font-family: Arial, Helvetica, sans-serif;
}
.nav {
background-color: #033;
padding: 0.5em 0;
background-color: #033;
padding: 0.5em 0;
}
.nav a {
color: #f8faf7;
padding: 0.7em 1.4em;
text-decoration: none;
color: #f8faf7;
padding: 0.7em 1.4em;
text-decoration: none;
}
.nav a.active {
background-color: #f8faf7;
color: #000;
font-weight: bold;
background-color: #f8faf7;
color: #000;
font-weight: bold;
}
.container {
overflow-y: scroll;
max-height: 400px;
overflow-y: scroll;
max-height: 400px;
}
.abbrev {
text-decoration-style: dotted;
text-decoration-style: dotted;
}
#content {
padding: 1em;
padding: 1em;
}
#wallet-table .amount {
text-align: right;
text-align: right;
}
.hidden {
display: none;
display: none;
}
#transactions-table th,
#transactions-table td {
padding: 0.2em 0.5em;
padding: 0.2em 0.5em;
}
#reserve-create table {
width: 100%;
width: 100%;
}
#reserve-create table td.label {
width: 5em;
width: 5em;
}
#reserve-create table .input input[type="text"] {
width: 100%;
width: 100%;
}
.historyItem {
min-width: 380px;
display: flex;
flex-direction: row;
border-bottom: 1px solid #d9dbd8;
padding: 0.5em;
align-items: center;
}
min-width: 380px;
display: flex;
flex-direction: row;
border-bottom: 1px solid #d9dbd8;
padding: 0.5em;
align-items: center;
}
.historyItem .amount {
font-size: 110%;
font-weight: bold;
text-align: right;
}
.historyItem .amount {
font-size: 110%;
font-weight: bold;
text-align: right;
}
.historyDate,
.historyTitle,
.historyText,
.historySmall {
margin: 0.3em;
}
.historyDate,
.historyTitle,
.historyText,
.historySmall {
margin: 0.3em;
}
.historyDate {
font-size: 90%;
color: slategray;
text-align: right;
}
.historyDate {
font-size: 90%;
color: slategray;
text-align: right;
}
.historyLeft {
display: flex;
flex-direction: column;
text-align: right;
}
.historyLeft {
display: flex;
flex-direction: column;
text-align: right;
}
.historyContent {
flex: 1;
}
.historyContent {
flex: 1;
}
.historyTitle {
font-weight: 400;
}
.historyTitle {
font-weight: 400;
}
.historyText {
font-size: 90%;
}
.historyText {
font-size: 90%;
}
.historySmall {
font-size: 70%;
text-transform: uppercase;
}
.historySmall {
font-size: 70%;
text-transform: uppercase;
}
.historyAmount {
flex-grow: 1;
}
.historyAmount {
flex-grow: 1;
}
.historyAmount .primary {
font-size: 100%;
}
.historyAmount .primary {
font-size: 100%;
}
.historyAmount .secondary {
font-size: 80%;
}
.historyAmount .secondary {
font-size: 80%;
}
.historyAmount .positive {
color: #088;
}
.historyAmount .positive {
color: #088;
}
.historyAmount .positive:before {
content: "+";
}
.historyAmount .positive:before {
content: "+";
}
.historyAmount .negative {
color: #800
}
.historyAmount .negative {
color: #800;
}
.historyAmount .negative:before {
color: #800;
content: "-";
}
.icon {
margin: 0 10px;
text-align: center;
width: 35px;
font-size: 20px;
border-radius: 50%;
background: #ccc;
color: #fff;
padding-top: 4px;
height: 30px;
}
.historyAmount .negative:before {
color: #800;
content: "-";
}
.icon {
margin: 0 10px;
text-align: center;
width: 35px;
font-size: 20px;
border-radius: 50%;
background: #ccc;
color: #fff;
padding-top: 4px;
height: 30px;
}
.option {
text-transform: uppercase;
text-align: right;
padding: 0.4em;
font-size: 0.9em;
}
.option {
text-transform: uppercase;
text-align: right;
padding: 0.4em;
font-size: 0.9em;
}
input[type=checkbox], input[type=radio] {
vertical-align: middle;
position: relative;
bottom: 1px;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: middle;
position: relative;
bottom: 1px;
}
input[type=radio] {
bottom: 2px;
}
input[type="radio"] {
bottom: 2px;
}
.balance {
text-align: center;
padding-top: 2em;
}
.balance {
text-align: center;
padding-top: 2em;
}

22
src/webex/pages/popup.html
View File

@ -1,18 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="stylesheet" type="text/css" href="popup.css" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<link rel="stylesheet" type="text/css" href="popup.css">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/popup-bundle.js"></script>
</head>
<body>
<div id="container" style="margin:0;padding:0"></div>
</body>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/popup-bundle.js"></script>
</head>
<body>
<div id="container" style="margin: 0; padding: 0;"></div>
</body>
</html>

78
src/webex/pages/popup.tsx
View File

@ -29,10 +29,7 @@ import * as i18n from "../i18n";
import { AmountJson } from "../../util/amounts";
import * as Amounts from "../../util/amounts";
import {
WalletBalance,
WalletBalanceEntry,
} from "../../types/walletTypes";
import { WalletBalance, WalletBalanceEntry } from "../../types/walletTypes";
import {
abbrev,
@ -98,7 +95,7 @@ class Router extends React.Component<any, any> {
console.log("rendering route", route);
let defaultChild: React.ReactChild | null = null;
let foundChild: React.ReactChild | null = null;
React.Children.forEach(this.props.children, child => {
React.Children.forEach(this.props.children, (child) => {
const childProps: any = (child as any).props;
if (!childProps) {
return;
@ -188,7 +185,7 @@ function bigAmount(amount: AmountJson): JSX.Element {
const v = amount.value + amount.fraction / Amounts.fractionalBase;
return (
<span>
<span style={{ fontSize: "5em", display: 'block'}}>{v}</span>{" "}
<span style={{ fontSize: "5em", display: "block" }}>{v}</span>{" "}
<span>{amount.currency}</span>
</span>
);
@ -281,7 +278,7 @@ class WalletBalanceView extends React.Component<any, any> {
);
}
const l = [incoming, payment].filter(x => x !== undefined);
const l = [incoming, payment].filter((x) => x !== undefined);
if (l.length === 0) {
return <span />;
}
@ -300,7 +297,7 @@ class WalletBalanceView extends React.Component<any, any> {
const wallet = this.balance;
if (this.gotError) {
return (
<div className='balance'>
<div className="balance">
<p>{i18n.str`Error: could not retrieve balance information.`}</p>
<p>
Click <PageLink pageName="welcome.html">here</PageLink> for help and
@ -313,7 +310,7 @@ class WalletBalanceView extends React.Component<any, any> {
return <span></span>;
}
console.log(wallet);
const listing = Object.keys(wallet.byCurrency).map(key => {
const listing = Object.keys(wallet.byCurrency).map((key) => {
const entry: WalletBalanceEntry = wallet.byCurrency[key];
return (
<p>
@ -321,7 +318,11 @@ class WalletBalanceView extends React.Component<any, any> {
</p>
);
});
return listing.length > 0 ? <div className='balance'>{listing}</div> : <EmptyBalanceView />;
return listing.length > 0 ? (
<div className="balance">{listing}</div>
) : (
<EmptyBalanceView />
);
}
}
@ -356,7 +357,7 @@ function HistoryItem({
invalid,
timestamp,
icon,
negative = false
negative = false,
}: HistoryItemProps) {
function formatDate(timestamp: number | "never") {
if (timestamp !== "never") {
@ -425,7 +426,7 @@ function HistoryItem({
function amountDiff(
total: string | Amounts.AmountJson,
partial: string | Amounts.AmountJson
partial: string | Amounts.AmountJson,
): Amounts.AmountJson | string {
let a = typeof total === "string" ? Amounts.parse(total) : total;
let b = typeof partial === "string" ? Amounts.parse(partial) : partial;
@ -436,12 +437,11 @@ function amountDiff(
}
}
function parseSummary(summary: string) {
let parsed = summary.split(/: (.+)/);
return {
merchant: parsed[0],
item: parsed[1]
item: parsed[1],
};
}
@ -454,7 +454,7 @@ function formatHistoryItem(historyItem: HistoryEvent) {
small={i18n.str`Refresh sessions has completed`}
fees={amountDiff(
historyItem.amountRefreshedRaw,
historyItem.amountRefreshedEffective
historyItem.amountRefreshedEffective,
)}
/>
);
@ -462,7 +462,7 @@ function formatHistoryItem(historyItem: HistoryEvent) {
case "order-refused": {
const { merchant, item } = parseSummary(
historyItem.orderShortInfo.summary
historyItem.orderShortInfo.summary,
);
return (
<HistoryItem
@ -477,7 +477,7 @@ function formatHistoryItem(historyItem: HistoryEvent) {
case "order-redirected": {
const { merchant, item } = parseSummary(
historyItem.newOrderShortInfo.summary
historyItem.newOrderShortInfo.summary,
);
return (
<HistoryItem
@ -492,7 +492,7 @@ function formatHistoryItem(historyItem: HistoryEvent) {
case "payment-aborted": {
const { merchant, item } = parseSummary(
historyItem.orderShortInfo.summary
historyItem.orderShortInfo.summary,
);
return (
<HistoryItem
@ -510,18 +510,15 @@ function formatHistoryItem(historyItem: HistoryEvent) {
case "payment-sent": {
const url = historyItem.orderShortInfo.fulfillmentUrl;
const { merchant, item } = parseSummary(
historyItem.orderShortInfo.summary
historyItem.orderShortInfo.summary,
);
const fees = amountDiff(
historyItem.amountPaidWithFees,
historyItem.orderShortInfo.amount
historyItem.orderShortInfo.amount,
);
const fulfillmentLinkElem = (
<Fragment>
<a
href={url}
onClick={openTab(url)}
>
<a href={url} onClick={openTab(url)}>
{item ? abbrev(item, 30) : null}
</a>
</Fragment>
@ -542,14 +539,11 @@ function formatHistoryItem(historyItem: HistoryEvent) {
case "order-accepted": {
const url = historyItem.orderShortInfo.fulfillmentUrl;
const { merchant, item } = parseSummary(
historyItem.orderShortInfo.summary
historyItem.orderShortInfo.summary,
);
const fulfillmentLinkElem = (
<Fragment>
<a
href={url}
onClick={openTab(url)}
>
<a href={url} onClick={openTab(url)}>
{item ? abbrev(item, 40) : null}
</a>
</Fragment>
@ -573,7 +567,7 @@ function formatHistoryItem(historyItem: HistoryEvent) {
small={i18n.str`Reserve balance updated`}
fees={amountDiff(
historyItem.amountExpected,
historyItem.amountReserveBalance
historyItem.amountReserveBalance,
)}
/>
);
@ -593,9 +587,9 @@ function formatHistoryItem(historyItem: HistoryEvent) {
fees={amountDiff(
amountDiff(
historyItem.amountRefundedRaw,
historyItem.amountRefundedInvalid
historyItem.amountRefundedInvalid,
),
historyItem.amountRefundedEffective
historyItem.amountRefundedEffective,
)}
/>
);
@ -604,7 +598,7 @@ function formatHistoryItem(historyItem: HistoryEvent) {
const exchange = new URL(historyItem.exchangeBaseUrl).host;
const fees = amountDiff(
historyItem.amountWithdrawnRaw,
historyItem.amountWithdrawnEffective
historyItem.amountWithdrawnEffective,
);
return (
<HistoryItem
@ -663,7 +657,7 @@ class WalletHistory extends React.Component<any, any> {
"refreshed",
"reserve-balance-updated",
"exchange-updated",
"exchange-added"
"exchange-added",
];
componentWillMount() {
@ -678,7 +672,7 @@ class WalletHistory extends React.Component<any, any> {
}
update() {
chrome.runtime.sendMessage({ type: "get-history" }, resp => {
chrome.runtime.sendMessage({ type: "get-history" }, (resp) => {
if (this.unmounted) {
return;
}
@ -709,15 +703,13 @@ class WalletHistory extends React.Component<any, any> {
}
const listing: any[] = [];
const messages = history
.reverse()
.filter(hEvent => {
if (!this.state.filter) return true;
return this.hidenTypes.indexOf(hEvent.type) === -1;
});
const messages = history.reverse().filter((hEvent) => {
if (!this.state.filter) return true;
return this.hidenTypes.indexOf(hEvent.type) === -1;
});
for (const record of messages) {
const item = (<HistoryComponent key={record.eventId} record={record} />);
const item = <HistoryComponent key={record.eventId} record={record} />;
listing.push(item);
}
@ -821,5 +813,5 @@ function WalletPopup() {
registerMountPage(() => {
chrome.runtime.connect({ name: "popup" });
return <WalletPopup />
return <WalletPopup />;
});

16
src/webex/pages/redirect.html
View File

@ -1,14 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<head>
<meta charset="utf-8">
<script src="/src/webex/pages/redirect.js"></script>
</head>
<body>
Redirecting to extension page ...
</body>
<script src="/src/webex/pages/redirect.js"></script>
</head>
<body>
Redirecting to extension page ...
</body>
</html>

16
src/webex/pages/refund.html
View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Taler Wallet: Refund Status</title>
<head>
<meta charset="UTF-8">
<title>Taler Wallet: Refund Status</title>
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<link rel="icon" href="/img/icon.png" />
<link rel="icon" href="/img/icon.png">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/refund-bundle.js"></script>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/refund-bundle.js"></script>
</head>
<body>
<section id="main">

7
src/webex/pages/refund.tsx
View File

@ -65,11 +65,10 @@ function RefundStatusView(props: { talerRefundUri: string }) {
<h2>Refund Status</h2>
<p>
The product <em>{purchaseDetails.contractTerms.summary!}</em> has
received a total refund of <AmountView amount={purchaseDetails.totalRefundAmount} />.
</p>
<p>
Note that additional fees from the exchange may apply.
received a total refund of{" "}
<AmountView amount={purchaseDetails.totalRefundAmount} />.
</p>
<p>Note that additional fees from the exchange may apply.</p>
</>
);
}

43
src/webex/pages/reset-required.html
View File

@ -1,30 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Taler Wallet: Select Taler Provider</title>
<head>
<meta charset="UTF-8">
<title>Taler Wallet: Select Taler Provider</title>
<link rel="icon" href="/img/icon.png" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="stylesheet" type="text/css" href="../style/pure.css" />
<link rel="icon" href="/img/icon.png">
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<link rel="stylesheet" type="text/css" href="../style/pure.css">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/reset-required-bundle.js"></script>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/reset-required-bundle.js"></script>
<style>
body {
font-size: 100%;
overflow-y: scroll;
}
</style>
</head>
<body>
<section id="main">
<div id="container"></div>
</section>
</body>
<style>
body {
font-size: 100%;
overflow-y: scroll;
}
</style>
</head>
<body>
<section id="main">
<div id="container"></div>
</section>
</body>
</html>

40
src/webex/pages/reset-required.tsx
View File

@ -14,7 +14,6 @@
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
/**
* Page to inform the user when a database reset is required.
*
@ -38,16 +37,15 @@ class State {
resetRequired: boolean;
}
class ResetNotification extends React.Component<any, State> {
constructor(props: any) {
super(props);
this.state = {checked: false, resetRequired: true};
this.state = { checked: false, resetRequired: true };
setInterval(() => this.update(), 500);
}
async update() {
const res = await wxApi.checkUpgrade();
this.setState({resetRequired: res.dbResetRequired});
this.setState({ resetRequired: res.dbResetRequired });
}
render() {
if (this.state.resetRequired) {
@ -55,32 +53,42 @@ class ResetNotification extends React.Component<any, State> {
<div>
<h1>Manual Reset Reqired</h1>
<p>
The wallet's database in your browser is incompatible with the {" "}
currently installed wallet. Please reset manually.
The wallet's database in your browser is incompatible with the{" "}
currently installed wallet. Please reset manually.
</p>
<p>Once the database format has stabilized, we will provide automatic upgrades.</p>
<input id="check"
type="checkbox"
checked={this.state.checked}
onChange={(e) => this.setState({checked: e.target.checked})} />{" "}
<p>
Once the database format has stabilized, we will provide automatic
upgrades.
</p>
<input
id="check"
type="checkbox"
checked={this.state.checked}
onChange={(e) => this.setState({ checked: e.target.checked })}
/>{" "}
<label htmlFor="check">
I understand that I will lose all my data
</label>
<br />
<button className="pure-button" disabled={!this.state.checked} onClick={() => wxApi.resetDb()}>Reset</button>
<button
className="pure-button"
disabled={!this.state.checked}
onClick={() => wxApi.resetDb()}
>
Reset
</button>
</div>
);
}
return (
<div>
<h1>Everything is fine!</h1>
A reset is not required anymore, you can close this page.
<h1>Everything is fine!</h1>A reset is not required anymore, you can
close this page.
</div>
);
}
}
document.addEventListener("DOMContentLoaded", () => {
ReactDOM.render(<ResetNotification />, document.getElementById( "container")!);
ReactDOM.render(<ResetNotification />, document.getElementById("container")!);
});

18
src/webex/pages/return-coins.html
View File

@ -1,17 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Taler Wallet: Return Coins to Bank Account</title>
<head>
<meta charset="UTF-8">
<title>Taler Wallet: Return Coins to Bank Account</title>
<link rel="stylesheet" type="text/css" href="../style/pure.css" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="stylesheet" type="text/css" href="../style/pure.css">
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<link rel="icon" href="/img/icon.png" />
<link rel="icon" href="/img/icon.png">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/return-coins-bundle.js"></script>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/return-coins-bundle.js"></script>
</head>
<body>
<div id="container"></div>

167
src/webex/pages/return-coins.tsx
View File

@ -20,7 +20,6 @@
* @author Florian Dold
*/
/**
* Imports.
*/
@ -28,20 +27,13 @@
import { AmountJson } from "../../util/amounts";
import * as Amounts from "../../util/amounts";
import {
SenderWireInfos,
WalletBalance,
} from "../../types/walletTypes";
import { SenderWireInfos, WalletBalance } from "../../types/walletTypes";
import * as i18n from "../i18n";
import * as wire from "../../util/wire";
import {
getBalance,
getSenderWireInfos,
returnCoins,
} from "../wxApi";
import { getBalance, getSenderWireInfos, returnCoins } from "../wxApi";
import { renderAmount } from "../renderHtml";
@ -60,17 +52,27 @@ interface ReturnSelectionItemState {
currency: string;
}
class ReturnSelectionItem extends React.Component<ReturnSelectionItemProps, ReturnSelectionItemState> {
class ReturnSelectionItem extends React.Component<
ReturnSelectionItemProps,
ReturnSelectionItemState
> {
constructor(props: ReturnSelectionItemProps) {
super(props);
const exchange = this.props.exchangeUrl;
const wireTypes = this.props.senderWireInfos.exchangeWireTypes;
const supportedWires = this.props.senderWireInfos.senderWires.filter((x) => {
return wireTypes[exchange] && wireTypes[exchange].indexOf((x as any).type) >= 0;
});
const supportedWires = this.props.senderWireInfos.senderWires.filter(
(x) => {
return (
wireTypes[exchange] &&
wireTypes[exchange].indexOf((x as any).type) >= 0
);
},
);
this.state = {
currency: props.balance.byExchange[props.exchangeUrl].available.currency,
selectedValue: Amounts.toString(props.balance.byExchange[props.exchangeUrl].available),
selectedValue: Amounts.toString(
props.balance.byExchange[props.exchangeUrl].available,
),
selectedWire: "",
supportedWires,
};
@ -83,28 +85,46 @@ class ReturnSelectionItem extends React.Component<ReturnSelectionItemProps, Retu
<div key={exchange}>
<h2>Exchange {exchange}</h2>
<p>Available amount: {renderAmount(byExchange[exchange].available)}</p>
<p>Supported wire methods: {wireTypes[exchange].length ? wireTypes[exchange].join(", ") : "none"}</p>
<p>Wire {""}
<input
type="text"
size={this.state.selectedValue.length || 1}
value={this.state.selectedValue}
onChange={(evt) => this.setState({selectedValue: evt.target.value})}
style={{textAlign: "center"}}
/> {this.props.balance.byExchange[exchange].available.currency} {""}
to account {""}
<select value={this.state.selectedWire} onChange={(evt) => this.setState({selectedWire: evt.target.value})}>
<option style={{display: "none"}}>Select account</option>
{this.state.supportedWires.map((w, n) =>
<option value={n.toString()} key={JSON.stringify(w)}>{n + 1}: {wire.summarizeWire(w)}</option>,
)}
</select>.
<p>
Supported wire methods:{" "}
{wireTypes[exchange].length ? wireTypes[exchange].join(", ") : "none"}
</p>
{this.state.selectedWire
? <button className="pure-button button-success" onClick={() => this.select()}>
{i18n.str`Wire to bank account`}
</button>
: null}
<p>
Wire {""}
<input
type="text"
size={this.state.selectedValue.length || 1}
value={this.state.selectedValue}
onChange={(evt) =>
this.setState({ selectedValue: evt.target.value })
}
style={{ textAlign: "center" }}
/>{" "}
{this.props.balance.byExchange[exchange].available.currency} {""}
to account {""}
<select
value={this.state.selectedWire}
onChange={(evt) =>
this.setState({ selectedWire: evt.target.value })
}
>
<option style={{ display: "none" }}>Select account</option>
{this.state.supportedWires.map((w, n) => (
<option value={n.toString()} key={JSON.stringify(w)}>
{n + 1}: {wire.summarizeWire(w)}
</option>
))}
</select>
.
</p>
{this.state.selectedWire ? (
<button
className="pure-button button-success"
onClick={() => this.select()}
>
{i18n.str`Wire to bank account`}
</button>
) : null}
</div>
);
}
@ -133,16 +153,23 @@ interface ReturnSelectionListProps {
selectDetail(d: SelectedDetail): void;
}
class ReturnSelectionList extends React.Component<ReturnSelectionListProps, {}> {
class ReturnSelectionList extends React.Component<
ReturnSelectionListProps,
{}
> {
render(): JSX.Element {
const byExchange = this.props.balance.byExchange;
const exchanges = Object.keys(byExchange);
if (!exchanges.length) {
return <p className="errorbox">Currently no funds available to transfer.</p>;
return (
<p className="errorbox">Currently no funds available to transfer.</p>
);
}
return (
<div>
{exchanges.map((e) => <ReturnSelectionItem key={e} exchangeUrl={e} {...this.props} />)}
{exchanges.map((e) => (
<ReturnSelectionItem key={e} exchangeUrl={e} {...this.props} />
))}
</div>
);
}
@ -154,7 +181,6 @@ interface SelectedDetail {
exchange: string;
}
interface ReturnConfirmationProps {
detail: SelectedDetail;
cancel(): void;
@ -165,11 +191,19 @@ class ReturnConfirmation extends React.Component<ReturnConfirmationProps, {}> {
render() {
return (
<div>
<p>Please confirm if you want to transmit <strong>{renderAmount(this.props.detail.amount)}</strong> at {""}
{this.props.detail.exchange} to account {""}
<strong style={{whiteSpace: "nowrap"}}>{wire.summarizeWire(this.props.detail.senderWire)}</strong>.
<p>
Please confirm if you want to transmit{" "}
<strong>{renderAmount(this.props.detail.amount)}</strong> at {""}
{this.props.detail.exchange} to account {""}
<strong style={{ whiteSpace: "nowrap" }}>
{wire.summarizeWire(this.props.detail.senderWire)}
</strong>
.
</p>
<button className="pure-button button-success" onClick={() => this.props.confirm()}>
<button
className="pure-button button-success"
onClick={() => this.props.confirm()}
>
{i18n.str`Confirm`}
</button>
<button className="pure-button" onClick={() => this.props.cancel()}>
@ -213,7 +247,7 @@ class ReturnCoins extends React.Component<{}, ReturnCoinsState> {
}
selectDetail(d: SelectedDetail) {
this.setState({selectedReturn: d});
this.setState({ selectedReturn: d });
}
async confirm() {
@ -223,11 +257,17 @@ class ReturnCoins extends React.Component<{}, ReturnCoinsState> {
}
await returnCoins(selectedReturn);
await this.update();
this.setState({selectedReturn: undefined, lastConfirmedDetail: selectedReturn});
this.setState({
selectedReturn: undefined,
lastConfirmedDetail: selectedReturn,
});
}
async cancel() {
this.setState({selectedReturn: undefined, lastConfirmedDetail: undefined});
this.setState({
selectedReturn: undefined,
lastConfirmedDetail: undefined,
});
}
render() {
@ -248,25 +288,28 @@ class ReturnCoins extends React.Component<{}, ReturnCoinsState> {
);
}
return (
<div id="main">
<h1>Wire electronic cash back to own bank account</h1>
<p>You can send coins back into your own bank account. Note that
you're acting as a merchant when doing this, and thus the same fees apply.</p>
{this.state.lastConfirmedDetail
? <p className="okaybox">
Transfer of {renderAmount(this.state.lastConfirmedDetail.amount)} successfully initiated.
</p>
: null}
<ReturnSelectionList
selectDetail={(d) => this.selectDetail(d)}
balance={balance}
senderWireInfos={senderWireInfos} />
</div>
<div id="main">
<h1>Wire electronic cash back to own bank account</h1>
<p>
You can send coins back into your own bank account. Note that you're
acting as a merchant when doing this, and thus the same fees apply.
</p>
{this.state.lastConfirmedDetail ? (
<p className="okaybox">
Transfer of {renderAmount(this.state.lastConfirmedDetail.amount)}{" "}
successfully initiated.
</p>
) : null}
<ReturnSelectionList
selectDetail={(d) => this.selectDetail(d)}
balance={balance}
senderWireInfos={senderWireInfos}
/>
</div>
);
}
}
function main() {
ReactDOM.render(<ReturnCoins />, document.getElementById("container")!);
}

10
src/webex/pages/show-db.html
View File

@ -1,16 +1,16 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta charset="UTF-8" />
<title>Taler Wallet: Reserve Created</title>
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<link rel="icon" href="/img/icon.png">
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="icon" href="/img/icon.png" />
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/show-db-bundle.js"></script>
</head>
<body>
<h1>DB Dump</h1>
<input type="file" id="fileInput" style="display:none">
<input type="file" id="fileInput" style="display: none;" />
<button id="import">Import Dump</button>
<button id="download">Download Dump</button>
<pre id="dump"></pre>

41
src/webex/pages/show-db.ts
View File

@ -14,15 +14,19 @@
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
/**
* Wallet database dump for debugging.
*
* @author Florian Dold
*/
function replacer(match: string, pIndent: string, pKey: string, pVal: string,
pEnd: string) {
function replacer(
match: string,
pIndent: string,
pKey: string,
pVal: string,
pEnd: string,
) {
const key = "<span class=json-key>";
const val = "<span class=json-value>";
const str = "<span class=json-string>";
@ -36,18 +40,18 @@ function replacer(match: string, pIndent: string, pKey: string, pVal: string,
return r + (pEnd || "");
}
function prettyPrint(obj: any) {
const jsonLine = /^( *)("[\w]+": )?("[^"]*"|[\w.+-]*)?([,[{])?$/mg;
const jsonLine = /^( *)("[\w]+": )?("[^"]*"|[\w.+-]*)?([,[{])?$/gm;
return JSON.stringify(obj, null as any, 3)
.replace(/&/g, "&amp;").replace(/\\"/g, "&quot;")
.replace(/</g, "&lt;").replace(/>/g, "&gt;")
.replace(jsonLine, replacer);
.replace(/&/g, "&amp;")
.replace(/\\"/g, "&quot;")
.replace(/</g, "&lt;")
.replace(/>/g, "&gt;")
.replace(jsonLine, replacer);
}
document.addEventListener("DOMContentLoaded", () => {
chrome.runtime.sendMessage({type: "dump-db"}, (resp) => {
chrome.runtime.sendMessage({ type: "dump-db" }, (resp) => {
const el = document.getElementById("dump");
if (!el) {
throw Error();
@ -57,16 +61,18 @@ document.addEventListener("DOMContentLoaded", () => {
document.getElementById("download")!.addEventListener("click", (evt) => {
console.log("creating download");
const element = document.createElement("a");
element.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(JSON.stringify(resp)));
element.setAttribute(
"href",
"data:text/plain;charset=utf-8," +
encodeURIComponent(JSON.stringify(resp)),
);
element.setAttribute("download", "wallet-dump.txt");
element.style.display = "none";
document.body.appendChild(element);
element.click();
});
});
const fileInput = document.getElementById("fileInput")! as HTMLInputElement;
fileInput.onchange = (evt) => {
if (!fileInput.files || fileInput.files.length !== 1) {
@ -79,9 +85,12 @@ document.addEventListener("DOMContentLoaded", () => {
console.log("got file");
const dump = JSON.parse(e.target.result);
console.log("parsed contents", dump);
chrome.runtime.sendMessage({ type: "import-db", detail: { dump } }, (resp) => {
alert("loaded");
});
chrome.runtime.sendMessage(
{ type: "import-db", detail: { dump } },
(resp) => {
alert("loaded");
},
);
};
console.log("reading file", file);
fr.readAsText(file);

33
src/webex/pages/tip.html
View File

@ -1,24 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Taler Wallet: Received Tip</title>
<head>
<meta charset="UTF-8">
<title>Taler Wallet: Received Tip</title>
<link rel="icon" href="/img/icon.png" />
<link rel="stylesheet" type="text/css" href="../style/pure.css" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="icon" href="/img/icon.png">
<link rel="stylesheet" type="text/css" href="../style/pure.css">
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/tip-bundle.js"></script>
</head>
<body>
<section id="main">
<h1>GNU Taler Wallet</h1>
<div id="container"></div>
</section>
</body>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/tip-bundle.js"></script>
</head>
<body>
<section id="main">
<h1>GNU Taler Wallet</h1>
<div id="container"></div>
</section>
</body>
</html>

10
src/webex/pages/tip.tsx
View File

@ -28,13 +28,16 @@ import * as i18n from "../i18n";
import { acceptTip, getReserveCreationInfo, getTipStatus } from "../wxApi";
import { WithdrawDetailView, renderAmount, ProgressButton } from "../renderHtml";
import {
WithdrawDetailView,
renderAmount,
ProgressButton,
} from "../renderHtml";
import * as Amounts from "../../util/amounts";
import { useState, useEffect } from "react";
import { TipStatus } from "../../types/walletTypes";
function TipDisplay(props: { talerTipUri: string }) {
const [tipStatus, setTipStatus] = useState<TipStatus | undefined>(undefined);
const [discarded, setDiscarded] = useState(false);
@ -88,8 +91,7 @@ function TipDisplay(props: { talerTipUri: string }) {
<form className="pure-form">
<ProgressButton loading={loading} onClick={() => accept()}>
Accept Tip
</ProgressButton>
{" "}
</ProgressButton>{" "}
<button className="pure-button" type="button" onClick={() => discard()}>
Discard tip
</button>

33
src/webex/pages/welcome.html
View File

@ -1,24 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Taler Wallet: Withdraw</title>
<head>
<meta charset="UTF-8">
<title>Taler Wallet: Withdraw</title>
<link rel="icon" href="/img/icon.png" />
<link rel="stylesheet" type="text/css" href="../style/pure.css" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="icon" href="/img/icon.png">
<link rel="stylesheet" type="text/css" href="../style/pure.css">
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/welcome-bundle.js"></script>
</head>
<body>
<section id="main">
<h1>GNU Taler Wallet Installed!</h1>
<div id="container">Loading...</div>
</section>
</body>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/welcome-bundle.js"></script>
</head>
<body>
<section id="main">
<h1>GNU Taler Wallet Installed!</h1>
<div id="container">Loading...</div>
</section>
</body>
</html>

2
src/webex/pages/welcome.tsx
View File

@ -68,7 +68,7 @@ function Diagnostics() {
>
<p>Problems detected:</p>
<ol>
{diagnostics.errors.map(errMsg => (
{diagnostics.errors.map((errMsg) => (
<li>{errMsg}</li>
))}
</ol>

31
src/webex/pages/withdraw.html
View File

@ -1,24 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Taler Wallet: Withdraw</title>
<head>
<meta charset="UTF-8">
<title>Taler Wallet: Withdraw</title>
<link rel="icon" href="/img/icon.png" />
<link rel="stylesheet" type="text/css" href="../style/pure.css" />
<link rel="stylesheet" type="text/css" href="../style/wallet.css" />
<link rel="icon" href="/img/icon.png">
<link rel="stylesheet" type="text/css" href="../style/pure.css">
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/withdraw-bundle.js"></script>
</head>
<script src="/dist/page-common-bundle.js"></script>
<script src="/dist/withdraw-bundle.js"></script>
</head>
<body>
<section id="main">
<h1>GNU Taler Wallet</h1>
<body>
<section id="main">
<h1>GNU Taler Wallet</h1>
<div class="fade" id="exchange-selection"></div>
</section>
</body>
</section>
</body>
</html>

2
src/webex/pages/withdraw.tsx
View File

@ -127,7 +127,7 @@ function NewExchangeSelection(props: { talerWithdrawUri: string }) {
<p>
<input
type="text"
onChange={e => setCustomUrl(e.target.value)}
onChange={(e) => setCustomUrl(e.target.value)}
value={customUrl}
/>
</p>

14
src/webex/renderHtml.tsx
View File

@ -143,7 +143,7 @@ function AuditorDetailsView(props: {
}
return (
<div>
{(rci.exchangeInfo.details?.auditors ?? []).map(a => (
{(rci.exchangeInfo.details?.auditors ?? []).map((a) => (
<div>
<h3>Auditor {a.auditor_url}</h3>
<p>
@ -214,7 +214,7 @@ function FeeDetailsView(props: {
</tr>
</thead>,
<tbody>
{rci!.wireFees.feesForType[s].map(f => (
{rci!.wireFees.feesForType[s].map((f) => (
<tr>
<td>{stringifyTimestamp(f.endStamp)}</td>
<td>{renderAmount(f.wireFee)}</td>
@ -232,7 +232,10 @@ function FeeDetailsView(props: {
<div>
<h3>Overview</h3>
<p>
Public key: <ExpanderText text={rci.exchangeInfo.details?.masterPublicKey ?? "??"} />
Public key:{" "}
<ExpanderText
text={rci.exchangeInfo.details?.masterPublicKey ?? "??"}
/>
</p>
<p>
{i18n.str`Withdrawal fees:`} {withdrawFee}
@ -240,8 +243,9 @@ function FeeDetailsView(props: {
<p>
{i18n.str`Rounding loss:`} {overhead}
</p>
<p>{i18n.str`Earliest expiration (for deposit): ${
stringifyTimestamp(rci.earliestDepositExpiration)}`}</p>
<p>{i18n.str`Earliest expiration (for deposit): ${stringifyTimestamp(
rci.earliestDepositExpiration,
)}`}</p>
<h3>Coin Fees</h3>
<div style={{ overflow: "auto" }}>
<table className="pure-table">

841
src/webex/style/pure.css
View File

File diff suppressed because it is too large Load Diff

202
src/webex/style/wallet.css
View File

@ -4,75 +4,77 @@ body {
}
#main {
border: solid 1px black;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
max-width: 50%;
padding: 2em;
border: solid 1px black;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
max-width: 50%;
padding: 2em;
}
header {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
border-bottom: 1px solid black;
width: 100%;
height: 100px;
margin: 0;
padding: 0;
border-bottom: 1px solid black;
}
header h1 {
font-size: 200%;
margin: 0;
padding: 0 0 0 120px;
position: relative;
top: 50%;
transform: translateY(-50%);
font-size: 200%;
margin: 0;
padding: 0 0 0 120px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
header #logo {
float: left;
width: 100px;
height: 100px;
padding: 0;
margin: 0;
text-align: center;
border-right: 1px solid black;
background-image: url(/img/logo.png);
background-size: 100px;
float: left;
width: 100px;
height: 100px;
padding: 0;
margin: 0;
text-align: center;
border-right: 1px solid black;
background-image: url(/img/logo.png);
background-size: 100px;
}
aside {
width: 100px;
float: left;
width: 100px;
float: left;
}
section#main {
margin: auto;
padding: 20px;
border-left: 1px solid black;
height: 100%;
max-width: 50%;
margin: auto;
padding: 20px;
border-left: 1px solid black;
height: 100%;
max-width: 50%;
}
section#main h1:first-child {
margin-top: 0;
margin-top: 0;
}
h1 {
font-size: 160%;
font-size: 160%;
}
h2 {
font-size: 140%;
font-size: 140%;
}
h3 {
font-size: 120%;
font-size: 120%;
}
h4, h5, h6 {
font-size: 100%;
h4,
h5,
h6 {
font-size: 100%;
}
.form-row {
@ -92,63 +94,74 @@ input.url {
}
.json-key {
color: brown;
color: brown;
}
.json-value {
color: navy;
}
color: navy;
}
.json-string {
color: olive;
color: olive;
}
button {
font-size: 120%;
padding: 0.5em;
font-size: 120%;
padding: 0.5em;
}
button.confirm-pay {
float: right;
float: right;
}
/* We use fading to hide slower DOM updates */
.fade {
-webkit-animation: fade 0.7s;
animation: fade 0.7s;
opacity: 1;
-webkit-animation: fade 0.7s;
animation: fade 0.7s;
opacity: 1;
}
@-webkit-keyframes fade {
from {opacity: 0}
to {opacity: 1}
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade {
from {opacity: 0}
to {opacity: 1}
}
button.linky {
background:none!important;
border:none;
padding:0!important;
font-family:arial,sans-serif;
color:#069;
text-decoration:underline;
cursor:pointer;
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.blacklink a:link, .blacklink a:visited, .blacklink a:hover, .blacklink a:active {
button.linky {
background: none !important;
border: none;
padding: 0 !important;
font-family: arial, sans-serif;
color: #069;
text-decoration: underline;
cursor: pointer;
}
.blacklink a:link,
.blacklink a:visited,
.blacklink a:hover,
.blacklink a:active {
color: #000;
}
table, th, td {
border: 1px solid black;
table,
th,
td {
border: 1px solid black;
}
button.accept {
background-color: #5757D2;
background-color: #5757d2;
border: 1px solid black;
border-radius: 5px;
margin: 1em 0;
@ -157,17 +170,16 @@ button.accept {
color: white;
}
button.linky {
background:none!important;
border:none;
padding:0!important;
background: none !important;
border: none;
padding: 0 !important;
font-family:arial,sans-serif;
color:#069;
text-decoration:underline;
cursor:pointer;
font-family: arial, sans-serif;
color: #069;
text-decoration: underline;
cursor: pointer;
}
button.accept:disabled {
background-color: #dedbe8;
border: 1px solid white;
@ -175,7 +187,7 @@ button.accept:disabled {
margin: 1em 0;
padding: 0.5em;
font-weight: bold;
color: #2C2C2C;
color: #2c2c2c;
}
input.url {
@ -202,39 +214,38 @@ span.spacer {
.button-destructive,
.button-warning,
.button-secondary {
color: white;
border-radius: 4px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
color: white;
border-radius: 4px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-success {
background: rgb(28, 184, 65);
background: rgb(28, 184, 65);
}
.button-destructive {
background: rgb(202, 60, 60);
background: rgb(202, 60, 60);
}
.button-warning {
background: rgb(223, 117, 20);
background: rgb(223, 117, 20);
}
.button-secondary {
background: rgb(66, 184, 221);
background: rgb(66, 184, 221);
}
a.actionLink {
color: black;
}
.errorbox {
border: 1px solid;
display: inline-block;
margin: 1em;
padding: 1em;
font-weight: bold;
background: #FF8A8A;
background: #ff8a8a;
}
.okaybox {
@ -243,18 +254,17 @@ a.actionLink {
margin: 1em;
padding: 1em;
font-weight: bold;
background: #00FA9A;
background: #00fa9a;
}
a.opener {
a.opener {
color: black;
}
.opener-open::before {
content: "\25bc"
content: "\25bc";
}
.opener-collapsed::before {
content: "\25b6 "
content: "\25b6 ";
}
.svg-icon {
@ -265,8 +275,8 @@ a.opener {
width: 1em;
}
.svg-icon svg {
height:1em;
width:1em;
height: 1em;
width: 1em;
}
object.svg-icon.svg-baseline {
transform: translate(0, 0.125em);

2
src/webex/wxApi.ts
View File

@ -79,7 +79,7 @@ async function callBackend<T extends MessageType>(
detail: MessageMap[T]["request"],
): Promise<MessageMap[T]["response"]> {
return new Promise<MessageMap[T]["response"]>((resolve, reject) => {
chrome.runtime.sendMessage({ type, detail }, resp => {
chrome.runtime.sendMessage({ type, detail }, (resp) => {
if (chrome.runtime.lastError) {
console.log("Error calling backend");
reject(

12
src/webex/wxBackend.ts
View File

@ -406,7 +406,7 @@ async function reinitWallet() {
http,
new BrowserCryptoWorkerFactory(),
);
wallet.runRetryLoop().catch(e => {
wallet.runRetryLoop().catch((e) => {
console.log("error during wallet retry loop", e);
});
// Useful for debugging in the background page.
@ -443,7 +443,7 @@ function injectScript(
try {
// This needs to be outside of main, as Firefox won't fire the event if
// the listener isn't created synchronously on loading the backend.
chrome.runtime.onInstalled.addListener(details => {
chrome.runtime.onInstalled.addListener((details) => {
console.log("onInstalled with reason", details.reason);
if (details.reason === "install") {
const url = chrome.extension.getURL("/src/webex/pages/welcome.html");
@ -462,12 +462,12 @@ try {
export async function wxMain() {
// Explicitly unload the extension page as soon as an update is available,
// so the update gets installed as soon as possible.
chrome.runtime.onUpdateAvailable.addListener(details => {
chrome.runtime.onUpdateAvailable.addListener((details) => {
console.log("update available:", details);
chrome.runtime.reload();
});
chrome.tabs.query({}, tabs => {
chrome.tabs.query({}, (tabs) => {
console.log("got tabs", tabs);
for (const tab of tabs) {
if (!tab.url || !tab.id) {
@ -520,7 +520,7 @@ export async function wxMain() {
const run = () => {
timers.shift();
chrome.tabs.get(tabId, tab => {
chrome.tabs.get(tabId, (tab) => {
if (chrome.runtime.lastError) {
return;
}
@ -562,7 +562,7 @@ export async function wxMain() {
// Handlers for catching HTTP requests
chrome.webRequest.onHeadersReceived.addListener(
details => {
(details) => {
const wallet = currentWallet;
if (!wallet) {
console.warn("wallet not available while handling header");