merge
Marcus Gosselin
commit
f68582c867
|
|
@ -1 +1,3 @@
|
|||
node_modules
|
||||
cache
|
||||
Static
|
||||
|
|
|
|||
|
|
@ -0,0 +1,2 @@
|
|||
Tests
|
||||
node_modules
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"Sources": {
|
||||
"local": "{local}",
|
||||
"aws": "mb://modulebroker.xgraphdev.com"
|
||||
},
|
||||
"Modules": {
|
||||
"Pong": {
|
||||
"Module": "xGraph.Pong",
|
||||
"Source": "aws",
|
||||
"Par": {
|
||||
"Ping": "$Proxy"
|
||||
}
|
||||
},
|
||||
"Proxy": {
|
||||
"Module": "xGraph.WebSocketServerProxy",
|
||||
"Source": "local",
|
||||
"Par": {
|
||||
"Port": 28000,
|
||||
"Link": "$Pong"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,85 @@
|
|||
<!DOCTYPE html>
|
||||
<html theme="default">
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<head>
|
||||
<title>WebViewer</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<script src="/socket.io/socket.io.js"></script>
|
||||
<script>
|
||||
SockIO = io();
|
||||
var connected = false;
|
||||
SockIO.on('connect', function () {
|
||||
if (connected) location.reload();
|
||||
connected = true;
|
||||
SockIO.emit('message', JSON.stringify({ Cmd: 'GetConfig', Path: location.pathname.substr(1).toLowerCase() }));
|
||||
});
|
||||
SockIO.on('disconnect', function () {
|
||||
$('.showOnDisconnect').css('display', 'inline');
|
||||
});
|
||||
SockIO.on('message', function (data) {
|
||||
var com = JSON.parse(data);
|
||||
if (com.Error == 404) {
|
||||
document.getElementsByClassName("showOn404")[0].style.display = 'inline';
|
||||
document.getElementsByClassName('removeOnLoad')[0].style.display = 'none';
|
||||
return;
|
||||
}
|
||||
eval(com.Nxs);
|
||||
__Nexus.boot(SockIO, com);
|
||||
});
|
||||
(async _ => {
|
||||
return new Promise((resolve, reject) => {
|
||||
// debugger;
|
||||
let cookies = document.cookie.split(';').map(v => v.split('='));
|
||||
for (let cookie of cookies) {
|
||||
let [key, val] = cookie;
|
||||
key = key.trim();
|
||||
if (key == 'themeName') document.getElementsByTagName('html')[0].setAttribute('class', val.trim());
|
||||
}
|
||||
document.cookie = `themeName=${document.getElementsByTagName('html')[0].getAttribute('class') || 'casco'}`;
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body id="Body" style="height:100vh;margin:0px;font-size:13px;">
|
||||
|
||||
<!-- This will be shown on disconnect -->
|
||||
<div class="showOnDisconnect" style="
|
||||
position: fixed;
|
||||
top: calc(50vh - 100px);
|
||||
left: calc(50vw - 100px);
|
||||
color: #ef9595;
|
||||
z-index: 1;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
font-family: sans-serif;
|
||||
border-radius: 50%;
|
||||
border: 5px solid rgba(251, 36, 36, 0.41);
|
||||
line-height: 200px;
|
||||
text-align: center;
|
||||
display: none;
|
||||
background-color: rgba(255, 0, 0, .2);
|
||||
">DISCONNECTED</div>
|
||||
|
||||
<!-- This will be shown if the Server responds with com.Error == 404 -->
|
||||
<div class="showOn404" style="display:none;">
|
||||
<div style="width: 250px; font-family: sans-serif;
|
||||
margin: 0px auto; position: relative; z-index: 1;
|
||||
margin-top: 32px;">
|
||||
<span style="font-size: 48px">404</span><br>
|
||||
<span>Page not Found</span><br><br><hr><br>
|
||||
<div style="text-align: right;">
|
||||
<a href="#" onclick="history.back()" style="text-decoration: none;"><< Go Back</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- This will be shown until we get a response -->
|
||||
<div class="removeOnLoad">Loading Views...</div>
|
||||
|
||||
<!-- -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,7 @@
|
|||
let express = require('express')
|
||||
let app = express();
|
||||
app.get('/', (_, res) => res.redirect('/index.html'));
|
||||
app.use('/', express.static('./www'));
|
||||
|
||||
|
||||
app.listen(8080);
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
let xGraphAdapter = require('xgraph-adapter');
|
||||
|
||||
class A extends xGraphAdapter {
|
||||
constructor(com) {
|
||||
super('192.168.2.209', 28000);
|
||||
this.ping();
|
||||
}
|
||||
|
||||
Pong(com, fun) {
|
||||
console.log('Pong!!');
|
||||
this.ping();
|
||||
}
|
||||
|
||||
ping() {
|
||||
console.log('sending ping');
|
||||
this.send('Ping', {}, (err, cmd) => {
|
||||
console.log('ping callback', err, cmd);
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
new A();
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<html>
|
||||
|
||||
<head>
|
||||
<script src="pack.js"></script>
|
||||
</head>
|
||||
|
||||
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "xgraph-adapter",
|
||||
"version": "0.0.3",
|
||||
"version": "0.1.0",
|
||||
"description": "connect to xGraph server-side systems via web-sockets",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
|
|
@ -14,5 +14,8 @@
|
|||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"xgmp": "^1.2.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"express": "4.16.4"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue