Gaëtan Renaudeau
7 years ago
committed by
GitHub
GitHub
223 changed files with 5069 additions and 3183 deletions
@ -1,47 +1,26 @@ |
|||
version: 2 |
|||
|
|||
docker_defaults: &docker_defaults |
|||
defaults: &defaults |
|||
working_directory: ~/ledger-live-desktop |
|||
docker: |
|||
- image: circleci/node:9.5 |
|||
- image: circleci/node:8.11.3-stretch-browsers |
|||
|
|||
jobs: |
|||
build: |
|||
<<: *docker_defaults |
|||
branches: |
|||
ignore: |
|||
- gh-pages |
|||
<<: *defaults |
|||
steps: |
|||
- run: sudo apt-get install -y libudev-dev |
|||
- checkout |
|||
- restore_cache: |
|||
name: Restore Yarn Package Cache |
|||
keys: |
|||
- v2-yarn-packages-{{ checksum "yarn.lock" }} |
|||
- run: |
|||
name: Install Dependencies |
|||
command: bash scripts/install-ci-deps.sh |
|||
- v7-yarn-packages-{{ checksum "yarn.lock" }} |
|||
- run: yarn install |
|||
- save_cache: |
|||
name: Save Yarn Package Cache |
|||
key: v2-yarn-packages-{{ checksum "yarn.lock" }} |
|||
key: v7-yarn-packages-{{ checksum "yarn.lock" }} |
|||
paths: |
|||
- node_modules/ |
|||
- run: |
|||
name: Lint |
|||
command: yarn lint |
|||
- run: |
|||
name: Prettier |
|||
command: ./node_modules/.bin/prettier -l "{src,webpack,.storybook}/**/*.js" |
|||
- run: |
|||
name: Flow |
|||
command: yarn flow --quiet |
|||
# - run: |
|||
# name: Test |
|||
# command: yarn test |
|||
# - run: |
|||
# name: Build |
|||
# command: yarn dist:dir |
|||
# - run: |
|||
# name: Generate build stats |
|||
# command: "du -h dist | sort -h > /tmp/build-stats.txt" |
|||
# - store_artifacts: |
|||
# path: /tmp/build-stats.txt |
|||
# destination: build-stats.txt |
|||
- node_modules |
|||
- run: yarn lint |
|||
- run: ./node_modules/.bin/prettier -l "{src,webpack,.storybook,static/i18n}/**/*.js" |
|||
- run: yarn flow --quiet |
|||
- run: yarn test |
|||
- run: yarn release |
|||
|
|||
@ -1,11 +1,20 @@ |
|||
.DS_Store |
|||
*.log |
|||
/.env |
|||
/dist/ |
|||
/flow-typed/ |
|||
/node_modules/ |
|||
/static/fonts/museosans/ |
|||
/storybook-static/ |
|||
thumbs.db |
|||
|
|||
/build/linux/arch/.SRCINFO |
|||
/build/linux/arch/pkg |
|||
/build/linux/arch/src |
|||
/build/linux/arch/*.tar.gz |
|||
/build/linux/arch/*.tar.xz |
|||
|
|||
# TODO this should be in devs global gitignore |
|||
# it makes no sense to have it here |
|||
*.log |
|||
.DS_Store |
|||
.vscode |
|||
jsconfig.json |
|||
thumbs.db |
|||
jsconfig.json |
|||
|
|||
@ -0,0 +1,53 @@ |
|||
# Maintainer: Meriadec Pillet <meriadec.pillet@gmail.com> |
|||
# shellcheck disable=SC2154,SC2034,SC2164 |
|||
|
|||
pkgname=ledger-live |
|||
pkgver=1.0.7 |
|||
pkgrel=1 |
|||
pkgdesc="Open source companion app for your Ledger devices" |
|||
arch=('x86_64') |
|||
url="https://www.ledgerwallet.com/live" |
|||
license=('MIT') |
|||
makedepends=(yarn python2) |
|||
|
|||
# TODO generate changelog from release notes |
|||
changelog= |
|||
|
|||
source=("https://github.com/LedgerHQ/ledger-live-desktop/archive/v${pkgver}.tar.gz" |
|||
"ledger-live.desktop") |
|||
md5sums=('d60d772a03c0a1c59df07f93b0268a4c' |
|||
'52705147909a0a988907a23a71199092') |
|||
# TODO sign with ledger pgp |
|||
validpgpkeys=() |
|||
|
|||
extractedFolder=ledger-live-desktop-$pkgver |
|||
|
|||
prepare() { |
|||
cd $extractedFolder |
|||
export JOBS=max |
|||
yarn --ignore-scripts |
|||
} |
|||
|
|||
build() { |
|||
cd $extractedFolder |
|||
export GIT_REVISION=$pkgver |
|||
export JOBS=max |
|||
yarn dist |
|||
} |
|||
|
|||
package() { |
|||
install -D -m644 \ |
|||
"${pkgname}.desktop" \ |
|||
"${pkgdir}/usr/share/applications/${pkgname}.desktop" |
|||
|
|||
cd $extractedFolder |
|||
|
|||
install -dm755 "${pkgdir}/opt" |
|||
cp -r "dist/linux-unpacked" "${pkgdir}/opt/ledger-live" |
|||
install -dm755 "${pkgdir}/usr/bin" |
|||
ln -s "/opt/${pkgname}/ledger-live-desktop" "${pkgdir}/usr/bin/${pkgname}" |
|||
|
|||
install -D -m644 \ |
|||
"static/images/browser-window-icon-512x512.png" \ |
|||
"${pkgdir}/usr/share/icons/hicolor/512x512/apps/ledger-live.png" |
|||
} |
|||
@ -0,0 +1,10 @@ |
|||
[Desktop Entry] |
|||
Name=ledger-live |
|||
Comment=Open source companion app for your Ledger devices |
|||
Path=/opt/ledger-live |
|||
Exec=ledger-live |
|||
Icon=ledger-live |
|||
Type=Application |
|||
StartupNotify=true |
|||
Categories=Utility; |
|||
StartupWMClass=ledger-live |
|||
@ -0,0 +1,132 @@ |
|||
/* eslint-disable no-console */ |
|||
|
|||
const { spawn } = require('child_process') |
|||
|
|||
// those wordings are dynamically created, so they are detected
|
|||
// as false positive
|
|||
const WHITELIST = [ |
|||
'app:operation.type.IN', |
|||
'app:operation.type.OUT', |
|||
'app:exchange.coinhouse', |
|||
'app:exchange.changelly', |
|||
'app:exchange.coinmama', |
|||
'app:exchange.simplex', |
|||
'app:exchange.paybis', |
|||
'app:addAccounts.accountToImportSubtitle_plural', |
|||
'app:dashboard.summary_plural', |
|||
'app:addAccounts.success_plural', |
|||
'app:addAccounts.successDescription_plural', |
|||
'app:time.since.day', |
|||
'app:time.since.week', |
|||
'app:time.since.month', |
|||
'app:time.since.year', |
|||
'app:time.day', |
|||
'app:time.week', |
|||
'app:time.month', |
|||
'app:time.year', |
|||
'app:addAccounts.cta.add_plural', |
|||
'app:manager.apps.installing', |
|||
'app:manager.apps.uninstalling', |
|||
'app:manager.apps.installSuccess', |
|||
'app:manager.apps.uninstallSuccess', |
|||
] |
|||
|
|||
const WORDINGS = { |
|||
app: require('../static/i18n/en/app.json'), |
|||
onboarding: require('../static/i18n/en/onboarding.json'), |
|||
// errors: require('../static/i18n/en/errors.json'),
|
|||
// language: require('../static/i18n/en/language.json'),
|
|||
} |
|||
|
|||
async function main() { |
|||
console.log(`>> Checking for unused wordings...`) |
|||
for (const ns in WORDINGS) { |
|||
if (WORDINGS.hasOwnProperty(ns)) { |
|||
try { |
|||
const root = WORDINGS[ns] |
|||
await checkForUsage(root, ns, ':') |
|||
} catch (err) { |
|||
console.log(err) |
|||
} |
|||
} |
|||
} |
|||
console.log(`>> Checking for duplicates...`) |
|||
for (const ns in WORDINGS) { |
|||
if (WORDINGS.hasOwnProperty(ns)) { |
|||
try { |
|||
const root = WORDINGS[ns] |
|||
checkForDuplicate(root, ns, {}, ':') |
|||
} catch (err) { |
|||
console.log(err) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
function checkForDuplicate(v, key, values, delimiter = '.') { |
|||
if (typeof v === 'object') { |
|||
for (const k in v) { |
|||
if (v.hasOwnProperty(k)) { |
|||
checkForDuplicate(v[k], `${key}${delimiter}${k}`, values) |
|||
} |
|||
} |
|||
} else if (typeof v === 'string') { |
|||
if (values[v]) { |
|||
console.log(`duplicate value [${v}] for key ${key} (exists in [${values[v].join(', ')}])`) |
|||
values[v].push(key) |
|||
} else { |
|||
values[v] = [key] |
|||
} |
|||
} else { |
|||
console.log(v) |
|||
throw new Error('invalid input') |
|||
} |
|||
} |
|||
|
|||
async function checkForUsage(v, key, delimiter = '.') { |
|||
if (WHITELIST.includes(key)) { |
|||
return |
|||
} |
|||
if (typeof v === 'object') { |
|||
for (const k in v) { |
|||
if (v.hasOwnProperty(k)) { |
|||
await checkForUsage(v[k], `${key}${delimiter}${k}`) |
|||
} |
|||
} |
|||
} else if (typeof v === 'string') { |
|||
try { |
|||
const hasOccurences = await getHasOccurrences(key) |
|||
if (!hasOccurences) { |
|||
console.log(key) |
|||
} |
|||
} catch (err) { |
|||
console.log(err) |
|||
} |
|||
} else { |
|||
throw new Error('invalid input') |
|||
} |
|||
} |
|||
|
|||
function getHasOccurrences(key) { |
|||
return new Promise(resolve => { |
|||
const childProcess = spawn('rg', [key, 'src']) |
|||
let data |
|||
childProcess.stdout.on('data', d => { |
|||
data = d.toString() |
|||
}) |
|||
childProcess.on('close', () => { |
|||
if (!data) return resolve(false) |
|||
const rows = data.split('\n').filter(Boolean) |
|||
return resolve(rows.length > 0) |
|||
}) |
|||
childProcess.on('error', err => { |
|||
if (err.code === 'ENOENT') { |
|||
console.log(`You need to install ripgrep first`) |
|||
console.log(`see: https://github.com/BurntSushi/ripgrep`) |
|||
process.exit(1) |
|||
} |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
main() |
|||
@ -1,3 +1,18 @@ |
|||
#!/bin/bash |
|||
|
|||
yarn compile && DEBUG=electron-builder electron-builder --dir -c.compression=store -c.mac.identity=null |
|||
set -e |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/run-job.sh |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/display-env.sh |
|||
|
|||
yarn compile |
|||
|
|||
runJob \ |
|||
"DEBUG=electron-builder electron-builder --dir -c.compression=store -c.mac.identity=null" \ |
|||
"building app..." \ |
|||
"app built successfully" \ |
|||
"failed to build app" \ |
|||
"verbose" |
|||
|
|||
@ -1,16 +1,41 @@ |
|||
#!/bin/bash |
|||
|
|||
set -e |
|||
|
|||
export JOBS=max |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/run-job.sh |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/display-env.sh |
|||
|
|||
# hilarious fix: to make linux icon we have to remove icon.png from build folder |
|||
# some context: |
|||
# - https://github.com/electron-userland/electron-builder/issues/2577 |
|||
# - https://github.com/electron-userland/electron-builder/issues/2269 |
|||
if [[ $(uname) == 'Linux' ]]; then |
|||
mv build/icon.png /tmp |
|||
runJob \ |
|||
"mv build/icon.png /tmp" \ |
|||
"dirty fix to handle linux icon..." \ |
|||
"successfully applied dirty fix to handle linux icon" \ |
|||
"failed to apply dirty fix to handle linux icon" |
|||
fi |
|||
|
|||
yarn compile && DEBUG=electron-builder electron-builder |
|||
yarn compile |
|||
|
|||
runJob \ |
|||
"DEBUG=electron-builder electron-builder" \ |
|||
"building and packaging app..." \ |
|||
"app built and packaged successfully" \ |
|||
"failed to build app" \ |
|||
"verbose" |
|||
|
|||
# hilarious fix continuation: put back the icon where it was |
|||
if [[ $(uname) == 'Linux' ]]; then |
|||
mv /tmp/icon.png build |
|||
runJob \ |
|||
"mv /tmp/icon.png build" \ |
|||
"cleaning dirty fix to handle linux icon..." \ |
|||
"successfully applied clean dirty fix to handle linux icon" \ |
|||
"failed to apply clean dirty fix to handle linux icon" |
|||
fi |
|||
|
|||
@ -1,26 +0,0 @@ |
|||
#!/bin/bash |
|||
|
|||
function GET_HASH_PATH { |
|||
HASH_NAME=$1 |
|||
echo "./node_modules/.cache/LEDGER_HASH_$HASH_NAME.hash" |
|||
} |
|||
|
|||
function GET_HASH { |
|||
HASH_NAME=$1 |
|||
HASH_PATH=$(GET_HASH_PATH "$HASH_NAME") |
|||
if [ ! -e "$HASH_PATH" ]; then |
|||
echo '' |
|||
else |
|||
HASH_CONTENT=$(cat "$HASH_PATH") |
|||
echo "$HASH_CONTENT" |
|||
fi |
|||
} |
|||
|
|||
function SET_HASH { |
|||
HASH_NAME=$1 |
|||
HASH_CONTENT=$2 |
|||
echo "setting hash $HASH_NAME to $HASH_CONTENT" |
|||
HASH_PATH=$(GET_HASH_PATH "$HASH_NAME") |
|||
mkdir -p ./node_modules/.cache |
|||
echo "$HASH_CONTENT" > "$HASH_PATH" |
|||
} |
|||
@ -0,0 +1,22 @@ |
|||
#!/bin/bash |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/format.sh |
|||
|
|||
if [ "$GIT_REVISION" == "" ]; then |
|||
GIT_REVISION=$(git rev-parse HEAD) |
|||
fi |
|||
|
|||
echo |
|||
printf " │ \\e[4;1m%s\\e[0;0m\\n" "Ledger Live Desktop - ${GIT_REVISION}" |
|||
printf " │ \\e[1;30m%s\\e[1;0m\\n" "$(uname -srmo)" |
|||
printf " │ \\e[2;1mcommit \\e[0;33m%s\\e[0;0m\\n" "$(git rev-parse HEAD)" |
|||
echo |
|||
|
|||
formatEnvVar "CI" |
|||
formatEnvVar "NODE_ENV" |
|||
formatEnvVar "JOBS" |
|||
|
|||
echo |
|||
formatGeneric "node" "$(node --version)" |
|||
echo |
|||
@ -0,0 +1,48 @@ |
|||
#!/bin/bash |
|||
|
|||
colSize=20 |
|||
|
|||
function formatJobTitle { |
|||
echo "[$1]" |
|||
echo |
|||
} |
|||
|
|||
function formatEnvVar { |
|||
key=$1 |
|||
value=$(eval echo \$"${key}") |
|||
color="32" |
|||
if [ "$value" == "" ]; then color="34"; value="unset" |
|||
elif [ "$value" == "1" ]; then color="32" |
|||
elif [ "$value" == "0" ]; then color="35" |
|||
else value="'$value'" |
|||
fi |
|||
printf " %-${colSize}s\\e[2;${color}m%s\\e[1;0m\\n" "$key" "$value" |
|||
} |
|||
|
|||
function formatGeneric { |
|||
printf " %-${colSize}s\\e[0;2m%s\\e[0m\\n" "$1" "$2" |
|||
} |
|||
|
|||
function formatDiscret { |
|||
printf "\\e[2;34m%s\\e[2;0m\\n" "$1" |
|||
} |
|||
|
|||
function formatSkip { |
|||
printf "\\e[2;34m[-] skipping %s (%s)\\e[0;0m\\n" "$1" "$2" |
|||
} |
|||
|
|||
function clearLine { |
|||
echo -en "\\r\\e[0K" |
|||
} |
|||
|
|||
function formatError { |
|||
printf "\\e[0;31m[✘] %s\\e[0;0m\\n" "$1" |
|||
} |
|||
|
|||
function formatProgress { |
|||
printf "\\e[0;35m[⬇] %s\\e[0;0m" "$1" |
|||
} |
|||
|
|||
function formatSuccess { |
|||
printf "\\e[0;36m[✔] %s\\e[0;0m\\n" "$1" |
|||
} |
|||
@ -0,0 +1,39 @@ |
|||
#!/bin/bash |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/format.sh |
|||
|
|||
function _getHashPath { |
|||
HASH_NAME=$1 |
|||
echo "./node_modules/.cache/LEDGER_HASH_$HASH_NAME.hash" |
|||
} |
|||
|
|||
function getHash { |
|||
HASH_NAME=$1 |
|||
HASH_PATH=$(_getHashPath "$HASH_NAME") |
|||
if [ ! -e "$HASH_PATH" ]; then |
|||
echo '' |
|||
else |
|||
HASH_CONTENT=$(cat "$HASH_PATH") |
|||
echo "$HASH_CONTENT" |
|||
fi |
|||
} |
|||
|
|||
function setHash { |
|||
HASH_NAME=$1 |
|||
HASH_CONTENT=$2 |
|||
formatSuccess "$HASH_NAME hash set to $HASH_CONTENT" |
|||
HASH_PATH=$(_getHashPath "$HASH_NAME") |
|||
mkdir -p ./node_modules/.cache |
|||
echo "$HASH_CONTENT" > "$HASH_PATH" |
|||
} |
|||
|
|||
function hashDiffers { |
|||
cachedHash=$(getHash "$1") |
|||
hash=$2 |
|||
if [ "$cachedHash" == "$hash" ]; then |
|||
return 1 |
|||
else |
|||
return 0 |
|||
fi |
|||
} |
|||
@ -0,0 +1,62 @@ |
|||
#!/bin/bash |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/format.sh |
|||
|
|||
operatingSystem=$(uname -s) |
|||
if [ "$operatingSystem" != "Linux" ] && [ "$operatingSystem" != "Darwin" ]; then |
|||
operatingSystem="Windows" |
|||
fi |
|||
|
|||
function runJob { |
|||
|
|||
local job=$1 |
|||
local progressMsg=$2 |
|||
local successMsg=$3 |
|||
local errMsg=$4 |
|||
local logLevel=$5 |
|||
|
|||
local tmpScript |
|||
local tmpErrFile |
|||
local childPid |
|||
local returnCode |
|||
|
|||
# let's absolutely don't take care of this fake os |
|||
if [ "$operatingSystem" == "Windows" ]; then |
|||
tmpScript=$(mktemp) |
|||
echo "$job" > "$tmpScript" |
|||
bash "$tmpScript" |
|||
rm "$tmpScript" |
|||
return $? |
|||
fi |
|||
|
|||
tmpErrFile=$(mktemp) |
|||
|
|||
formatProgress "$progressMsg" |
|||
|
|||
if [ "$logLevel" == "verbose" ]; then |
|||
echo |
|||
echo "$job" | bash & |
|||
else |
|||
echo "$job" | bash >/dev/null 2>"$tmpErrFile" & |
|||
fi |
|||
|
|||
childPid=$! |
|||
|
|||
# prevent set -e to exit if child fail |
|||
wait $childPid && returnCode=$? || returnCode=$? |
|||
|
|||
if [ "$logLevel" != "verbose" ]; then |
|||
clearLine |
|||
fi |
|||
|
|||
if [ $returnCode -eq 0 ]; then |
|||
formatSuccess "$successMsg" |
|||
else |
|||
formatError "$errMsg" |
|||
formatError "$(cat "$tmpErrFile")" |
|||
fi |
|||
|
|||
rm "$tmpErrFile" |
|||
return $returnCode |
|||
} |
|||
@ -1,14 +0,0 @@ |
|||
#!/bin/bash |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/hash-utils.sh |
|||
|
|||
PACKAGE_JSON_HASH=$(md5sum package.json | cut -d ' ' -f 1) |
|||
CACHED_PACKAGE_JSON_HASH=$(GET_HASH 'package.json') |
|||
|
|||
if [ "$CACHED_PACKAGE_JSON_HASH" == "$PACKAGE_JSON_HASH" ]; then |
|||
echo "> Skipping yarn install" |
|||
else |
|||
yarn install |
|||
SET_HASH 'package.json' "$PACKAGE_JSON_HASH" |
|||
fi |
|||
@ -1,135 +0,0 @@ |
|||
// This is a work in progress
|
|||
// The goal is to provide a cli which allow interact
|
|||
// with device & libcore for faster iterations
|
|||
|
|||
require('babel-polyfill') |
|||
require('babel-register') |
|||
|
|||
const chalk = require('chalk') |
|||
const inquirer = require('inquirer') |
|||
const path = require('path') |
|||
const TransportNodeHid = require('@ledgerhq/hw-transport-node-hid').default |
|||
|
|||
const { serializeAccounts, encodeAccount, decodeAccount } = require('../src/reducers/accounts') |
|||
const { doSignAndBroadcast } = require('../src/commands/libcoreSignAndBroadcast') |
|||
|
|||
const coreHelper = require('../src/helpers/libcore') |
|||
const withLibcore = require('../src/helpers/withLibcore').default |
|||
|
|||
if (!process.env.LEDGER_LIVE_SQLITE_PATH) { |
|||
throw new Error('you must define process.env.LEDGER_LIVE_SQLITE_PATH first') |
|||
} |
|||
|
|||
const LOCAL_DIRECTORY_PATH = path.resolve(process.env.LEDGER_LIVE_SQLITE_PATH, '../') |
|||
|
|||
gimmeDeviceAndLibCore(async ({ device, core, njsWalletPool }) => { |
|||
const raw = require(path.join(LOCAL_DIRECTORY_PATH, 'accounts.json')) // eslint-disable-line import/no-dynamic-require
|
|||
const accounts = serializeAccounts(raw.data) |
|||
const accountToUse = await chooseAccount('Which account to use?', accounts) |
|||
await actionLoop({ account: accountToUse, accounts, core, njsWalletPool, device }) |
|||
process.exit(0) |
|||
}) |
|||
|
|||
async function actionLoop(props) { |
|||
try { |
|||
const { account, accounts, core, njsWalletPool, device } = props |
|||
const actionToDo = await chooseAction(`What do you want to do with [${account.name}] ?`) |
|||
if (actionToDo === 'send funds') { |
|||
const transport = await TransportNodeHid.open(device.path) |
|||
const accountToReceive = await chooseAccount('To which account?', accounts) |
|||
const receiveAddress = await getFreshAddress({ |
|||
account: accountToReceive, |
|||
core, |
|||
njsWalletPool, |
|||
}) |
|||
console.log(`the receive address is ${receiveAddress}`) |
|||
const rawAccount = encodeAccount(account) |
|||
console.log(`trying to sign and broadcast...`) |
|||
const rawOp = await doSignAndBroadcast({ |
|||
account: rawAccount, |
|||
transaction: { |
|||
amount: 4200000, |
|||
recipient: receiveAddress, |
|||
feePerByte: 16, |
|||
isRBF: false, |
|||
}, |
|||
deviceId: device.path, |
|||
core, |
|||
transport, |
|||
}) |
|||
console.log(rawOp) |
|||
} else if (actionToDo === 'sync') { |
|||
console.log(`\nLaunch sync...\n`) |
|||
const rawAccount = encodeAccount(account) |
|||
const syncedAccount = await coreHelper.syncAccount({ rawAccount, core, njsWalletPool }) |
|||
console.log(`\nEnd sync...\n`) |
|||
console.log(`updated account: `, displayAccount(syncedAccount, 'red')) |
|||
} else if (actionToDo === 'quit') { |
|||
return true |
|||
} |
|||
} catch (err) { |
|||
console.log(`x Something went wrong`) |
|||
console.log(err) |
|||
process.exit(1) |
|||
} |
|||
return actionLoop(props) |
|||
} |
|||
|
|||
async function chooseInList(msg, list, formatItem = i => i) { |
|||
const choices = list.map(formatItem) |
|||
const { choice } = await inquirer.prompt([ |
|||
{ |
|||
type: 'list', |
|||
name: 'choice', |
|||
message: msg, |
|||
choices, |
|||
}, |
|||
]) |
|||
const index = choices.indexOf(choice) |
|||
return list[index] |
|||
} |
|||
|
|||
async function chooseAction(msg) { |
|||
return chooseInList(msg, ['sync', 'send funds', 'quit']) |
|||
} |
|||
|
|||
function chooseAccount(msg, accounts) { |
|||
return chooseInList(msg, accounts, acc => displayAccount(acc)) |
|||
} |
|||
|
|||
async function gimmeDeviceAndLibCore(cb) { |
|||
withLibcore((core, njsWalletPool) => { |
|||
TransportNodeHid.listen({ |
|||
error: () => {}, |
|||
complete: () => {}, |
|||
next: async e => { |
|||
if (!e.device) { |
|||
return |
|||
} |
|||
if (e.type === 'add') { |
|||
const { device } = e |
|||
cb({ device, core, njsWalletPool }) |
|||
} |
|||
}, |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
function displayAccount(acc, color = null) { |
|||
const isRawAccount = typeof acc.lastSyncDate === 'string' |
|||
if (isRawAccount) { |
|||
acc = decodeAccount(acc) |
|||
} |
|||
const str = `[${acc.name}] ${acc.isSegwit ? '' : '(legacy) '}${acc.unit.code} ${acc.balance} - ${ |
|||
acc.operations.length |
|||
} txs` |
|||
return color ? chalk[color](str) : str |
|||
} |
|||
|
|||
async function getFreshAddress({ account, core, njsWalletPool }) { |
|||
const njsAccount = await coreHelper.getNJSAccount({ account, njsWalletPool }) |
|||
const unsub = await core.syncAccount(njsAccount) |
|||
unsub() |
|||
const rawAddresses = await njsAccount.getFreshPublicAddresses() |
|||
return rawAddresses[0] |
|||
} |
|||
@ -1,63 +0,0 @@ |
|||
// Utility to human-read the accounts.json file
|
|||
// You have to pass it in parameter, because the location
|
|||
// differ depending on the OS.
|
|||
|
|||
const { |
|||
formatCurrencyUnit, |
|||
getCryptoCurrencyById, |
|||
} = require('@ledgerhq/live-common/lib/helpers/currencies') |
|||
const chalk = require('chalk') |
|||
const padStart = require('lodash/padStart') |
|||
const padEnd = require('lodash/padEnd') |
|||
|
|||
const { argv } = process |
|||
|
|||
const [, , FILE_PATH] = argv |
|||
|
|||
if (!FILE_PATH) { |
|||
console.log(`You need to specify a file`) |
|||
process.exit(1) |
|||
} |
|||
|
|||
const { data: wrappedAccounts } = require(FILE_PATH) // eslint-disable-line
|
|||
|
|||
const str = wrappedAccounts |
|||
.map(({ data: account }) => { |
|||
const currency = getCryptoCurrencyById(account.currencyId) |
|||
const unit = currency.units[0] |
|||
const headline = `${account.isSegwit ? '[SEGWIT]' : '[NOT SEGWIT]'} ${account.name} | ${ |
|||
account.id |
|||
} | ${account.path} | balance: ${formatCurrencyUnit(unit, account.balance, { |
|||
showCode: true, |
|||
alwaysShowSign: true, |
|||
})}` |
|||
return [ |
|||
headline, |
|||
headline |
|||
.split('') |
|||
.map(() => '-') |
|||
.join(''), |
|||
account.operations |
|||
.map(op => { |
|||
const opType = op.amount < 0 ? 'SEND' : 'RECEIVE' |
|||
return [ |
|||
padEnd(opType, 8), |
|||
op.date.substr(0, 10), |
|||
chalk[opType === 'SEND' ? 'red' : 'green']( |
|||
padStart( |
|||
formatCurrencyUnit(unit, op.amount, { |
|||
showCode: true, |
|||
alwaysShowSign: true, |
|||
}), |
|||
15, |
|||
), |
|||
), |
|||
op.hash, |
|||
].join(' ') |
|||
}) |
|||
.join('\n'), |
|||
].join('\n') |
|||
}) |
|||
.join('\n\n') |
|||
|
|||
console.log(str) |
|||
@ -1,45 +1,85 @@ |
|||
#!/bin/bash |
|||
|
|||
set -e |
|||
|
|||
export JOBS=max |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/display-env.sh |
|||
# shellcheck disable=SC1091 |
|||
source scripts/hash-utils.sh |
|||
source scripts/helpers/format.sh |
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/hash.sh |
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/run-job.sh |
|||
|
|||
latestFlowTypedCommitHash='' |
|||
|
|||
function MAIN { |
|||
if ! $CI; then |
|||
REBUILD_ELECTRON_NATIVE_DEPS |
|||
function main { |
|||
|
|||
# native dependencies |
|||
|
|||
if hashDiffers yarn.lock "$(getYarnHash)"; then |
|||
rebuildElectronNativeDeps |
|||
else |
|||
formatSkip "native module build" "already up-to-date" |
|||
fi |
|||
INSTALL_FLOW_TYPED |
|||
} |
|||
|
|||
function INSTALL_FLOW_TYPED { |
|||
LATEST_FLOW_TYPED_COMMIT_HASH=$(curl --silent --header "Accept: application/vnd.github.VERSION.sha" https://api.github.com/repos/flowtype/flow-typed/commits/master) |
|||
CURRENT_FLOW_TYPED_HASH=$(GET_HASH 'flow-typed') |
|||
if [ "$LATEST_FLOW_TYPED_COMMIT_HASH" == "$CURRENT_FLOW_TYPED_HASH" ]; then |
|||
echo "> Flow-typed definitions are up to date. Skipping" |
|||
# flow-typed |
|||
|
|||
formatProgress "Checking if flow-typed definitions are up-to-date..." |
|||
latestFlowTypedCommitHash=$(curl --silent --header "Accept: application/vnd.github.VERSION.sha" --location https://api.github.com/repos/flowtype/flow-typed/commits/master) |
|||
clearLine |
|||
|
|||
if [[ $latestFlowTypedCommitHash =~ ^\{ ]]; then |
|||
formatError "Failed to retrieve flow-typed definitions" |
|||
echo "$latestFlowTypedCommitHash" |
|||
exit 1 |
|||
else |
|||
echo "> Installing flow-typed defs" |
|||
flow-typed install -s --overwrite |
|||
echo "> Removing broken flow definitions" |
|||
rm flow-typed/npm/{react-i18next_v7.x.x.js,styled-components_v3.x.x.js,redux_*,winston*} |
|||
SET_HASH 'flow-typed' "$LATEST_FLOW_TYPED_COMMIT_HASH" |
|||
if hashDiffers flow-typed "$latestFlowTypedCommitHash"; then |
|||
installFlowTyped |
|||
else |
|||
formatSkip "flow-typed installation" "already up-to-date" |
|||
fi |
|||
fi |
|||
|
|||
echo |
|||
|
|||
} |
|||
|
|||
function REBUILD_ELECTRON_NATIVE_DEPS { |
|||
# for strange/fancy os-es |
|||
function installFlowTyped { |
|||
runJob \ |
|||
"flow-typed install -s --overwrite" \ |
|||
"Installing flow-typed definitions..." \ |
|||
"Installed flow-typed definitions" \ |
|||
"Failed installing flow-typed definitions" |
|||
|
|||
runJob \ |
|||
"rm flow-typed/npm/{react-i18next_v7.x.x.js,styled-components_v3.x.x.js,redux_*,winston*}" \ |
|||
"Removing broken flow-typed definitions" \ |
|||
"Removed broken flow-typed definitions" \ |
|||
"Failed removing broken flow-typed definitions" |
|||
|
|||
setHash flow-typed "$latestFlowTypedCommitHash" |
|||
} |
|||
|
|||
function rebuildElectronNativeDeps { |
|||
runJob \ |
|||
"DEBUG=electron-builder electron-builder install-app-deps" \ |
|||
"Building native electron dependencies..." \ |
|||
"Successfully builded native modules for electron" \ |
|||
"Build failed" \ |
|||
"verbose" |
|||
setHash yarn.lock "$(getYarnHash)" |
|||
} |
|||
|
|||
function getYarnHash { |
|||
if [[ $(uname) == 'Darwin' ]]; then |
|||
PACKAGE_JSON_HASH=$(md5 package.json | cut -d ' ' -f 1) |
|||
else |
|||
# for normal os-es |
|||
PACKAGE_JSON_HASH=$(md5sum package.json | cut -d ' ' -f 1) |
|||
fi |
|||
CACHED_PACKAGE_JSON_HASH=$(GET_HASH 'package.json') |
|||
if [ "$CACHED_PACKAGE_JSON_HASH" == "$PACKAGE_JSON_HASH" ]; then |
|||
echo "> Electron native deps are up to date. Skipping" |
|||
yarnHash=$(md5 yarn.lock | cut -d ' ' -f 1) |
|||
else |
|||
echo "> Installing electron native deps" |
|||
DEBUG=electron-builder electron-builder install-app-deps |
|||
SET_HASH 'package.json' "$PACKAGE_JSON_HASH" |
|||
yarnHash=$(md5sum yarn.lock | cut -d ' ' -f 1) |
|||
fi |
|||
echo "$yarnHash" |
|||
} |
|||
|
|||
MAIN |
|||
main |
|||
|
|||
@ -0,0 +1,42 @@ |
|||
#!/bin/bash |
|||
|
|||
set -e |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/run-job.sh |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/display-env.sh |
|||
|
|||
gitTag=$(git describe --tags) |
|||
tmpDir=$(mktemp -d) |
|||
|
|||
runJob \ |
|||
"pushd build/linux/arch >/dev/null; makepkg --printsrcinfo > .SRCINFO; popd >/dev/null" \ |
|||
"creating .SRCINFO" \ |
|||
"successfully created .SRCINFO" \ |
|||
"error creating .SRCINFO" |
|||
|
|||
runJob \ |
|||
"git clone ssh://aur@aur.archlinux.org/ledger-live.git ${tmpDir}" \ |
|||
"cloning AUR repository" \ |
|||
"cloned AUR repository" \ |
|||
"error cloning AUR repository" |
|||
|
|||
runJob \ |
|||
"cp build/linux/arch/{ledger-live.desktop,PKGBUILD,.SRCINFO} \"${tmpDir}\"" \ |
|||
"copying files" \ |
|||
"copied files" \ |
|||
"error copying files" |
|||
|
|||
# shellcheck disable=SC2164 |
|||
cd "$tmpDir" |
|||
|
|||
git add . |
|||
git commit -m "Build for ${gitTag}" |
|||
|
|||
runJob \ |
|||
"git push origin master" \ |
|||
"pushing package" \ |
|||
"successfully pushed package" \ |
|||
"error pushing package" |
|||
@ -1,5 +1,8 @@ |
|||
#!/bin/bash |
|||
|
|||
# shellcheck disable=SC1091 |
|||
source scripts/helpers/display-env.sh |
|||
|
|||
concurrently --raw --kill-others \ |
|||
"cross-env NODE_ENV=development webpack-cli --mode development --watch --config webpack/internals.config.js" \ |
|||
"cross-env NODE_ENV=development electron-webpack dev" |
|||
|
|||
@ -0,0 +1,43 @@ |
|||
// @flow
|
|||
|
|||
import { createSelector, createStructuredSelector } from 'reselect' |
|||
import CounterValues from 'helpers/countervalues' |
|||
import { |
|||
intermediaryCurrency, |
|||
currencySettingsForAccountSelector, |
|||
getOrderAccounts, |
|||
} from 'reducers/settings' |
|||
import { accountsSelector } from 'reducers/accounts' |
|||
import { sortAccounts } from 'helpers/accountOrdering' |
|||
|
|||
const accountsBtcBalanceSelector = createSelector( |
|||
accountsSelector, |
|||
state => state, |
|||
(accounts, state) => |
|||
accounts.map(account => { |
|||
const { exchange } = currencySettingsForAccountSelector(state, { account }) |
|||
return CounterValues.calculateSelector(state, { |
|||
from: account.currency, |
|||
to: intermediaryCurrency, |
|||
exchange, |
|||
value: account.balance, |
|||
}) |
|||
}), |
|||
) |
|||
|
|||
const selectAccountsBalanceAndOrder = createStructuredSelector({ |
|||
accounts: accountsSelector, |
|||
accountsBtcBalance: accountsBtcBalanceSelector, |
|||
orderAccounts: getOrderAccounts, |
|||
}) |
|||
|
|||
export const refreshAccountsOrdering = () => (dispatch: *, getState: *) => { |
|||
const all = selectAccountsBalanceAndOrder(getState()) |
|||
const allRatesAvailable = all.accountsBtcBalance.every(b => !!b) |
|||
if (allRatesAvailable) { |
|||
dispatch({ |
|||
type: 'DB:REORDER_ACCOUNTS', |
|||
payload: sortAccounts(all), |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,28 @@ |
|||
// @flow
|
|||
|
|||
import { getCryptoCurrencyById } from '@ledgerhq/live-common/lib/helpers/currencies' |
|||
import { createCommand, Command } from 'helpers/ipc' |
|||
import { fromPromise } from 'rxjs/observable/fromPromise' |
|||
import { withDevice } from 'helpers/deviceAccess' |
|||
import debugAppInfosForCurrency from 'helpers/debugAppInfosForCurrency' |
|||
|
|||
type Input = { |
|||
currencyId: string, |
|||
devicePath: string, |
|||
} |
|||
|
|||
type Result = { |
|||
version?: string, |
|||
} |
|||
|
|||
const cmd: Command<Input, Result> = createCommand( |
|||
'debugAppInfosForCurrency', |
|||
({ currencyId, devicePath }) => |
|||
fromPromise( |
|||
withDevice(devicePath)(transport => |
|||
debugAppInfosForCurrency(transport, getCryptoCurrencyById(currencyId)), |
|||
), |
|||
), |
|||
) |
|||
|
|||
export default cmd |
|||
@ -1,103 +0,0 @@ |
|||
// @flow
|
|||
|
|||
import React, { PureComponent } from 'react' |
|||
import styled from 'styled-components' |
|||
|
|||
import type { Account, Currency } from '@ledgerhq/live-common/lib/types' |
|||
|
|||
import Chart from 'components/base/Chart' |
|||
import Bar from 'components/base/Bar' |
|||
import Box, { Card } from 'components/base/Box' |
|||
import CalculateBalance from 'components/CalculateBalance' |
|||
import FormattedVal from 'components/base/FormattedVal' |
|||
import Ellipsis from 'components/base/Ellipsis' |
|||
import CryptoCurrencyIcon from 'components/CryptoCurrencyIcon' |
|||
import DeltaChange from '../DeltaChange' |
|||
|
|||
const Wrapper = styled(Card).attrs({ |
|||
p: 4, |
|||
flex: 1, |
|||
})` |
|||
cursor: ${p => (p.onClick ? 'pointer' : 'default')}; |
|||
` |
|||
|
|||
class AccountCard extends PureComponent<{ |
|||
counterValue: Currency, |
|||
account: Account, |
|||
onClick?: Account => void, |
|||
daysCount: number, |
|||
}> { |
|||
render() { |
|||
const { counterValue, account, onClick, daysCount, ...props } = this.props |
|||
return ( |
|||
<Wrapper onClick={onClick ? () => onClick(account) : null} {...props}> |
|||
<Box flow={4}> |
|||
<Box horizontal ff="Open Sans|SemiBold" flow={3} alignItems="center"> |
|||
<Box |
|||
alignItems="center" |
|||
justifyContent="center" |
|||
style={{ color: account.currency.color }} |
|||
> |
|||
<CryptoCurrencyIcon currency={account.currency} size={20} /> |
|||
</Box> |
|||
<Box grow> |
|||
<Box style={{ textTransform: 'uppercase' }} fontSize={0} color="graphite"> |
|||
{account.currency.name} |
|||
</Box> |
|||
<Ellipsis fontSize={4} color="dark"> |
|||
{account.name} |
|||
</Ellipsis> |
|||
</Box> |
|||
</Box> |
|||
<Bar size={1} color="fog" /> |
|||
<Box justifyContent="center"> |
|||
<FormattedVal |
|||
alwaysShowSign={false} |
|||
color="dark" |
|||
unit={account.unit} |
|||
showCode |
|||
val={account.balance} |
|||
/> |
|||
</Box> |
|||
</Box> |
|||
<CalculateBalance counterValue={counterValue} accounts={[account]} daysCount={daysCount}> |
|||
{({ isAvailable, balanceHistory, balanceStart, balanceEnd }) => ( |
|||
<Box flow={4}> |
|||
<Box flow={2} horizontal> |
|||
<Box justifyContent="center"> |
|||
{isAvailable ? ( |
|||
<FormattedVal |
|||
animateTicker |
|||
unit={counterValue.units[0]} |
|||
val={balanceEnd} |
|||
alwaysShowSign={false} |
|||
showCode |
|||
fontSize={3} |
|||
color="graphite" |
|||
/> |
|||
) : null} |
|||
</Box> |
|||
<Box grow justifyContent="center"> |
|||
{balanceStart && isAvailable ? ( |
|||
<DeltaChange from={balanceStart} to={balanceEnd} alwaysShowSign fontSize={3} /> |
|||
) : null} |
|||
</Box> |
|||
</Box> |
|||
<Chart |
|||
data={balanceHistory} |
|||
color={account.currency.color} |
|||
height={52} |
|||
hideAxis |
|||
isInteractive={false} |
|||
id={`account-chart-${account.id}`} |
|||
unit={account.unit} |
|||
/> |
|||
</Box> |
|||
)} |
|||
</CalculateBalance> |
|||
</Wrapper> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default AccountCard |
|||
@ -0,0 +1,33 @@ |
|||
// @flow
|
|||
|
|||
import React, { PureComponent } from 'react' |
|||
import type { CryptoCurrency } from '@ledgerhq/live-common/lib/types' |
|||
import Box from 'components/base/Box' |
|||
import Ellipsis from 'components/base/Ellipsis' |
|||
import CryptoCurrencyIcon from 'components/CryptoCurrencyIcon' |
|||
|
|||
class AccountCardHeader extends PureComponent<{ |
|||
currency: CryptoCurrency, |
|||
accountName: string, |
|||
}> { |
|||
render() { |
|||
const { currency, accountName } = this.props |
|||
return ( |
|||
<Box horizontal ff="Open Sans|SemiBold" flow={3} alignItems="center"> |
|||
<Box alignItems="center" justifyContent="center" style={{ color: currency.color }}> |
|||
<CryptoCurrencyIcon currency={currency} size={20} /> |
|||
</Box> |
|||
<Box grow> |
|||
<Box style={{ textTransform: 'uppercase' }} fontSize={0} color="graphite"> |
|||
{currency.name} |
|||
</Box> |
|||
<Ellipsis fontSize={4} color="dark"> |
|||
{accountName} |
|||
</Ellipsis> |
|||
</Box> |
|||
</Box> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default AccountCardHeader |
|||
@ -0,0 +1,94 @@ |
|||
// @flow
|
|||
|
|||
import React, { PureComponent } from 'react' |
|||
import styled from 'styled-components' |
|||
|
|||
import type { Account, Currency } from '@ledgerhq/live-common/lib/types' |
|||
|
|||
import Chart from 'components/base/Chart' |
|||
import Bar from 'components/base/Bar' |
|||
import Box, { Card } from 'components/base/Box' |
|||
import CalculateBalance from 'components/CalculateBalance' |
|||
import FormattedVal from 'components/base/FormattedVal' |
|||
import DeltaChange from 'components/DeltaChange' |
|||
import AccountCardHeader from './Header' |
|||
|
|||
const Wrapper = styled(Card).attrs({ |
|||
p: 4, |
|||
flex: 1, |
|||
})` |
|||
cursor: ${p => (p.onClick ? 'pointer' : 'default')}; |
|||
` |
|||
|
|||
class AccountCard extends PureComponent<{ |
|||
counterValue: Currency, |
|||
account: Account, |
|||
onClick: Account => void, |
|||
daysCount: number, |
|||
}> { |
|||
renderBody = ({ isAvailable, balanceHistory, balanceStart, balanceEnd }: *) => { |
|||
const { counterValue, account } = this.props |
|||
return ( |
|||
<Box flow={4}> |
|||
<Box flow={2} horizontal> |
|||
<Box justifyContent="center"> |
|||
{isAvailable ? ( |
|||
<FormattedVal |
|||
animateTicker |
|||
unit={counterValue.units[0]} |
|||
val={balanceEnd} |
|||
alwaysShowSign={false} |
|||
showCode |
|||
fontSize={3} |
|||
color="graphite" |
|||
/> |
|||
) : null} |
|||
</Box> |
|||
<Box grow justifyContent="center"> |
|||
{isAvailable && !balanceStart.isZero() ? ( |
|||
<DeltaChange from={balanceStart} to={balanceEnd} alwaysShowSign fontSize={3} /> |
|||
) : null} |
|||
</Box> |
|||
</Box> |
|||
<Chart |
|||
data={balanceHistory} |
|||
color={account.currency.color} |
|||
height={52} |
|||
hideAxis |
|||
isInteractive={false} |
|||
id={`account-chart-${account.id}`} |
|||
unit={account.unit} |
|||
/> |
|||
</Box> |
|||
) |
|||
} |
|||
onClick = () => { |
|||
const { account, onClick } = this.props |
|||
onClick(account) |
|||
} |
|||
render() { |
|||
const { counterValue, account, onClick, daysCount, ...props } = this.props |
|||
return ( |
|||
<Wrapper onClick={this.onClick} {...props}> |
|||
<Box flow={4}> |
|||
<AccountCardHeader accountName={account.name} currency={account.currency} /> |
|||
<Bar size={1} color="fog" /> |
|||
<Box justifyContent="center"> |
|||
<FormattedVal |
|||
alwaysShowSign={false} |
|||
color="dark" |
|||
unit={account.unit} |
|||
showCode |
|||
val={account.balance} |
|||
/> |
|||
</Box> |
|||
</Box> |
|||
<CalculateBalance counterValue={counterValue} accounts={[account]} daysCount={daysCount}> |
|||
{this.renderBody} |
|||
</CalculateBalance> |
|||
</Wrapper> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default AccountCard |
|||
@ -0,0 +1,66 @@ |
|||
// @flow
|
|||
|
|||
import React, { Component } from 'react' |
|||
import type { Account, Currency } from '@ledgerhq/live-common/lib/types' |
|||
|
|||
import Box from 'components/base/Box' |
|||
import AccountCard from './AccountCard' |
|||
import AccountCardListHeader from './AccountCardListHeader' |
|||
import AccountCardPlaceholder from './AccountCardPlaceholder' |
|||
|
|||
type Props = { |
|||
accounts: Account[], |
|||
onAccountClick: Account => void, |
|||
counterValue: Currency, |
|||
daysCount: number, |
|||
} |
|||
|
|||
class AccountCardList extends Component<Props> { |
|||
render() { |
|||
const { accounts, counterValue, daysCount, onAccountClick } = this.props |
|||
|
|||
return ( |
|||
<Box flow={4}> |
|||
<AccountCardListHeader accountsLength={accounts.length} /> |
|||
<Box |
|||
horizontal |
|||
flexWrap="wrap" |
|||
justifyContent="flex-start" |
|||
alignItems="center" |
|||
style={{ margin: '0 -16px' }} |
|||
> |
|||
{accounts |
|||
.map(account => ({ |
|||
key: account.id, |
|||
account, |
|||
})) |
|||
.concat( |
|||
Array(3 - (accounts.length % 3)) |
|||
.fill(null) |
|||
.map((_, i) => ({ |
|||
key: `placeholder_${i}`, |
|||
withPlaceholder: i === 0, |
|||
})), |
|||
) |
|||
.map(item => ( |
|||
<Box key={item.key} flex="33%" p={16}> |
|||
{item.account ? ( |
|||
<AccountCard |
|||
key={item.account.id} |
|||
counterValue={counterValue} |
|||
account={item.account} |
|||
daysCount={daysCount} |
|||
onClick={onAccountClick} |
|||
/> |
|||
) : item.withPlaceholder ? ( |
|||
<AccountCardPlaceholder /> |
|||
) : null} |
|||
</Box> |
|||
))} |
|||
</Box> |
|||
</Box> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default AccountCardList |
|||
@ -0,0 +1,33 @@ |
|||
// @flow
|
|||
|
|||
import React, { PureComponent } from 'react' |
|||
import { translate } from 'react-i18next' |
|||
import type { T } from 'types/common' |
|||
|
|||
import Box from 'components/base/Box' |
|||
import Text from 'components/base/Text' |
|||
import AccountsOrder from './AccountsOrder' |
|||
|
|||
type Props = { |
|||
t: T, |
|||
accountsLength: number, |
|||
} |
|||
|
|||
class AccountCardListHeader extends PureComponent<Props> { |
|||
render() { |
|||
const { accountsLength, t } = this.props |
|||
|
|||
return ( |
|||
<Box horizontal alignItems="flex-end"> |
|||
<Text color="dark" ff="Museo Sans" fontSize={6}> |
|||
{t('app:dashboard.accounts.title', { count: accountsLength })} |
|||
</Text> |
|||
<Box ml="auto" horizontal flow={1}> |
|||
<AccountsOrder /> |
|||
</Box> |
|||
</Box> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default translate()(AccountCardListHeader) |
|||
@ -0,0 +1,64 @@ |
|||
// @flow
|
|||
|
|||
import React, { PureComponent } from 'react' |
|||
import { connect } from 'react-redux' |
|||
import { translate } from 'react-i18next' |
|||
import styled from 'styled-components' |
|||
|
|||
import { openModal } from 'reducers/modals' |
|||
import { MODAL_ADD_ACCOUNTS } from 'config/constants' |
|||
import type { T } from 'types/common' |
|||
import { i } from 'helpers/staticPath' |
|||
import Box from 'components/base/Box' |
|||
import Button from 'components/base/Button' |
|||
|
|||
const Wrapper = styled(Box).attrs({ |
|||
p: 4, |
|||
flex: 1, |
|||
alignItems: 'center', |
|||
})` |
|||
border: 1px dashed ${p => p.theme.colors.fog}; |
|||
border-radius: 4px; |
|||
height: 215px; |
|||
` |
|||
|
|||
class AccountCardPlaceholder extends PureComponent<{ |
|||
t: T, |
|||
openModal: string => void, |
|||
}> { |
|||
onAddAccounts = () => this.props.openModal(MODAL_ADD_ACCOUNTS) |
|||
|
|||
render() { |
|||
const { t } = this.props |
|||
return ( |
|||
<Wrapper> |
|||
<Box mt={2}> |
|||
<img alt="" src={i('empty-account-tile.svg')} /> |
|||
</Box> |
|||
<Box |
|||
ff="Open Sans" |
|||
fontSize={3} |
|||
color="grey" |
|||
pb={2} |
|||
mt={3} |
|||
textAlign="center" |
|||
style={{ maxWidth: 150 }} |
|||
> |
|||
{t('app:dashboard.emptyAccountTile.desc')} |
|||
</Box> |
|||
<Button primary onClick={this.onAddAccounts}> |
|||
{t('app:dashboard.emptyAccountTile.createAccount')} |
|||
</Button> |
|||
</Wrapper> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default translate()( |
|||
connect( |
|||
null, |
|||
{ |
|||
openModal, |
|||
}, |
|||
)(AccountCardPlaceholder), |
|||
) |
|||
@ -0,0 +1,31 @@ |
|||
// @flow
|
|||
import React, { PureComponent } from 'react' |
|||
import { translate } from 'react-i18next' |
|||
import type { T } from 'types/common' |
|||
|
|||
import Text from 'components/base/Text' |
|||
|
|||
const getCurrentGreetings = () => { |
|||
const localTimeHour = new Date().getHours() |
|||
const afternoon_breakpoint = 12 |
|||
const evening_breakpoint = 17 |
|||
if (localTimeHour >= afternoon_breakpoint && localTimeHour < evening_breakpoint) { |
|||
return 'app:dashboard.greeting.afternoon' |
|||
} else if (localTimeHour >= evening_breakpoint) { |
|||
return 'app:dashboard.greeting.evening' |
|||
} |
|||
return 'app:dashboard.greeting.morning' |
|||
} |
|||
|
|||
class CurrentGettings extends PureComponent<{ t: T }> { |
|||
render() { |
|||
const { t } = this.props |
|||
return ( |
|||
<Text color="dark" ff="Museo Sans" fontSize={7}> |
|||
{t(getCurrentGreetings())} |
|||
</Text> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default translate()(CurrentGettings) |
|||
@ -0,0 +1,22 @@ |
|||
// @flow
|
|||
|
|||
import React, { PureComponent } from 'react' |
|||
import { translate } from 'react-i18next' |
|||
import type { T } from 'types/common' |
|||
import Text from 'components/base/Text' |
|||
|
|||
class SummaryDesc extends PureComponent<{ |
|||
t: T, |
|||
totalAccounts: number, |
|||
}> { |
|||
render() { |
|||
const { totalAccounts, t } = this.props |
|||
return ( |
|||
<Text color="grey" fontSize={5} ff="Museo Sans|Light"> |
|||
{t('app:dashboard.summary', { count: totalAccounts })} |
|||
</Text> |
|||
) |
|||
} |
|||
} |
|||
|
|||
export default translate()(SummaryDesc) |
|||
@ -0,0 +1,51 @@ |
|||
// @flow
|
|||
import { Component } from 'react' |
|||
import { connect } from 'react-redux' |
|||
import { createStructuredSelector } from 'reselect' |
|||
import { getCurrentDevice } from 'reducers/devices' |
|||
import debugAppInfosForCurrency from 'commands/debugAppInfosForCurrency' |
|||
|
|||
class DebugAppInfosForCurrency extends Component< |
|||
{ |
|||
children?: (?string) => React$Node, |
|||
currencyId: string, |
|||
device: *, |
|||
}, |
|||
{ |
|||
version: ?string, |
|||
}, |
|||
> { |
|||
state = { |
|||
version: null, |
|||
} |
|||
componentDidMount() { |
|||
const { device, currencyId } = this.props |
|||
if (device) { |
|||
debugAppInfosForCurrency |
|||
.send({ currencyId, devicePath: device.path }) |
|||
.toPromise() |
|||
.then( |
|||
({ version }) => { |
|||
if (this.unmounted) return |
|||
this.setState({ version }) |
|||
}, |
|||
() => {}, |
|||
) |
|||
} |
|||
} |
|||
componentWillUnmount() { |
|||
this.unmounted = true |
|||
} |
|||
unmounted = false |
|||
render() { |
|||
const { children } = this.props |
|||
const { version } = this.state |
|||
return children ? children(version) : null |
|||
} |
|||
} |
|||
|
|||
export default connect( |
|||
createStructuredSelector({ |
|||
device: getCurrentDevice, |
|||
}), |
|||
)(DebugAppInfosForCurrency) |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue