Delete index.js
This commit is contained in:
Bill Church
parent
3d0cb0d2c9
commit
7c0bc48763
1 changed files with 0 additions and 230 deletions
|
|
@ -1,230 +0,0 @@
|
|||
/* eslint-disable import/no-extraneous-dependencies */
|
||||
import io from 'socket.io-client';
|
||||
import { Terminal } from 'xterm';
|
||||
import { FitAddon } from 'xterm-addon-fit';
|
||||
import { library, dom } from '@fortawesome/fontawesome-svg-core';
|
||||
import { faBars, faClipboard, faDownload, faKey, faCog } from '@fortawesome/free-solid-svg-icons';
|
||||
library.add(faBars, faClipboard, faDownload, faKey, faCog);
|
||||
dom.watch();
|
||||
const debug = require('debug')('WebSSH2');
|
||||
require('xterm/css/xterm.css');
|
||||
require('../css/style.css');
|
||||
/* global Blob, logBtn, credentialsBtn, reauthBtn, downloadLogBtn */ // eslint-disable-line
|
||||
let sessionLogEnable = false;
|
||||
let loggedData = false;
|
||||
let allowreplay = false;
|
||||
let allowreauth = false;
|
||||
let sessionLog;
|
||||
let sessionFooter;
|
||||
let logDate;
|
||||
let currentDate;
|
||||
let myFile;
|
||||
let errorExists;
|
||||
let socket;
|
||||
const term = new Terminal();
|
||||
// DOM properties
|
||||
const status = document.getElementById('status');
|
||||
const header = document.getElementById('header');
|
||||
const dropupContent = document.getElementById('dropupContent');
|
||||
const footer = document.getElementById('footer');
|
||||
const countdown = document.getElementById('countdown');
|
||||
const fitAddon = new FitAddon();
|
||||
const terminalContainer = document.getElementById('terminal-container');
|
||||
term.loadAddon(fitAddon);
|
||||
term.open(terminalContainer);
|
||||
term.focus();
|
||||
fitAddon.fit();
|
||||
// reauthenticate
|
||||
function reauthSession() {
|
||||
debug('re-authenticating');
|
||||
window.location.href = '/ssh/reauth';
|
||||
return false;
|
||||
}
|
||||
// cross browser method to "download" an element to the local system
|
||||
// used for our client-side logging feature
|
||||
function downloadLog() {
|
||||
if (loggedData === true) {
|
||||
myFile = `WebSSH2-${logDate.getFullYear()}${logDate.getMonth() + 1}${logDate.getDate()}_${logDate.getHours()}${logDate.getMinutes()}${logDate.getSeconds()}.log`;
|
||||
// regex should eliminate escape sequences from being logged.
|
||||
const blob = new Blob([
|
||||
sessionLog.replace(
|
||||
// eslint-disable-next-line no-control-regex
|
||||
/[\u001b\u009b][[\]()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><;]/g, ''),
|
||||
], {
|
||||
// eslint-disable-line no-control-regex
|
||||
type: 'text/plain',
|
||||
});
|
||||
if (window.navigator.msSaveOrOpenBlob) {
|
||||
window.navigator.msSaveBlob(blob, myFile);
|
||||
}
|
||||
else {
|
||||
const elem = window.document.createElement('a');
|
||||
elem.href = window.URL.createObjectURL(blob);
|
||||
elem.download = myFile;
|
||||
document.body.appendChild(elem);
|
||||
elem.click();
|
||||
document.body.removeChild(elem);
|
||||
}
|
||||
}
|
||||
term.focus();
|
||||
}
|
||||
// Set variable to toggle log data from client/server to a varialble
|
||||
// for later download
|
||||
function toggleLog() {
|
||||
if (sessionLogEnable === true) {
|
||||
sessionLogEnable = false;
|
||||
loggedData = true;
|
||||
logBtn.innerHTML = '<i class="fas fa-clipboard fa-fw"></i> Start Log';
|
||||
// console.log(`stopping log, ${sessionLogEnable}`);
|
||||
currentDate = new Date();
|
||||
sessionLog = `${sessionLog}\r\n\r\nLog End for ${sessionFooter}: ${currentDate.getFullYear()}/${currentDate.getMonth() + 1}/${currentDate.getDate()} @ ${currentDate.getHours()}:${currentDate.getMinutes()}:${currentDate.getSeconds()}\r\n`;
|
||||
logDate = currentDate;
|
||||
term.focus();
|
||||
return false;
|
||||
}
|
||||
sessionLogEnable = true;
|
||||
loggedData = true;
|
||||
logBtn.innerHTML = '<i class="fas fa-cog fa-spin fa-fw"></i> Stop Log';
|
||||
downloadLogBtn.style.color = '#000';
|
||||
downloadLogBtn.addEventListener('click', downloadLog);
|
||||
// console.log(`starting log, ${sessionLogEnable}`);
|
||||
currentDate = new Date();
|
||||
sessionLog = `Log Start for ${sessionFooter}: ${currentDate.getFullYear()}/${currentDate.getMonth() + 1}/${currentDate.getDate()} @ ${currentDate.getHours()}:${currentDate.getMinutes()}:${currentDate.getSeconds()}\r\n\r\n`;
|
||||
logDate = currentDate;
|
||||
term.focus();
|
||||
return false;
|
||||
}
|
||||
// replay password to server, requires
|
||||
function replayCredentials() {
|
||||
socket.emit('control', 'replayCredentials');
|
||||
// console.log('replaying credentials');
|
||||
term.focus();
|
||||
return false;
|
||||
}
|
||||
// draw/re-draw menu and reattach listeners
|
||||
// when dom is changed, listeners are abandonded
|
||||
function drawMenu(data) {
|
||||
dropupContent.innerHTML = data;
|
||||
logBtn.addEventListener('click', toggleLog);
|
||||
if (allowreauth) {
|
||||
reauthBtn.addEventListener('click', reauthSession);
|
||||
}
|
||||
if (allowreplay) {
|
||||
credentialsBtn.addEventListener('click', replayCredentials);
|
||||
}
|
||||
if (loggedData) {
|
||||
downloadLogBtn.addEventListener('click', downloadLog);
|
||||
}
|
||||
}
|
||||
function resizeScreen() {
|
||||
fitAddon.fit();
|
||||
socket.emit('resize', { cols: term.cols, rows: term.rows });
|
||||
}
|
||||
window.addEventListener('resize', resizeScreen, false);
|
||||
socket = io.connect({
|
||||
path: '/ssh/socket.io',
|
||||
});
|
||||
term.onData((data) => {
|
||||
socket.emit('data', data);
|
||||
});
|
||||
socket.on('data', (data) => {
|
||||
term.write(data);
|
||||
if (sessionLogEnable) {
|
||||
sessionLog += data;
|
||||
}
|
||||
});
|
||||
socket.on('connect', () => {
|
||||
socket.emit('geometry', term.cols, term.rows);
|
||||
});
|
||||
socket.on('setTerminalOpts', (data) => {
|
||||
term.setOption('cursorBlink', data.cursorBlink);
|
||||
term.setOption('scrollback', data.scrollback);
|
||||
term.setOption('tabStopWidth', data.tabStopWidth);
|
||||
term.setOption('bellStyle', data.bellStyle);
|
||||
});
|
||||
socket.on('title', (data) => {
|
||||
document.title = data;
|
||||
});
|
||||
socket.on('menu', (data) => {
|
||||
drawMenu(data);
|
||||
});
|
||||
socket.on('status', (data) => {
|
||||
status.innerHTML = data;
|
||||
});
|
||||
socket.on('ssherror', (data) => {
|
||||
status.innerHTML = data;
|
||||
status.style.backgroundColor = 'red';
|
||||
errorExists = true;
|
||||
});
|
||||
socket.on('headerBackground', (data) => {
|
||||
header.style.backgroundColor = data;
|
||||
});
|
||||
socket.on('header', (data) => {
|
||||
if (data) {
|
||||
header.innerHTML = data;
|
||||
header.style.display = 'block';
|
||||
// header is 19px and footer is 19px, recaculate new terminal-container and resize
|
||||
terminalContainer.style.height = 'calc(100% - 38px)';
|
||||
resizeScreen();
|
||||
}
|
||||
});
|
||||
socket.on('footer', (data) => {
|
||||
sessionFooter = data;
|
||||
footer.innerHTML = data;
|
||||
});
|
||||
socket.on('statusBackground', (data) => {
|
||||
status.style.backgroundColor = data;
|
||||
});
|
||||
socket.on('allowreplay', (data) => {
|
||||
if (data === true) {
|
||||
debug(`allowreplay: ${data}`);
|
||||
allowreplay = true;
|
||||
drawMenu(`${dropupContent.innerHTML}<a id="credentialsBtn"><i class="fas fa-key fa-fw"></i> Credentials</a>`);
|
||||
}
|
||||
else {
|
||||
allowreplay = false;
|
||||
debug(`allowreplay: ${data}`);
|
||||
}
|
||||
});
|
||||
socket.on('allowreauth', (data) => {
|
||||
if (data === true) {
|
||||
debug(`allowreauth: ${data}`);
|
||||
allowreauth = true;
|
||||
drawMenu(`${dropupContent.innerHTML}<a id="reauthBtn"><i class="fas fa-key fa-fw"></i> Switch User</a>`);
|
||||
}
|
||||
else {
|
||||
allowreauth = false;
|
||||
debug(`allowreauth: ${data}`);
|
||||
}
|
||||
});
|
||||
socket.on('disconnect', (err) => {
|
||||
if (!errorExists) {
|
||||
status.style.backgroundColor = 'red';
|
||||
status.innerHTML = `WEBSOCKET SERVER DISCONNECTED: ${err}`;
|
||||
}
|
||||
socket.io.reconnection(false);
|
||||
countdown.classList.remove('active');
|
||||
});
|
||||
socket.on('error', (err) => {
|
||||
if (!errorExists) {
|
||||
status.style.backgroundColor = 'red';
|
||||
status.innerHTML = `ERROR: ${err}`;
|
||||
}
|
||||
});
|
||||
socket.on('reauth', () => {
|
||||
if (allowreauth) {
|
||||
reauthSession();
|
||||
}
|
||||
});
|
||||
// safe shutdown
|
||||
let hasCountdownStarted = false;
|
||||
socket.on('shutdownCountdownUpdate', (remainingSeconds) => {
|
||||
if (!hasCountdownStarted) {
|
||||
countdown.classList.add('active');
|
||||
hasCountdownStarted = true;
|
||||
}
|
||||
countdown.innerText = `Shutting down in ${remainingSeconds}s`;
|
||||
});
|
||||
term.onTitleChange((title) => {
|
||||
document.title = title;
|
||||
});
|
||||
Loading…
Reference in a new issue