webssh2_client 1.0.0 → 2.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +304 -134
- package/client/index.js +12 -6
- package/client/public/client.htm +18 -102
- package/client/public/webssh2.bundle.js +3 -1
- package/client/public/webssh2.css +2 -12
- package/client/public/xterm.css +33 -0
- package/index.js +24 -21
- package/package.json +58 -42
package/client/public/client.htm
CHANGED
|
@@ -1,109 +1,25 @@
|
|
|
1
|
-
<!-- Version Version
|
|
1
|
+
<!-- Version Version 2.0.0-alpha.2 - 2025-09-07T02:25:32.769Z - 5a009ff -->
|
|
2
2
|
<!-- webssh2-client -->
|
|
3
3
|
<!-- /client/src/client.htm -->
|
|
4
4
|
<!DOCTYPE html>
|
|
5
|
-
<html>
|
|
5
|
+
<html lang="en" class="h-dvh bg-black">
|
|
6
6
|
<head>
|
|
7
7
|
<title>WebSSH2</title>
|
|
8
|
-
<
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
<i id="capsLockIcon" class="fas fa-circle-up fa-fw"></i>
|
|
25
|
-
</div>
|
|
26
|
-
<div class="login-buttons">
|
|
27
|
-
<button type="submit" class="pure-button pure-button-primary">Connect</button>
|
|
28
|
-
<button type="button" id="loginSettingsBtn" class="pure-button"><i class="fas fa-cog"></i></button>
|
|
29
|
-
</div>
|
|
30
|
-
</fieldset>
|
|
31
|
-
</form>
|
|
32
|
-
</div>
|
|
33
|
-
</dialog>
|
|
34
|
-
<dialog id="errorDialog" class="modal" >
|
|
35
|
-
<div class="modal-content error-modal">
|
|
36
|
-
<button autofocus class="close-button">×</button>
|
|
37
|
-
<h2>Error</h2>
|
|
38
|
-
<p id="errorMessage"></p>
|
|
39
|
-
</div>
|
|
40
|
-
</dialog>
|
|
41
|
-
<dialog id="promptDialog" class="modal">
|
|
42
|
-
<div class="modal-content prompt-modal">
|
|
43
|
-
<button autofocus class="close-button">×</button>
|
|
44
|
-
<h2 id="promptMessage"></h2>
|
|
45
|
-
<form>
|
|
46
|
-
<div id="promptInputContainer"></div>
|
|
47
|
-
<button type="submit" class="pure-button pure-button-primary">Submit</button>
|
|
48
|
-
</form>
|
|
49
|
-
</div>
|
|
50
|
-
</dialog>
|
|
51
|
-
<dialog id="terminalSettingsDialog" class="modal">
|
|
52
|
-
<div class="modal-content">
|
|
53
|
-
<h2>Terminal Settings</h2>
|
|
54
|
-
<form id="terminalSettingsForm" class="pure-form pure-form-stacked">
|
|
55
|
-
<fieldset>
|
|
56
|
-
<label for="fontSize">Font Size</label>
|
|
57
|
-
<input type="number" id="fontSize" name="fontSize" min="8" max="72" required>
|
|
58
|
-
|
|
59
|
-
<label for="fontFamily">Font Family</label>
|
|
60
|
-
<input type="text" id="fontFamily" name="fontFamily" required>
|
|
61
|
-
|
|
62
|
-
<label for="cursorBlink">Cursor Blink</label>
|
|
63
|
-
<select id="cursorBlink" name="cursorBlink">
|
|
64
|
-
<option value="true">On</option>
|
|
65
|
-
<option value="false">Off</option>
|
|
66
|
-
</select>
|
|
67
|
-
|
|
68
|
-
<label for="scrollback">Scrollback</label>
|
|
69
|
-
<input type="number" id="scrollback" name="scrollback" min="1" max="200000" required>
|
|
70
|
-
|
|
71
|
-
<label for="tabStopWidth">Tab Stop Width</label>
|
|
72
|
-
<input type="number" id="tabStopWidth" name="tabStopWidth" min="1" max="100" required>
|
|
73
|
-
|
|
74
|
-
<label for="bellStyle">Bell Style</label>
|
|
75
|
-
<select id="bellStyle" name="bellStyle">
|
|
76
|
-
<option value="sound">Sound</option>
|
|
77
|
-
<option value="none">None</option>
|
|
78
|
-
</select>
|
|
79
|
-
|
|
80
|
-
<button type="submit" class="pure-button pure-button-primary">Save</button>
|
|
81
|
-
<button type="button" id="closeterminalSettingsBtn" class="pure-button">Cancel</button>
|
|
82
|
-
</fieldset>
|
|
83
|
-
</form>
|
|
84
|
-
</div>
|
|
85
|
-
</dialog>
|
|
86
|
-
<div id="backdrop" class="backdrop"></div>
|
|
87
|
-
<button id="reconnectButton">Reconnect</button>
|
|
88
|
-
<div class="box">
|
|
89
|
-
<div id="header"></div>
|
|
90
|
-
<div id="terminalContainer" class="terminal"></div>
|
|
91
|
-
<div id="bottomdiv">
|
|
92
|
-
<div class="dropup" id="menu">
|
|
93
|
-
<i class="fas fa-bars fa-fw"></i> Menu
|
|
94
|
-
<div id="dropupContent">
|
|
95
|
-
<button id="clearLogBtn" class="menu-button"><i class="fas fa-trash-can fa-fw"></i> Clear Log</button>
|
|
96
|
-
<button id="stopLogBtn" class="menu-button"><i class="fas fa-cog fa-spin fa-fw"></i> Stop Log</button>
|
|
97
|
-
<button id="startLogBtn" class="menu-button"><i class="fas fa-clipboard fa-fw"></i> Start Log</button>
|
|
98
|
-
<button id="downloadLogBtn" class="menu-button"><i class="fas fa-download fa-fw"></i> Download Log</button>
|
|
99
|
-
<button id="replayCredentialsBtn" class="menu-button"><i class="fas fa-key fa-fw"></i> Credentials</button>
|
|
100
|
-
<button id="reauthBtn" class="menu-button"><i class="fas fa-key fa-fw"></i> Switch User</button>
|
|
101
|
-
<button id="terminalSettingsBtn" class="menu-button"><i class="fas fa-cog fa-fw"></i> Settings</button>
|
|
102
|
-
</div>
|
|
103
|
-
</div>
|
|
104
|
-
<div id="footer"></div>
|
|
105
|
-
<div id="status"></div>
|
|
106
|
-
</div>
|
|
107
|
-
</div>
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
|
|
9
|
+
<link rel="icon" type="image/x-icon" href="./favicon.ico">
|
|
10
|
+
<style>
|
|
11
|
+
/* Prevent white flash during initial load */
|
|
12
|
+
html, body, #app {
|
|
13
|
+
background-color: #000 !important;
|
|
14
|
+
color: #f5f5f5 !important;
|
|
15
|
+
}
|
|
16
|
+
</style>
|
|
17
|
+
<script type="module" crossorigin src="./webssh2.bundle.js"></script>
|
|
18
|
+
<link rel="stylesheet" crossorigin href="./webssh2.css">
|
|
19
|
+
</head>
|
|
20
|
+
<body class="h-dvh overflow-hidden bg-black text-neutral-100">
|
|
21
|
+
<!-- SolidJS app will mount here -->
|
|
22
|
+
<!-- Static status element for testing (will be replaced by SolidJS app) -->
|
|
23
|
+
<div id="status" role="status" aria-live="polite" aria-atomic="true" class="hidden">Initializing...</div>
|
|
108
24
|
</body>
|
|
109
25
|
</html>
|