mirror of
https://github.com/ilyakooo0/urbit.git
synced 2024-11-29 04:04:02 +03:00
btc: more frontend template stuff
This commit is contained in:
Isaac Visintainer
ixv
parent
fc1dbe4f30
commit
d32e78799f
31
pkg/arvo/app/btc-wallet/index.html
Normal file
31
pkg/arvo/app/btc-wallet/index.html
Normal file
@ -0,0 +1,31 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Wallet</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, shrink-to-fit=no,maximum-scale=1"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-touch-fullscreen" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
||||
<!--
|
||||
<link rel="apple-touch-icon" href="/~btc/img/touch_icon.png">
|
||||
<link rel="icon" type="image/png" href="/~btc/img/Favicon.png">
|
||||
-->
|
||||
<link rel="manifest"
|
||||
href='data:application/manifest+json,{
|
||||
"name": "Wallet",
|
||||
"short_name": "Wallet",
|
||||
"description": "A%20bitcoin%20wallet%20for%20urbit",
|
||||
"display": "standalone",
|
||||
"background_color": "%23FFFFFF",
|
||||
"theme_color": "%23000000"}' />
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<div id="portal-root"></div>
|
||||
<script src="/~landscape/js/channel.js"></script>
|
||||
<script src="/~landscape/js/session.js"></script>
|
||||
<script src="/~btc/js/bundle/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
9885
pkg/btc-wallet/package-lock.json
generated
Normal file
9885
pkg/btc-wallet/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
71
pkg/btc-wallet/package.json
Normal file
71
pkg/btc-wallet/package.json
Normal file
@ -0,0 +1,71 @@
|
||||
{
|
||||
"name": "urbit-bitcoin-wallet",
|
||||
"version": "0.1.0",
|
||||
"main": "node install.js",
|
||||
"scripts": {
|
||||
"start": "webpack-dev-server --config config/webpack.dev.js",
|
||||
"build:dev": "cross-env NODE_ENV=production webpack --config config/webpack.dev.js",
|
||||
"build:prod": "cross-env NODE_ENV=production webpack --config config/webpack.prod.js"
|
||||
},
|
||||
"author": "Tlon Corp",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.0",
|
||||
"@babel/plugin-proposal-class-properties": "^7.8.3",
|
||||
"@babel/plugin-proposal-object-rest-spread": "^7.9.5",
|
||||
"@babel/plugin-proposal-optional-chaining": "^7.9.0",
|
||||
"@babel/plugin-transform-runtime": "^7.10.5",
|
||||
"@babel/preset-env": "^7.9.5",
|
||||
"@babel/preset-react": "^7.9.4",
|
||||
"@babel/preset-typescript": "^7.13.0",
|
||||
"@welldone-software/why-did-you-render": "^6.1.1",
|
||||
"babel-loader": "^8.1.0",
|
||||
"babel-plugin-root-import": "^6.5.0",
|
||||
"clean-webpack-plugin": "^3.0.0",
|
||||
"cross-env": "^7.0.2",
|
||||
"file-loader": "^6.0.0",
|
||||
"html-webpack-plugin": "^4.2.0",
|
||||
"react-hot-loader": "^4.12.21",
|
||||
"sass": "^1.26.5",
|
||||
"sass-loader": "^8.0.2",
|
||||
"typescript": "^4.2.3",
|
||||
"webpack": "^4.43.0",
|
||||
"webpack-cli": "^3.3.11",
|
||||
"webpack-dev-server": "^3.10.3"
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.10.5",
|
||||
"@reach/disclosure": "^0.10.5",
|
||||
"@reach/menu-button": "^0.10.5",
|
||||
"@reach/tabs": "^0.10.5",
|
||||
"@tlon/indigo-light": "^1.0.5",
|
||||
"@tlon/indigo-react": "^1.2.8",
|
||||
"bitcoinjs-lib": "^5.2.0",
|
||||
"bs58check": "^2.1.2",
|
||||
"buffer": "^6.0.3",
|
||||
"classnames": "^2.2.6",
|
||||
"css-loader": "^3.5.3",
|
||||
"formik": "^2.2.0",
|
||||
"fs-extra": "^8.1.0",
|
||||
"lodash": "^4.17.11",
|
||||
"markdown-to-jsx": "^7.0.1",
|
||||
"moment": "^2.20.1",
|
||||
"mousetrap": "^1.6.3",
|
||||
"mv": "^2.1.1",
|
||||
"promise": "^8.0.3",
|
||||
"prompt": "^1.0.0",
|
||||
"react": "^16.13.1",
|
||||
"react-dom": "^16.13.1",
|
||||
"react-router-dom": "^5.0.0",
|
||||
"replace-in-file": "^4.1.1",
|
||||
"style-loader": "^1.2.1",
|
||||
"styled-components": "^5.2.0",
|
||||
"styled-system": "^5.1.5",
|
||||
"urbit-key-generation": "^0.18.0",
|
||||
"urbit-ob": "^5.0.0",
|
||||
"urbit-sigil-js": "^1.3.13"
|
||||
},
|
||||
"resolutions": {
|
||||
"natives": "1.1.3"
|
||||
}
|
||||
}
|
||||
52
pkg/btc-wallet/src/js/api.js
Normal file
52
pkg/btc-wallet/src/js/api.js
Normal file
@ -0,0 +1,52 @@
|
||||
import _ from 'lodash';
|
||||
|
||||
class UrbitApi {
|
||||
setAuthTokens(authTokens) {
|
||||
this.authTokens = authTokens;
|
||||
this.bindPaths = [];
|
||||
}
|
||||
|
||||
bind(path, method, ship = this.authTokens.ship, appl = "btc-wallet", success, fail) {
|
||||
this.bindPaths = _.uniq([...this.bindPaths, path]);
|
||||
|
||||
window.subscriptionId = window.urb.subscribe(ship, appl, path,
|
||||
(err) => {
|
||||
fail(err);
|
||||
},
|
||||
(event) => {
|
||||
success({
|
||||
data: event,
|
||||
from: {
|
||||
ship,
|
||||
path
|
||||
}
|
||||
});
|
||||
},
|
||||
(err) => {
|
||||
fail(err);
|
||||
});
|
||||
}
|
||||
|
||||
btcWalletCommand(data) {
|
||||
this.action("btc-wallet", "btc-wallet-command", data);
|
||||
}
|
||||
|
||||
action(appl, mark, data) {
|
||||
return new Promise((resolve, reject) => {
|
||||
window.urb.poke(ship, appl, mark, data,
|
||||
(json) => {
|
||||
resolve(json);
|
||||
},
|
||||
(err) => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
scry(app, path) {
|
||||
return fetch(`/~/scry/${app}/${path}.json`).then(r => r.json());
|
||||
|
||||
}
|
||||
}
|
||||
export let api = new UrbitApi();
|
||||
window.api = api;
|
||||
63
pkg/btc-wallet/src/js/components/root.js
Normal file
63
pkg/btc-wallet/src/js/components/root.js
Normal file
@ -0,0 +1,63 @@
|
||||
import React, { Component } from 'react';
|
||||
import { BrowserRouter, Route } from "react-router-dom";
|
||||
import _ from 'lodash';
|
||||
import { api } from '../api.js';
|
||||
import { store } from '../store.js';
|
||||
|
||||
import styled, { ThemeProvider, createGlobalStyle } from 'styled-components';
|
||||
import light from './themes/light';
|
||||
import dark from './themes/dark';
|
||||
import { Text, Box } from '@tlon/indigo-react';
|
||||
//import StartupModal from './lib/startupModal.js';
|
||||
//import Header from './lib/header.js'
|
||||
//import Balance from './lib/balance.js'
|
||||
//import Transactions from './lib/transactions.js'
|
||||
|
||||
|
||||
export class Root extends Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.ship = window.ship;
|
||||
this.state = store.state;
|
||||
store.setStateHandler(this.setState.bind(this));
|
||||
}
|
||||
|
||||
componentDidUpdate(){
|
||||
console.log('state', this.state);
|
||||
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<BrowserRouter>
|
||||
<ThemeProvider theme={light}>
|
||||
{// <StartupModal api={api} state={this.state}/> }
|
||||
<Box display='flex'
|
||||
flexDirection='column'
|
||||
position='absolute'
|
||||
alignItems='center'
|
||||
backgroundColor='lightOrange'
|
||||
height='100%'
|
||||
width='100%'
|
||||
px={[0,4]}
|
||||
pb={[0,4]}
|
||||
>
|
||||
<Box
|
||||
display='flex'
|
||||
flexDirection='column'
|
||||
height='100%'
|
||||
width='400px'
|
||||
>
|
||||
{ /*
|
||||
<Header />
|
||||
<Balance state={this.state}/>
|
||||
<Transactions state={this.state}/>
|
||||
*/ }
|
||||
</Box>
|
||||
</Box>
|
||||
</ThemeProvider>
|
||||
</BrowserRouter>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
11
pkg/btc-wallet/src/js/reducers/initial.js
Normal file
11
pkg/btc-wallet/src/js/reducers/initial.js
Normal file
@ -0,0 +1,11 @@
|
||||
import _ from 'lodash';
|
||||
|
||||
export class InitialReducer {
|
||||
reduce(json, state) {
|
||||
console.log('json', json);
|
||||
let data = _.get(json, 'initial', false);
|
||||
console.log('data', data);
|
||||
if (data) {
|
||||
}
|
||||
}
|
||||
}
|
||||
7
pkg/btc-wallet/src/js/reducers/update.js
Normal file
7
pkg/btc-wallet/src/js/reducers/update.js
Normal file
@ -0,0 +1,7 @@
|
||||
import _ from 'lodash';
|
||||
|
||||
|
||||
export class UpdateReducer {
|
||||
reduce(json, state) {
|
||||
}
|
||||
}
|
||||
34
pkg/btc-wallet/src/js/store.js
Normal file
34
pkg/btc-wallet/src/js/store.js
Normal file
@ -0,0 +1,34 @@
|
||||
import { InitialReducer } from './reducers/initial';
|
||||
import { UpdateReducer } from './reducers/update';
|
||||
|
||||
class Store {
|
||||
constructor() {
|
||||
this.state = {
|
||||
providerPerms: {},
|
||||
provider: true,
|
||||
hasWallet: true,
|
||||
wallet: {},
|
||||
};
|
||||
|
||||
this.initialReducer = new InitialReducer();
|
||||
this.updateReducer = new UpdateReducer();
|
||||
this.setState = () => { };
|
||||
}
|
||||
|
||||
setStateHandler(setState) {
|
||||
this.setState = setState;
|
||||
}
|
||||
|
||||
handleEvent(data) {
|
||||
let json = data.data;
|
||||
|
||||
console.log(json);
|
||||
this.initialReducer.reduce(json, this.state);
|
||||
this.updateReducer.reduce(json, this.state);
|
||||
|
||||
this.setState(this.state);
|
||||
}
|
||||
}
|
||||
|
||||
export let store = new Store();
|
||||
window.store = store;
|
||||
29
pkg/btc-wallet/src/js/subscription.js
Normal file
29
pkg/btc-wallet/src/js/subscription.js
Normal file
@ -0,0 +1,29 @@
|
||||
import { api } from './api';
|
||||
import { store } from './store';
|
||||
|
||||
export class Subscription {
|
||||
start() {
|
||||
if (api.authTokens) {
|
||||
this.initializeBtcWallet();
|
||||
} else {
|
||||
console.error("~~~ ERROR: Must set api.authTokens before operation ~~~");
|
||||
}
|
||||
}
|
||||
|
||||
initializeBtcWallet() {
|
||||
api.bind('/all', 'PUT', api.authTokens.ship, 'btc-wallet',
|
||||
this.handleEvent.bind(this),
|
||||
this.handleError.bind(this));
|
||||
}
|
||||
|
||||
handleEvent(diff) {
|
||||
store.handleEvent(diff);
|
||||
}
|
||||
|
||||
handleError(err) {
|
||||
console.error(err);
|
||||
this.initializeBtcWallet();
|
||||
}
|
||||
}
|
||||
|
||||
export let subscription = new Subscription();
|
||||
Loading…
Reference in New Issue
Block a user