@@ -190,7 +190,7 @@ class NodeList extends React.Component {
{connMgr}
{consensus}
-
+
);
}
}
diff --git a/lotuspond/front/src/Pond.js b/lotuspond/front/src/Pond.js
new file mode 100644
index 00000000000..ae3726540db
--- /dev/null
+++ b/lotuspond/front/src/Pond.js
@@ -0,0 +1,55 @@
+import React from 'react';
+import './App.css';
+import { Client } from 'rpc-websockets'
+import NodeList from "./NodeList";
+
+
+class Pond extends React.Component {
+ constructor(props) {
+ super(props)
+
+ const client = new Client('ws://127.0.0.1:2222/rpc/v0')
+ client.on('open', () => {
+ this.setState(() => ({client: client}))
+ })
+
+ this.state = {
+ windows: {},
+ nextWindow: 0,
+ }
+
+ this.mountWindow = this.mountWindow.bind(this)
+ }
+
+ mountWindow(cb) {
+ const id = this.state.nextWindow
+ this.setState({nextWindow: id + 1})
+
+ const window = cb(() => {
+ this.setState(prev => ({windows: {...prev.windows, [id]: undefined}}))
+ })
+
+ this.setState(prev => ({windows: {...prev.windows, [id]: window}}))
+ }
+
+ render() {
+ if (this.state.client === undefined) {
+ return (
+
+ Connecting to RPC
+
+ )
+ }
+
+ return (
+
+
+
+ {Object.keys(this.state.windows).map((w, i) =>
{this.state.windows[w]}
)}
+
+ )
+ }
+}
+
+export default Pond
diff --git a/lotuspond/front/src/SingleNode.js b/lotuspond/front/src/SingleNode.js
new file mode 100644
index 00000000000..a9da918f998
--- /dev/null
+++ b/lotuspond/front/src/SingleNode.js
@@ -0,0 +1,67 @@
+import React from 'react';
+import './App.css';
+import {Client} from "rpc-websockets";
+import FullNode from "./FullNode";
+
+class SingleNode extends React.Component {
+ constructor(props) {
+ super(props)
+
+ const nodes = JSON.parse(window.localStorage.getItem('saved-nodes'))
+ const node = nodes[this.props.match.params.node]
+
+ const client = new Client(`${node.addr}?token=${node.token}`)
+ client.on('open', async () => {
+ this.setState(() => ({client: client}))
+ })
+
+ this.state = {
+ windows: {},
+ nextWindow: 0,
+
+ addr: node.addr
+ }
+ }
+
+ mountWindow = (cb) => {
+ const id = this.state.nextWindow
+ this.setState({nextWindow: id + 1})
+
+ const window = cb(() => {
+ this.setState(prev => ({windows: {...prev.windows, [id]: undefined}}))
+ })
+
+ this.setState(prev => ({windows: {...prev.windows, [id]: window}}))
+ }
+
+ render() {
+ if (this.state.client === undefined) {
+ return (
+
+
+
Connecting to Node RPC:
+
{`${this.state.addr}?token=****`}
+
+
+ )
+ }
+
+ let node =
+
+ return (
+
+ {node}
+
+ {Object.keys(this.state.windows).map((w, i) =>
{this.state.windows[w]}
)}
+
+
+ )
+ }
+}
+
+export default SingleNode;
diff --git a/lotuspond/front/src/State.js b/lotuspond/front/src/State.js
index d8790ace9e1..70ddbc549c4 100644
--- a/lotuspond/front/src/State.js
+++ b/lotuspond/front/src/State.js
@@ -1,5 +1,5 @@
import React from 'react'
-import {Cristal} from "react-cristal";
+import Window from "./Window";
class State extends React.Component {
constructor(props) {
@@ -21,9 +21,9 @@ class State extends React.Component {
{Object.keys(this.state.State).map(k =>
{k}: {JSON.stringify(this.state.State[k])}
)}
- return