git.iko.soy/bridge
on a0efefc help sign in
bridge/src/views/UrbitOS/NetworkingKeys.js
277 lines 8.2 kB history raw
1import React, { useCallback, useMemo, useRef } from 'react';
2import { Just } from 'folktale/maybe';
3import { Grid, ToggleInput, CheckboxInput } from 'indigo-react';
4import * as azimuth from 'azimuth-js';
5import { randomHex } from 'web3-utils';
7import { usePointCursor } from 'store/pointCursor';
8import { usePointCache } from 'store/pointCache';
9import { useNetwork } from 'store/network';
10import { useWallet } from 'store/wallet';
12import { useLocalRouter } from 'lib/LocalRouter';
13import * as need from 'lib/need';
14import {
15 attemptNetworkSeedDerivation,
16 deriveNetworkKeys,
17 CRYPTO_SUITE_VERSION,
18} from 'lib/keys';
19import useEthereumTransaction from 'lib/useEthereumTransaction';
20import { GAS_LIMITS } from 'lib/constants';
21import { addHexPrefix } from 'lib/wallet';
22import useKeyfileGenerator from 'lib/useKeyfileGenerator';
24import ViewHeader from 'components/ViewHeader';
25import DownloadKeyfileButton from 'components/DownloadKeyfileButton';
26import InlineEthereumTransaction from 'components/InlineEthereumTransaction';
27import NoticeBox from 'components/NoticeBox';
29import { HexInput } from 'form/Inputs';
30import {
31 composeValidator,
32 buildCheckboxValidator,
33 buildHexValidator,
34} from 'form/validators';
35import BridgeForm from 'form/BridgeForm';
36import Condition from 'form/Condition';
37import FormError from 'form/FormError';
38import convertToInt from 'lib/convertToInt';
40function useSetKeys(manualNetworkSeed, setManualNetworkSeed) {
41 const { urbitWallet, wallet, authMnemonic, authToken } = useWallet();
42 const { pointCursor } = usePointCursor();
43 const { syncDetails, syncRekeyDate, getDetails } = usePointCache();
44 const { contracts } = useNetwork();
46 const _point = need.point(pointCursor);
47 const _contracts = need.contracts(contracts);
48 const _details = need.details(getDetails(_point));
50 const networkRevision = convertToInt(_details.keyRevisionNumber, 10);
51 const randomSeed = useRef();
53 const {
54 available: keyfileAvailable,
55 generating: keyfileGenerating,
56 filename,
57 bind: keyfileBind,
58 } = useKeyfileGenerator(manualNetworkSeed);
60 const buildNetworkSeed = useCallback(
61 async manualSeed => {
62 if (manualSeed !== undefined) {
63 setManualNetworkSeed(manualSeed);
64 return manualSeed;
65 } else {
66 const newNetworkRevision = networkRevision + 1;
67 console.log(`deriving seed with revision ${newNetworkRevision}`);
69 const networkSeed = await attemptNetworkSeedDerivation({
70 urbitWallet,
71 point: _point,
72 authToken,
73 revision: newNetworkRevision,
74 });
76 if (Just.hasInstance(networkSeed)) {
77 return networkSeed.value;
78 }
80 randomSeed.current = randomSeed.current || randomHex(32); // 32 bytes
81 setManualNetworkSeed(randomSeed.current);
83 return randomSeed.current;
84 }
85 },
86 [setManualNetworkSeed, networkRevision, urbitWallet, _point, authToken]
87 );
89 const { completed: _completed, ...rest } = useEthereumTransaction(
90 useCallback(
91 async (manualSeed, isDiscontinuity) => {
92 const seed = await buildNetworkSeed(manualSeed);
93 const pair = deriveNetworkKeys(seed);
95 return azimuth.ecliptic.configureKeys(
96 _contracts,
97 _point,
98 addHexPrefix(pair.crypt.public),
99 addHexPrefix(pair.auth.public),
100 CRYPTO_SUITE_VERSION,
101 isDiscontinuity
102 );
103 },
104 [_contracts, _point, buildNetworkSeed]
105 ),
106 useCallback(
107 () => Promise.all([syncDetails(_point), syncRekeyDate(_point)]),
108 [_point, syncDetails, syncRekeyDate]
109 ),
110 GAS_LIMITS.CONFIGURE_KEYS
111 );
113 // only treat the transaction as completed once we also have keys to download
114 const completed = _completed && keyfileAvailable && !keyfileGenerating;
116 return {
117 completed,
118 filename,
119 keyfileBind,
120 ...rest,
121 };
124export default function UrbitOSNetworkingKeys({
125 manualNetworkSeed,
126 setManualNetworkSeed,
127}) {
128 const { pop } = useLocalRouter();
129 const { pointCursor } = usePointCursor();
130 const { getDetails } = usePointCache();
132 const point = need.point(pointCursor);
133 const details = getDetails(point);
135 const hasKeys = details.matchWith({
136 Nothing: () => false,
137 Just: ({ value: details }) => parseInt(details.keyRevisionNumber, 10) > 0,
138 // we actually don't mind the default NaN behavior of parseInt here,
139 // since NaN > 0 === false and that's a reasonable result
140 });
142 const {
143 construct,
144 unconstruct,
145 completed,
146 inputsLocked,
147 bind,
148 keyfileBind,
149 } = useSetKeys(manualNetworkSeed, setManualNetworkSeed);
151 const validateForm = useCallback((values, errors) => {
152 if (values.useNetworkSeed && errors.networkSeed) {
153 return errors;
154 }
155 }, []);
157 const validate = useMemo(
158 () =>
159 composeValidator(
160 {
161 useNetworkSeed: buildCheckboxValidator(),
162 networkSeed: buildHexValidator(64), // 64 chars
163 useDiscontinuity: buildCheckboxValidator(),
164 },
165 validateForm
166 ),
167 [validateForm]
168 );
170 const onValues = useCallback(
171 ({ valid, values, form }) => {
172 if (valid) {
173 construct(
174 values.useNetworkSeed ? values.networkSeed : undefined,
175 values.useDiscontinuity
176 );
177 } else {
178 unconstruct();
179 }
181 if (!values.useNetworkSeed && values.networkSeed) {
182 form.change('networkSeed', '');
183 }
184 },
185 [construct, unconstruct]
186 );
188 const initialValues = useMemo(
189 () => ({
190 useNetworkSeed: false,
191 useDiscontinuity: false,
192 }),
193 []
194 );
196 const usageMessage =
197 'You need this to authenticate with Arvo. Please download';
199 return (
200 <>
201 <Grid>
202 <Grid.Item full as={ViewHeader}>
203 Set Networking Keys
204 </Grid.Item>
205 <Grid.Item className="gray4 f6" full>
206 Network Keys solidify the handshake between ID and OS
207 </Grid.Item>
208 {completed && (
209 <>
210 <Grid.Item
211 full
212 className="mv3"
213 as={DownloadKeyfileButton}
214 solid
215 {...keyfileBind}
216 />
217 <Grid.Item full className="mb3 bg-red3 white t-center p3">
218 {usageMessage}
219 </Grid.Item>
220 </>
221 )}
222 <BridgeForm
223 validate={validate}
224 onValues={onValues}
225 initialValues={initialValues}>
226 {() => (
227 <>
228 {!completed && (
229 <>
230 <Grid.Item
231 full
232 as={ToggleInput}
233 name="useNetworkSeed"
234 label="Use Custom Network Seed"
235 inverseLabel="Back to Derived Network Seed"
236 disabled={inputsLocked}
237 />
238 <Condition when="useNetworkSeed" is={true}>
239 <Grid.Item full as={NoticeBox} className="mb2">
240 When using a custom network seed, you'll need to download
241 your Arvo keyfile immediately after this transaction as
242 Bridge does not store your seed.
243 </Grid.Item>
244 <Grid.Item
245 full
246 as={HexInput}
247 name="networkSeed"
248 label="Network Seed (32 bytes)"
249 disabled={inputsLocked}
250 />
251 </Condition>
252 <Grid.Item
253 full
254 as={CheckboxInput}
255 name="useDiscontinuity"
256 label="Breach Continuity"
257 disabled={inputsLocked}
258 />
260 <Grid.Item full as={FormError} />
261 </>
262 )}
264 <Grid.Item
265 full
266 as={InlineEthereumTransaction}
267 {...bind}
268 label={`${hasKeys ? 'Reset' : 'Set'} Networking Keys`}
269 onReturn={() => pop()}
270 />
271 </>
272 )}
273 </BridgeForm>
274 </Grid>
275 </>
276 );