deep-stack/cosmos-explorer
4
0
Fork 0
forked from LaconicNetwork/cosmos-explorer
Code Pull Requests Activity

add ledger

Browse Source
This commit is contained in:
liangping
2021-08-14 20:04:11 +08:00
parent 977d59553a
commit 3e16fa9de8
6 changed files with 238 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/@core/scss/vue/libs/vue-wizard.scss
+6 -6
View File
@@ -86,8 +86,8 @@
&:not(:first-child) {
a {
&::before {
content: '\e844';
font-family: feather !important;
content: '>';
// font-family: feather !important;/*
speak: none;
font-style: normal;
font-weight: 400;
@@ -123,8 +123,8 @@
background-color: rgba($secondary, 0.04) !important;
}
&::before {
content: '\e843';
font-family: feather !important;
content: '<';
// font-family: feather !important;
speak: none;
font-style: normal;
font-variant: normal;
@@ -143,8 +143,8 @@
box-shadow: 0 8px 25px -8px $primary;
}
&::after {
content: '\e844';
font-family: feather !important;
content: '>';
//font-family: feather !important;
speak: none;
font-style: normal;
font-weight: 400;
src/libs/data/data.js
+19
View File
@@ -2,6 +2,11 @@ import {
Bech32, fromBase64, fromHex, toHex,
} from '@cosmjs/encoding'
import { sha256 } from '@cosmjs/crypto'
// ledger
import TransportWebBLE from '@ledgerhq/hw-transport-web-ble'
import TransportWebUSB from '@ledgerhq/hw-transport-webusb'
// import Cosmos from '@ledgerhq/hw-app-cosmos'
import CosmosApp from 'ledger-cosmos-js'
import dayjs from 'dayjs'
import duration from 'dayjs/plugin/duration'
@@ -12,6 +17,20 @@ dayjs.extend(localeData)
dayjs.extend(duration)
dayjs.extend(relativeTime)
export async function connectLedger(transport = 'usb') {
const trans = await transport === 'usb' ? TransportWebUSB.create() : TransportWebBLE.create()
return new CosmosApp(trans)
}
const COSMOS_PATH = [44, 118, 0, 0, 0]
export async function getLedgerAddress(transport = 'blu') {
const trans = transport === 'usb' ? await TransportWebUSB.create() : await TransportWebBLE.create()
trans.setDebugMode(true)
const cosmos = new CosmosApp(trans)
return cosmos.getAddressAndPubKey(COSMOS_PATH, 'cosmos')
}
export function getLocalObject(name) {
const text = localStorage.getItem(name)
if (text) {
src/views/FormWizardNumber.vue → src/views/UserAccountImportAddress.vue
+87 -23
View File
@@ -7,6 +7,7 @@
shape="square"
finish-button-text="Submit"
back-button-text="Previous"
class="steps-transparent mb-3 md"
@on-complete="formSubmitted"
>
<!-- Device tab -->
@@ -29,12 +30,17 @@
name="device"
rules="required"
>
<div class="demo-inline-spacing">
<b-form-radio-group
v-model="device"
stacked
>
<b-form-radio
v-model="device"
name="device"
value="keplr"
checked
class="mb-1 mt-1"
>
Keplr
</b-form-radio>
@@ -42,20 +48,34 @@
v-model="device"
name="device"
value="ledger"
disabled
class="mb-1"
>
Ledger Nano
Ledger via WebUSB
</b-form-radio>
<b-form-radio
v-model="device"
name="device"
value="nmemonic"
disabled
value="ledger2"
class="mb-1"
>
Nmemonic
Ledger via Bluetooth
</b-form-radio>
</div>
<small class="text-danger">{{ errors[0] }}</small>
<b-form-radio
v-model="device"
name="device"
value="address"
>
Address (Observe Only)
</b-form-radio>
</b-form-radio-group>
<b-form-input
v-if="device === 'address'"
v-model="address"
class="mt-1"
name="address"
placeholder="cosmos1ev0vtddkl7jlwfawlk06yzncapw2x9quyxx75u"
/>
<small class="text-danger">{{ debug }}{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
@@ -107,7 +127,9 @@
<b-col
v-for="item, key in chains"
:key="key"
cols="3"
xs="12"
md="4"
lg="3"
class="mb-25"
>
<b-form-checkbox
@@ -189,11 +211,11 @@ import {
BAvatar,
BInputGroup,
BInputGroupPrepend,
BFormRadioGroup,
} from 'bootstrap-vue'
import { required } from '@validations'
import store from '@/store'
import { addressDecode, addressEnCode } from '@/libs/data'
import { Bech32 } from '@cosmjs/encoding'
import { addressDecode, addressEnCode, getLedgerAddress } from '@/libs/data'
export default {
components: {
@@ -210,12 +232,15 @@ export default {
BFormCheckbox,
BInputGroup,
BInputGroupPrepend,
BFormRadioGroup,
// eslint-disable-next-line vue/no-unused-components
ToastificationContent,
},
data() {
return {
debug: '',
device: 'keplr',
address: '',
name: '',
options: {},
required,
@@ -231,7 +256,7 @@ export default {
addresses() {
if (!this.accounts) return []
const { data } = addressDecode(this.accounts[0].address)
const { data } = addressDecode(this.accounts.address)
return this.selected.map(x => {
const { logo, addr_prefix } = this.chains[x]
const addr = addressEnCode(addr_prefix, data)
@@ -246,10 +271,15 @@ export default {
}
},
methods: {
async connect() {
const transport = this.device === 'ledger' ? 'usb' : 'bluetooth'
return getLedgerAddress(transport).catch(e => {
this.debug = e
})
},
async cennectKeplr() {
if (!window.getOfflineSigner || !window.keplr) {
// eslint-disable-next-line no-alert
alert('Please install keplr extension')
this.debug = 'Please install keplr extension'
return null
}
const chainId = 'cosmoshub'
@@ -257,6 +287,20 @@ export default {
const offlineSigner = window.getOfflineSigner(chainId)
return offlineSigner.getAccounts()
},
localAddress() {
if (!this.address) return false
try {
const { data } = addressDecode(this.address)
if (data) {
this.accounts = {
address: this.address,
pubkey: data,
}
return true
}
} catch (e) { this.debug = e }
return false
},
formSubmitted() {
const string = localStorage.getItem('accounts')
const accounts = string ? JSON.parse(string) : {}
@@ -268,6 +312,7 @@ export default {
}
localStorage.setItem('accounts', JSON.stringify(accounts))
this.$parent.$parent.$parent.completeAdd()
this.$toast({
component: ToastificationContent,
props: {
@@ -278,16 +323,36 @@ export default {
})
},
async validationFormDevice() {
await this.cennectKeplr().then(accounts => {
if (accounts) {
this.accounts = accounts
const key = Bech32.decode(accounts[0].address)
console.log(accounts, key)
}
})
let ok = false
switch (this.device) {
case 'keplr':
await this.cennectKeplr().then(accounts => {
if (accounts) {
// eslint-disable-next-line prefer-destructuring
this.accounts = accounts[0]
ok = true
}
})
break
case 'ledger':
case 'ledger2':
await this.connect().then(accounts => {
if (accounts) {
this.accounts = {
address: accounts.bech32_address,
pubkey: accounts.compressed_pk,
}
ok = true
}
})
break
default:
ok = this.localAddress()
}
return new Promise((resolve, reject) => {
this.$refs.deviceRules.validate().then(success => {
if (success) {
if (ok && success) {
resolve(true)
}
reject()
@@ -310,6 +375,5 @@ export default {
</script>
<style lang="scss">
@import '@core/scss/vue/pages/ui-feather.scss';
@import '@core/scss/vue/libs/vue-wizard.scss';
</style>
src/views/UserAccounts.vue
+10 -6
View File
@@ -114,15 +114,15 @@
</b-tabs>
<b-card
v-b-modal.modal-center
v-b-modal.add-account
class="addzone"
>
<feather-icon icon="PlusIcon" />
Import Accounts
</b-card>
<!-- modal vertical center -->
<!-- modal add accout -->
<b-modal
id="modal-center"
id="add-account"
centered
size="lg"
title="Add Account"
@@ -131,7 +131,7 @@
cancel-disabled
scrollable
>
<form-wizard-number />
<user-account-import-address />
</b-modal>
</div>
@@ -147,7 +147,7 @@ import FeatherIcon from '@/@core/components/feather-icon/FeatherIcon.vue'
import {
formatTokenAmount, formatTokenDenom, getLocalAccounts, getLocalChains,
} from '@/libs/data'
import FormWizardNumber from './FormWizardNumber.vue'
import UserAccountImportAddress from './UserAccountImportAddress.vue'
// import { SigningCosmosClient } from '@cosmjs/launchpad'
export default {
@@ -163,7 +163,7 @@ export default {
BCardTitle,
BDropdown,
BDropdownItem,
FormWizardNumber,
UserAccountImportAddress,
FeatherIcon,
},
directives: {
@@ -212,6 +212,10 @@ export default {
}
},
methods: {
completeAdd() {
this.$set(this, 'accounts', getLocalAccounts())
this.$bvModal.hide('add-account')
},
formatDenom(v) {
const denom = (v.startsWith('ibc') ? this.ibcDenom[v] : v)
return formatTokenDenom(denom)