extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-02-16 18:20:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

start of visualizer scaffolding; dependencies (#107)

Browse Source
This commit is contained in:
Michael Quigley 2022-12-21 10:55:10 -05:00
parent afe435f87f
commit fe1c118a0a
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
4 changed files with 1657 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1633
ui/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
ui/package.json
View File

@ -17,8 +17,10 @@
"react-data-table-component": "^7.5.2", "react-data-table-component": "^7.5.2",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-flow-renderer": "^10.3.12", "react-flow-renderer": "^10.3.12",
"react-force-graph": "^1.41.17",
"react-router-dom": "^6.4.0", "react-router-dom": "^6.4.0",
"react-scripts": "5.0.1", "react-scripts": "5.0.1",
"react-sizeme": "^3.0.2",
"react-sparklines": "^1.7.0", "react-sparklines": "^1.7.0",
"styled-components": "^5.3.5" "styled-components": "^5.3.5"
}, },

2
ui/src/index.js
View File

@ -6,9 +6,7 @@ import App from "./App";
const root = ReactDOM.createRoot(document.getElementById('root')); const root = ReactDOM.createRoot(document.getElementById('root'));
root.render( root.render(
<React.StrictMode>
<App /> <App />
</React.StrictMode>
); );
gateway.init({ gateway.init({

22
ui/src/visualizer/Network.js Normal file
View File

@ -0,0 +1,22 @@
import {withSize} from "react-sizeme";
import {useRef} from "react";
const Network = (props) => {
const targetRef = useRef();
if(props.setRef != null) {
props.setRef(targetRef);
}
return (
<ForceGraph2D
ref={targetRef}
graphData={props.networkGraph}
width={props.size.width}
height={500}
linkOpacity={.75}
backgroundColor={"#30205d"}
/>
)
}
export default withSize()(Network);