git.iko.soy/bridge
on master help sign in
api: useRoller stub
commit8f7ba4b2f925be39ea2987ca025846c18b60ab5f authortomholford <tomholford@users.noreply.github.com> dateWed 18 Aug 2021, 09:32 (5 years ago) parent0e12534
5 files changed+552
compare with master
unifiedsplit
package-lock.json+474 package.json+1 src/components/L2Header.tsx+20 src/lib/useRoller.ts+55 src/views/Points.js+2
package-lock.json+474
@@ -30445,6 +30445,480 @@
3044530445 "resolved": "https://registry.npmjs.org/rn-host-detect/-/rn-host-detect-1.2.0.tgz",
3044630446 "integrity": "sha512-btNg5kzHcjZZ7t7mvvV/4wNJ9e3MPgrWivkRgWURzXL0JJ0pwWlU4zrbmdlz3HHzHOxhBhHB4D+/dbMFfu4/4A=="
3044730447 },
30448+ "roller-rpc-client": {
30449+ "version": "file:../roller-rpc-client/client/typescript",
30450+ "requires": {
30451+ "@open-rpc/client-js": "1.7.0",
30452+ "@open-rpc/meta-schema": "1.14.2",
30453+ "@open-rpc/schema-utils-js": "1.15.0",
30454+ "@types/json-schema": "7.0.3",
30455+ "@types/lodash": "^4.14.149",
30456+ "@types/ws": "^6.0.1",
30457+ "lodash": "^4.17.15"
30458+ },
30459+ "dependencies": {
30460+ "@babel/code-frame": {
30461+ "version": "7.14.5",
30462+ "requires": {
30463+ "@babel/highlight": "^7.14.5"
30464+ }
30465+ },
30466+ "@babel/helper-validator-identifier": {
30467+ "version": "7.14.5"
30468+ },
30469+ "@babel/highlight": {
30470+ "version": "7.14.5",
30471+ "requires": {
30472+ "@babel/helper-validator-identifier": "^7.14.5",
30473+ "chalk": "^2.0.0",
30474+ "js-tokens": "^4.0.0"
30475+ }
30476+ },
30477+ "@json-schema-spec/json-pointer": {
30478+ "version": "0.1.2"
30479+ },
30480+ "@json-schema-tools/dereferencer": {
30481+ "version": "1.5.1",
30482+ "requires": {
30483+ "@json-schema-tools/reference-resolver": "^1.2.1",
30484+ "@json-schema-tools/traverse": "^1.7.5",
30485+ "fast-safe-stringify": "^2.0.7"
30486+ }
30487+ },
30488+ "@json-schema-tools/meta-schema": {
30489+ "version": "1.6.19"
30490+ },
30491+ "@json-schema-tools/reference-resolver": {
30492+ "version": "1.2.3",
30493+ "requires": {
30494+ "@json-schema-spec/json-pointer": "^0.1.2",
30495+ "isomorphic-fetch": "^3.0.0"
30496+ }
30497+ },
30498+ "@json-schema-tools/traverse": {
30499+ "version": "1.8.1"
30500+ },
30501+ "@open-rpc/client-js": {
30502+ "version": "1.7.0",
30503+ "requires": {
30504+ "isomorphic-fetch": "^3.0.0",
30505+ "isomorphic-ws": "^4.0.1",
30506+ "strict-event-emitter-types": "^2.0.0",
30507+ "ws": "^7.0.0"
30508+ }
30509+ },
30510+ "@open-rpc/meta-schema": {
30511+ "version": "1.14.2"
30512+ },
30513+ "@open-rpc/schema-utils-js": {
30514+ "version": "1.15.0",
30515+ "requires": {
30516+ "@json-schema-tools/dereferencer": "1.5.1",
30517+ "@json-schema-tools/meta-schema": "^1.6.10",
30518+ "@json-schema-tools/reference-resolver": "^1.2.1",
30519+ "@open-rpc/meta-schema": "1.14.2",
30520+ "ajv": "^6.10.0",
30521+ "detect-node": "^2.0.4",
30522+ "fast-safe-stringify": "^2.0.7",
30523+ "fs-extra": "^9.0.0",
30524+ "is-url": "^1.2.4",
30525+ "isomorphic-fetch": "^3.0.0"
30526+ }
30527+ },
30528+ "@types/json-schema": {
30529+ "version": "7.0.3"
30530+ },
30531+ "@types/lodash": {
30532+ "version": "4.14.171"
30533+ },
30534+ "@types/node": {
30535+ "version": "16.3.3"
30536+ },
30537+ "@types/ws": {
30538+ "version": "6.0.4",
30539+ "requires": {
30540+ "@types/node": "*"
30541+ }
30542+ },
30543+ "ajv": {
30544+ "version": "6.12.6",
30545+ "requires": {
30546+ "fast-deep-equal": "^3.1.1",
30547+ "fast-json-stable-stringify": "^2.0.0",
30548+ "json-schema-traverse": "^0.4.1",
30549+ "uri-js": "^4.2.2"
30550+ }
30551+ },
30552+ "ansi-styles": {
30553+ "version": "3.2.1",
30554+ "requires": {
30555+ "color-convert": "^1.9.0"
30556+ }
30557+ },
30558+ "argparse": {
30559+ "version": "1.0.10",
30560+ "requires": {
30561+ "sprintf-js": "~1.0.2"
30562+ }
30563+ },
30564+ "at-least-node": {
30565+ "version": "1.0.0"
30566+ },
30567+ "balanced-match": {
30568+ "version": "1.0.2"
30569+ },
30570+ "brace-expansion": {
30571+ "version": "1.1.11",
30572+ "requires": {
30573+ "balanced-match": "^1.0.0",
30574+ "concat-map": "0.0.1"
30575+ }
30576+ },
30577+ "builtin-modules": {
30578+ "version": "1.1.1"
30579+ },
30580+ "chalk": {
30581+ "version": "2.4.2",
30582+ "requires": {
30583+ "ansi-styles": "^3.2.1",
30584+ "escape-string-regexp": "^1.0.5",
30585+ "supports-color": "^5.3.0"
30586+ }
30587+ },
30588+ "color-convert": {
30589+ "version": "1.9.3",
30590+ "requires": {
30591+ "color-name": "1.1.3"
30592+ }
30593+ },
30594+ "color-name": {
30595+ "version": "1.1.3"
30596+ },
30597+ "colors": {
30598+ "version": "1.4.0"
30599+ },
30600+ "commander": {
30601+ "version": "2.20.3"
30602+ },
30603+ "concat-map": {
30604+ "version": "0.0.1"
30605+ },
30606+ "detect-node": {
30607+ "version": "2.1.0"
30608+ },
30609+ "diff": {
30610+ "version": "4.0.2"
30611+ },
30612+ "escape-string-regexp": {
30613+ "version": "1.0.5"
30614+ },
30615+ "esprima": {
30616+ "version": "4.0.1"
30617+ },
30618+ "fast-deep-equal": {
30619+ "version": "3.1.3"
30620+ },
30621+ "fast-json-stable-stringify": {
30622+ "version": "2.1.0"
30623+ },
30624+ "fast-safe-stringify": {
30625+ "version": "2.0.8"
30626+ },
30627+ "fs-extra": {
30628+ "version": "9.1.0",
30629+ "requires": {
30630+ "at-least-node": "^1.0.0",
30631+ "graceful-fs": "^4.2.0",
30632+ "jsonfile": "^6.0.1",
30633+ "universalify": "^2.0.0"
30634+ }
30635+ },
30636+ "fs.realpath": {
30637+ "version": "1.0.0"
30638+ },
30639+ "function-bind": {
30640+ "version": "1.1.1"
30641+ },
30642+ "glob": {
30643+ "version": "7.1.7",
30644+ "requires": {
30645+ "fs.realpath": "^1.0.0",
30646+ "inflight": "^1.0.4",
30647+ "inherits": "2",
30648+ "minimatch": "^3.0.4",
30649+ "once": "^1.3.0",
30650+ "path-is-absolute": "^1.0.0"
30651+ }
30652+ },
30653+ "graceful-fs": {
30654+ "version": "4.2.6"
30655+ },
30656+ "handlebars": {
30657+ "version": "4.7.7",
30658+ "requires": {
30659+ "minimist": "^1.2.5",
30660+ "neo-async": "^2.6.0",
30661+ "source-map": "^0.6.1",
30662+ "uglify-js": "^3.1.4",
30663+ "wordwrap": "^1.0.0"
30664+ }
30665+ },
30666+ "has": {
30667+ "version": "1.0.3",
30668+ "requires": {
30669+ "function-bind": "^1.1.1"
30670+ }
30671+ },
30672+ "has-flag": {
30673+ "version": "3.0.0"
30674+ },
30675+ "inflight": {
30676+ "version": "1.0.6",
30677+ "requires": {
30678+ "once": "^1.3.0",
30679+ "wrappy": "1"
30680+ }
30681+ },
30682+ "inherits": {
30683+ "version": "2.0.4"
30684+ },
30685+ "interpret": {
30686+ "version": "1.4.0"
30687+ },
30688+ "is-core-module": {
30689+ "version": "2.5.0",
30690+ "requires": {
30691+ "has": "^1.0.3"
30692+ }
30693+ },
30694+ "is-url": {
30695+ "version": "1.2.4"
30696+ },
30697+ "isomorphic-fetch": {
30698+ "version": "3.0.0",
30699+ "requires": {
30700+ "node-fetch": "^2.6.1",
30701+ "whatwg-fetch": "^3.4.1"
30702+ }
30703+ },
30704+ "isomorphic-ws": {
30705+ "version": "4.0.1"
30706+ },
30707+ "js-tokens": {
30708+ "version": "4.0.0"
30709+ },
30710+ "js-yaml": {
30711+ "version": "3.14.1",
30712+ "requires": {
30713+ "argparse": "^1.0.7",
30714+ "esprima": "^4.0.0"
30715+ }
30716+ },
30717+ "json-schema-traverse": {
30718+ "version": "0.4.1"
30719+ },
30720+ "json5": {
30721+ "version": "2.2.0",
30722+ "requires": {
30723+ "minimist": "^1.2.5"
30724+ }
30725+ },
30726+ "jsonfile": {
30727+ "version": "6.1.0",
30728+ "requires": {
30729+ "graceful-fs": "^4.1.6",
30730+ "universalify": "^2.0.0"
30731+ }
30732+ },
30733+ "lodash": {
30734+ "version": "4.17.21"
30735+ },
30736+ "lru-cache": {
30737+ "version": "5.1.1",
30738+ "requires": {
30739+ "yallist": "^3.0.2"
30740+ }
30741+ },
30742+ "lunr": {
30743+ "version": "2.3.9"
30744+ },
30745+ "marked": {
30746+ "version": "2.0.7"
30747+ },
30748+ "minimatch": {
30749+ "version": "3.0.4",
30750+ "requires": {
30751+ "brace-expansion": "^1.1.7"
30752+ }
30753+ },
30754+ "minimist": {
30755+ "version": "1.2.5"
30756+ },
30757+ "mkdirp": {
30758+ "version": "0.5.5",
30759+ "requires": {
30760+ "minimist": "^1.2.5"
30761+ }
30762+ },
30763+ "neo-async": {
30764+ "version": "2.6.2"
30765+ },
30766+ "node-fetch": {
30767+ "version": "2.6.1"
30768+ },
30769+ "once": {
30770+ "version": "1.4.0",
30771+ "requires": {
30772+ "wrappy": "1"
30773+ }
30774+ },
30775+ "onigasm": {
30776+ "version": "2.2.5",
30777+ "requires": {
30778+ "lru-cache": "^5.1.1"
30779+ }
30780+ },
30781+ "path-is-absolute": {
30782+ "version": "1.0.1"
30783+ },
30784+ "path-parse": {
30785+ "version": "1.0.7"
30786+ },
30787+ "progress": {
30788+ "version": "2.0.3"
30789+ },
30790+ "punycode": {
30791+ "version": "2.1.1"
30792+ },
30793+ "rechoir": {
30794+ "version": "0.6.2",
30795+ "requires": {
30796+ "resolve": "^1.1.6"
30797+ }
30798+ },
30799+ "resolve": {
30800+ "version": "1.20.0",
30801+ "requires": {
30802+ "is-core-module": "^2.2.0",
30803+ "path-parse": "^1.0.6"
30804+ }
30805+ },
30806+ "semver": {
30807+ "version": "5.7.1"
30808+ },
30809+ "shelljs": {
30810+ "version": "0.8.4",
30811+ "requires": {
30812+ "glob": "^7.0.0",
30813+ "interpret": "^1.0.0",
30814+ "rechoir": "^0.6.2"
30815+ }
30816+ },
30817+ "shiki": {
30818+ "version": "0.9.5",
30819+ "requires": {
30820+ "json5": "^2.2.0",
30821+ "onigasm": "^2.2.5",
30822+ "vscode-textmate": "5.2.0"
30823+ }
30824+ },
30825+ "source-map": {
30826+ "version": "0.6.1"
30827+ },
30828+ "sprintf-js": {
30829+ "version": "1.0.3"
30830+ },
30831+ "strict-event-emitter-types": {
30832+ "version": "2.0.0"
30833+ },
30834+ "supports-color": {
30835+ "version": "5.5.0",
30836+ "requires": {
30837+ "has-flag": "^3.0.0"
30838+ }
30839+ },
30840+ "tslib": {
30841+ "version": "1.14.1"
30842+ },
30843+ "tslint": {
30844+ "version": "5.20.1",
30845+ "requires": {
30846+ "@babel/code-frame": "^7.0.0",
30847+ "builtin-modules": "^1.1.1",
30848+ "chalk": "^2.3.0",
30849+ "commander": "^2.12.1",
30850+ "diff": "^4.0.1",
30851+ "glob": "^7.1.1",
30852+ "js-yaml": "^3.13.1",
30853+ "minimatch": "^3.0.4",
30854+ "mkdirp": "^0.5.1",
30855+ "resolve": "^1.3.2",
30856+ "semver": "^5.3.0",
30857+ "tslib": "^1.8.0",
30858+ "tsutils": "^2.29.0"
30859+ }
30860+ },
30861+ "tsutils": {
30862+ "version": "2.29.0",
30863+ "requires": {
30864+ "tslib": "^1.8.1"
30865+ }
30866+ },
30867+ "typedoc": {
30868+ "version": "0.20.37",
30869+ "requires": {
30870+ "colors": "^1.4.0",
30871+ "fs-extra": "^9.1.0",
30872+ "handlebars": "^4.7.7",
30873+ "lodash": "^4.17.21",
30874+ "lunr": "^2.3.9",
30875+ "marked": "~2.0.3",
30876+ "minimatch": "^3.0.0",
30877+ "progress": "^2.0.3",
30878+ "shelljs": "^0.8.4",
30879+ "shiki": "^0.9.3",
30880+ "typedoc-default-themes": "^0.12.10"
30881+ }
30882+ },
30883+ "typedoc-default-themes": {
30884+ "version": "0.12.10"
30885+ },
30886+ "typescript": {
30887+ "version": "4.2.4"
30888+ },
30889+ "uglify-js": {
30890+ "version": "3.13.10",
30891+ "optional": true
30892+ },
30893+ "universalify": {
30894+ "version": "2.0.0"
30895+ },
30896+ "uri-js": {
30897+ "version": "4.4.1",
30898+ "requires": {
30899+ "punycode": "^2.1.0"
30900+ }
30901+ },
30902+ "vscode-textmate": {
30903+ "version": "5.2.0"
30904+ },
30905+ "whatwg-fetch": {
30906+ "version": "3.6.2"
30907+ },
30908+ "wordwrap": {
30909+ "version": "1.0.0"
30910+ },
30911+ "wrappy": {
30912+ "version": "1.0.2"
30913+ },
30914+ "ws": {
30915+ "version": "7.5.3"
30916+ },
30917+ "yallist": {
30918+ "version": "3.1.1"
30919+ }
30920+ }
30921+ },
3044830922 "rollup": {
3044930923 "version": "1.32.1",
3045030924 "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.32.1.tgz",
package.json+1
@@ -69,6 +69,7 @@
6969 "react-final-form-arrays": "^3.1.0",
7070 "react-scripts": "4.0.3",
7171 "react-teleporter": "^2.2.0",
72+ "roller-rpc-client": "file:~/dev/urbit/roller-rpc-client/client/typescript",
7273 "secp256k1": "^4.0.2",
7374 "styled-components": "^5.3.0",
7475 "styled-system": "^5.1.5",
src/components/L2Header.tsxnew file+20
@@ -0,0 +1,20 @@
1+import useRoller from 'lib/useRoller';
2+import { useEffect } from 'react';
3+
4+const L2Header = () => {
5+ const { config } = useRoller();
6+
7+ useEffect(() => {
8+ console.log('loaded config in L2Header:', config);
9+ }, [config]);
10+
11+ return (
12+ config && (
13+ <>
14+ <span>L2 Config Loaded</span>
15+ </>
16+ )
17+ );
18+};
19+
20+export default L2Header;
src/lib/useRoller.tsnew file+55
@@ -0,0 +1,55 @@
1+import { useCallback, useEffect, useMemo, useState } from 'react';
2+import { Config, RollerRPCAPI, Options } from 'roller-rpc-client';
3+import { isDevelopment } from './flags';
4+
5+export default function useRoller() {
6+ const [config, setConfig] = useState<Config | null>(null);
7+
8+ const options: Options = useMemo(() => {
9+ const type = isDevelopment ? 'http' : 'https';
10+ // TODO: What is the prod host?
11+ const host = isDevelopment ? 'localhost' : 'bridge.urbit.org';
12+ const port = 80;
13+ const path = '/v1/roller';
14+ return {
15+ transport: {
16+ type,
17+ host,
18+ port,
19+ path,
20+ },
21+ };
22+ }, []);
23+
24+ const api = useMemo(() => {
25+ return new RollerRPCAPI(options);
26+ }, [options]);
27+
28+ const fetchConfig = useCallback(async () => {
29+ api
30+ .getRollerConfig()
31+ .then(response => {
32+ setConfig(response);
33+ })
34+ .catch(err => {
35+ // TODO: more elegant error handling
36+ console.warn(
37+ '[fetchConfig:failed] is roller running on localhost?\n',
38+ err
39+ );
40+ });
41+ }, [api]);
42+
43+ // On load, get initial config
44+ useEffect(() => {
45+ if (config) {
46+ return;
47+ }
48+
49+ fetchConfig();
50+ }, [config, fetchConfig]);
51+
52+ return {
53+ config,
54+ };
55+}
src/views/Points.js+2
@@ -23,6 +23,7 @@ import Passport from 'components/Passport';
2323import Footer from 'components/Footer';
2424import { ForwardButton } from 'components/Buttons';
2525import CopiableAddress from 'components/CopiableAddress';
26+import L2Header from 'components/L2Header';
2627import NavHeader from 'components/NavHeader';
2728
2829const maybeGetResult = (obj, key, defaultValue) =>
@@ -274,6 +275,7 @@ export default function Points() {
274275 className="f6 mono gray4 mb4 us-none pointer">
275276 {abbreviateAddress(address)}
276277 </CopiableAddress>
278+ <L2Header />
277279 </NavHeader>
278280 <Grid>
279281 {displayEmptyState && (