git.iko.soy/bridge
on a028757 help sign in
bridge/src/views/Bitcoin/SignTransaction.js
158 lines 4.6 kB history raw
1import React, { useState } from 'react';
2import { Grid, Text } from 'indigo-react';
4import { useLocalRouter } from 'lib/LocalRouter';
5import { COMMANDS, useFlowCommand } from 'lib/flowCommand';
7import View from 'components/View';
8import Highlighted from 'components/Highlighted';
9import CopiableAddressWrap from 'components/CopiableAddressWrap';
10import ViewHeader from 'components/ViewHeader';
11import SubmitButton from 'form/SubmitButton';
13import { useWallet } from 'store/wallet';
15import * as need from 'lib/need';
16import * as bitcoin from 'bitcoinjs-lib';
18import BridgeForm from 'form/BridgeForm';
19import { PsbtInput } from 'form/Inputs';
21import { composeValidator, buildPsbtValidator } from 'form/validators';
23const BITCOIN_MAINNET_INFO = {
24 messagePrefix: '\x18Bitcoin Signed Message:\n',
25 bech32: 'bc',
26 bip32: {
27 public: 0x04b24746,
28 private: 0x04b2430c,
29 },
30 pubKeyHash: 0x00,
31 scriptHash: 0x05,
32 wif: 0x80,
33};
35const BITCOIN_TESTNET_INFO = {
36 messagePrefix: '\x18Bitcoin Signed Message:\n',
37 bech32: 'tb',
38 bip32: {
39 public: 0x045f1cf6,
40 private: 0x045f18bc,
41 },
42 pubKeyHash: 0x6f,
43 scriptHash: 0xc4,
44 wif: 0xef,
45};
47export default function SignTransaction() {
48 const { pop } = useLocalRouter();
49 const { urbitWallet } = useWallet();
50 const flow = useFlowCommand();
52 const [signedTx, setSignedTx] = useState('');
53 const [psbt, setPsbt] = useState({});
55 const { xprv: zprv } = need.urbitWallet(urbitWallet).bitcoinMainnet.keys;
56 const { xprv: vprv } = need.urbitWallet(urbitWallet).bitcoinTestnet.keys;
58 const validate = composeValidator({
59 unsignedTransaction: buildPsbtValidator(),
60 });
62 const onSubmit = (values, form) => {
63 const newPsbt = bitcoin.Psbt.fromBase64(values.unsignedTransaction);
65 const isTestnet = newPsbt.data.inputs[0].bip32Derivation[0].path.startsWith(
66 "m/84'/1'/0'/"
67 );
69 const derivationPrefix = isTestnet ? "m/84'/1'/0'/" : "m/84'/0'/0'/";
71 const btcWallet = isTestnet
72 ? bitcoin.bip32.fromBase58(vprv, BITCOIN_TESTNET_INFO)
73 : bitcoin.bip32.fromBase58(zprv, BITCOIN_MAINNET_INFO);
75 try {
76 const hex = newPsbt.data.inputs
77 .reduce((psbt, input, idx) => {
78 // removing already derived part, eg m/84'/0'/0'/0/0 becomes 0/0
79 const path = input.bip32Derivation[0].path
80 .split(derivationPrefix)
81 .join('');
82 const prv = btcWallet.derivePath(path).privateKey;
83 return psbt.signInput(idx, bitcoin.ECPair.fromPrivateKey(prv));
84 }, newPsbt)
85 .finalizeAllInputs()
86 .extractTransaction()
87 .toHex();
88 setPsbt(newPsbt);
89 setSignedTx(hex);
90 } catch (error) {
91 return { unsignedTransaction: 'Can not sign transaction' };
92 }
93 };
95 const initialValues = {};
96 if (flow && COMMANDS.BITCOIN === flow.kind) {
97 initialValues.unsignedTransaction = flow.utx;
98 }
100 return (
101 <View pop={pop} inset>
102 <Grid className="mt4">
103 <Grid.Item full className="mt4" as={Text}>
104 Paste unsigned transactions from Landscape here
105 </Grid.Item>
106 <BridgeForm
107 validate={validate}
108 initialValues={initialValues}
109 onSubmit={onSubmit}>
110 {({ handleSubmit }) => (
111 <>
112 <Grid.Item
113 full
114 as={PsbtInput}
115 name="unsignedTransaction"
116 label="Unsigned transaction"
117 className="mt4"
118 />
119 <Grid.Item
120 full
121 solid
122 className="mt2"
123 accessory=""
124 handleSubmit={handleSubmit}
125 as={SubmitButton}>
126 Sign Transaction
127 </Grid.Item>
128 </>
129 )}
130 </BridgeForm>
131 {signedTx && (
132 <Grid.Item full className="mt4" as={Text}>
133 Transaction outputs:
134 </Grid.Item>
135 )}
136 {signedTx &&
137 psbt.txOutputs.map(e => (
138 <Grid.Item full className="mt4" key={e.address}>
139 <span>{e.address}</span>
140 <div className="mt1 mono black f6">{e.value} sats</div>
141 </Grid.Item>
142 ))}
143 {signedTx && (
144 <>
145 <Grid.Item full className="mt4" as={ViewHeader}>
146 Signed transaction:
147 </Grid.Item>
148 <Grid.Item full as={Text}>
149 <Highlighted>
150 <CopiableAddressWrap>{signedTx}</CopiableAddressWrap>
151 </Highlighted>
152 </Grid.Item>
153 </>
154 )}
155 </Grid>
156 </View>
157 );