mirror of https://github.com/openspug/spug
F 修复启用https后webssh无法使用的问题
vapao
parent
9693bb7e2c
commit
27d4de8a23
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{{ title }}</title>
|
||||
<link href="http://cdn.qbangmang.com/spug/xterm.min.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="/xterm/xterm.min.css" rel="stylesheet" type="text/css"/>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
|
|
@ -12,9 +12,9 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="terminal"></div>
|
||||
<script src="http://cdn.qbangmang.com/spug/xterm.min.js"></script>
|
||||
<script src="http://cdn.qbangmang.com/spug/xterm-addon-fit.min.js"></script>
|
||||
<script src="http://cdn.qbangmang.com/spug/main.js"></script>
|
||||
<script src="/xterm/xterm.min.js"></script>
|
||||
<script src="/xterm/xterm-addon-fit.min.js"></script>
|
||||
<script src="/xterm/main.js"></script>
|
||||
<script>
|
||||
run('{{ id }}', '{{ token }}')
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,149 @@
|
|||
let style = {};
|
||||
|
||||
function get_cell_size(term) {
|
||||
style.width = term._core._renderService._renderer.dimensions.actualCellWidth;
|
||||
style.height = term._core._renderService._renderer.dimensions.actualCellHeight;
|
||||
}
|
||||
|
||||
|
||||
function current_geometry(term) {
|
||||
if (!style.width || !style.height) {
|
||||
get_cell_size(term);
|
||||
}
|
||||
|
||||
const cols = parseInt(window.innerWidth / style.width, 10) - 1;
|
||||
const rows = parseInt(window.innerHeight / style.height, 10);
|
||||
return {'cols': cols, 'rows': rows};
|
||||
}
|
||||
|
||||
|
||||
function resize_terminal(term) {
|
||||
const geometry = current_geometry(term);
|
||||
term.on_resize(geometry.cols, geometry.rows);
|
||||
}
|
||||
|
||||
|
||||
function read_as_text_with_decoder(file, callback, decoder) {
|
||||
let reader = new window.FileReader();
|
||||
|
||||
if (decoder === undefined) {
|
||||
decoder = new window.TextDecoder('utf-8', {'fatal': true});
|
||||
}
|
||||
|
||||
reader.onload = function () {
|
||||
let text;
|
||||
try {
|
||||
text = decoder.decode(reader.result);
|
||||
} catch (TypeError) {
|
||||
console.log('Decoding error happened.');
|
||||
} finally {
|
||||
if (callback) {
|
||||
callback(text);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
reader.onerror = function (e) {
|
||||
console.error(e);
|
||||
};
|
||||
|
||||
reader.readAsArrayBuffer(file);
|
||||
}
|
||||
|
||||
|
||||
function read_as_text_with_encoding(file, callback, encoding) {
|
||||
let reader = new window.FileReader();
|
||||
|
||||
if (encoding === undefined) {
|
||||
encoding = 'utf-8';
|
||||
}
|
||||
|
||||
reader.onload = function () {
|
||||
if (callback) {
|
||||
callback(reader.result);
|
||||
}
|
||||
};
|
||||
|
||||
reader.onerror = function (e) {
|
||||
console.error(e);
|
||||
};
|
||||
|
||||
reader.readAsText(file, encoding);
|
||||
}
|
||||
|
||||
|
||||
function read_file_as_text(file, callback, decoder) {
|
||||
if (!window.TextDecoder) {
|
||||
read_as_text_with_encoding(file, callback, decoder);
|
||||
} else {
|
||||
read_as_text_with_decoder(file, callback, decoder);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function run(id, token) {
|
||||
const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
|
||||
const sock = new window.WebSocket(`${protocol}//${window.location.host}/api/ws/ssh/${token}/${id}/`),
|
||||
encoding = 'utf-8',
|
||||
decoder = window.TextDecoder ? new window.TextDecoder(encoding) : encoding,
|
||||
terminal = document.getElementById('terminal'),
|
||||
term = new window.Terminal({
|
||||
cursorBlink: true,
|
||||
theme: {
|
||||
background: 'black'
|
||||
}
|
||||
});
|
||||
|
||||
term.fitAddon = new window.FitAddon.FitAddon();
|
||||
term.loadAddon(term.fitAddon);
|
||||
|
||||
function term_write(text) {
|
||||
if (term) {
|
||||
term.write(text);
|
||||
if (!term.resized) {
|
||||
resize_terminal(term);
|
||||
term.resized = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
term.on_resize = function (cols, rows) {
|
||||
if (cols !== this.cols || rows !== this.rows) {
|
||||
this.resize(cols, rows);
|
||||
sock.send(JSON.stringify({'resize': [cols, rows]}));
|
||||
}
|
||||
};
|
||||
|
||||
term.onData(function (data) {
|
||||
sock.send(JSON.stringify({'data': data}));
|
||||
});
|
||||
|
||||
sock.onopen = function () {
|
||||
term.open(terminal);
|
||||
term.fitAddon.fit();
|
||||
term.focus();
|
||||
};
|
||||
|
||||
sock.onmessage = function (msg) {
|
||||
read_file_as_text(msg.data, term_write, decoder);
|
||||
};
|
||||
|
||||
sock.onerror = function (e) {
|
||||
console.error(e);
|
||||
};
|
||||
|
||||
sock.onclose = function (e) {
|
||||
if (e.code === 3333) {
|
||||
window.location.href = "about:blank";
|
||||
window.close()
|
||||
} else {
|
||||
setTimeout(() => term_write('\r\nConnection is closed.\r\n'), 200)
|
||||
}
|
||||
};
|
||||
|
||||
window.onresize = function () {
|
||||
if (term) {
|
||||
resize_terminal(term);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.FitAddon=t():e.FitAddon=t()}(window,function(){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(){}return e.prototype.activate=function(e){this._terminal=e},e.prototype.dispose=function(){},e.prototype.fit=function(){var e=this.proposeDimensions();if(e&&this._terminal){var t=this._terminal._core;this._terminal.rows===e.rows&&this._terminal.cols===e.cols||(t._renderService.clear(),this._terminal.resize(e.cols,e.rows))}},e.prototype.proposeDimensions=function(){if(this._terminal&&this._terminal.element&&this._terminal.element.parentElement){var e=this._terminal._core,t=window.getComputedStyle(this._terminal.element.parentElement),r=parseInt(t.getPropertyValue("height")),n=Math.max(0,parseInt(t.getPropertyValue("width"))),o=window.getComputedStyle(this._terminal.element),i=r-(parseInt(o.getPropertyValue("padding-top"))+parseInt(o.getPropertyValue("padding-bottom"))),a=n-(parseInt(o.getPropertyValue("padding-right"))+parseInt(o.getPropertyValue("padding-left")))-e.viewport.scrollBarWidth;return{cols:Math.max(2,Math.floor(a/e._renderService.dimensions.actualCellWidth)),rows:Math.max(1,Math.floor(i/e._renderService.dimensions.actualCellHeight))}}},e}();t.FitAddon=n}])});
|
||||
//# sourceMappingURL=xterm-addon-fit.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
.xterm{font-feature-settings:"liga" 0;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#FFF;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm{cursor:text}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:0.5}.xterm-underline{text-decoration:underline}
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue