evan/next-terminal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加录屏回放demo

Browse Source
This commit is contained in:
dushixiang
2021-01-29 23:22:30 +08:00
committed by dushixiang
parent b13ae6b049
commit 48b978b2c2
9 changed files with 3943 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/package-lock.json generated
View File

@ -1,6 +1,6 @@
{
"name": "next-terminal",
"version": "0.0.9",
"version": "0.1.1",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
@ -17901,8 +17901,7 @@
"xterm-addon-fit": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/xterm-addon-fit/-/xterm-addon-fit-0.4.0.tgz",
"integrity": "sha512-p4BESuV/g2L6pZzFHpeNLLnep9mp/DkF3qrPglMiucSFtD8iJxtMufEoEJbN8LZwB4i+8PFpFvVuFrGOSpW05w==",
"dev": true
"integrity": "sha512-p4BESuV/g2L6pZzFHpeNLLnep9mp/DkF3qrPglMiucSFtD8iJxtMufEoEJbN8LZwB4i+8PFpFvVuFrGOSpW05w=="
},
"xterm-addon-web-links": {
"version": "0.4.0",

4
web/package.json
View File

@ -17,8 +17,8 @@
"react-scripts": "^4.0.0",
"typescript": "^3.9.7",
"xterm": "^4.9.0",
"xterm-addon-web-links": "^0.4.0",
"xterm-addon-fit": "^0.4.0"
"xterm-addon-fit": "^0.4.0",
"xterm-addon-web-links": "^0.4.0"
},
"scripts": {
"start": "react-scripts start",

22
web/src/components/access/AccessSSH.css Normal file
View File

@ -0,0 +1,22 @@
.xterm .xterm-viewport {
/* On OS X this is required in order for the scroll bar to appear fully opaque */
background-color: transparent;
overflow-y: scroll;
cursor: default;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
--scrollbar-color: var(--highlight) var(--dark);
--scrollbar-width: thin;
}
.xterm-viewport::-webkit-scrollbar {
background-color: var(--dark);
width: 5px;
}
.xterm-viewport::-webkit-scrollbar-thumb {
background: var(--highlight);
}

9
web/src/components/access/AccessSSH.js
View File

@ -6,6 +6,7 @@ import {wsServer} from "../../common/constants";
import "./Console.css"
import {getToken} from "../../utils/utils";
import {FitAddon} from 'xterm-addon-fit';
import "./Access.css"
class AccessSSH extends Component {
@ -33,10 +34,10 @@ class AccessSSH extends Component {
let term = new Terminal({
fontFamily: 'monaco, Consolas, "Lucida Console", monospace',
fontSize: 14,
theme: {
background: '#1b1b1b',
lineHeight: 17
},
// theme: {
// background: '#1b1b1b',
// lineHeight: 17
// },
rightClickSelectsWord: true,
});

2563
web/src/components/session/asciinema-player.css Normal file
View File

File diff suppressed because it is too large Load Diff

1213
web/src/components/session/asciinema-player.js Normal file
View File

File diff suppressed because one or more lines are too long

19
web/src/components/session/asciinema.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="asciinema-player.css"/>
<style>
body {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<asciinema-player src="./903dfd65-838c-453f-9866-eadd5725321b.cast"></asciinema-player>
<script src="asciinema-player.js"></script>
</body>
</html>