ghcc-client 1.0.0

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.
Binary file
Binary file
Binary file
Binary file
@@ -0,0 +1,123 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover">
6
+ <meta name="apple-mobile-web-app-capable" content="yes">
7
+ <meta name="mobile-web-app-capable" content="yes">
8
+ <title>GitHub Copilot - {{SESSION_NAME}}</title>
9
+
10
+ <!-- GitHub Copilot Favicon -->
11
+ <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M7.5 0a7.5 7.5 0 0 0-2.372 14.617.75.75 0 0 1-.116.062c-.39.198-.62.652-.62 1.121v.25c0 .966.784 1.75 1.75 1.75h2.5a1.75 1.75 0 0 0 1.75-1.75v-.25c0-.469-.23-.923-.62-1.121a.75.75 0 0 1-.116-.062A7.5 7.5 0 0 0 7.5 0z'/%3E%3C/svg%3E">
12
+
13
+ <style>
14
+ * {
15
+ margin: 0;
16
+ padding: 0;
17
+ box-sizing: border-box;
18
+ }
19
+
20
+ html, body {
21
+ width: 100%;
22
+ height: 100%;
23
+ overflow: hidden;
24
+ background: #1e1e1e;
25
+ }
26
+
27
+ body {
28
+ font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
29
+ -webkit-font-smoothing: antialiased;
30
+ -moz-osx-font-smoothing: grayscale;
31
+ touch-action: manipulation;
32
+ }
33
+
34
+ #terminal-container {
35
+ width: 100%;
36
+ height: 100%;
37
+ padding: 8px;
38
+ background: #1e1e1e;
39
+ }
40
+
41
+ #terminal {
42
+ width: 100%;
43
+ height: 100%;
44
+ }
45
+
46
+ /* Mobile optimizations */
47
+ @media (max-width: 768px) {
48
+ #terminal-container {
49
+ padding: 4px;
50
+ }
51
+ }
52
+
53
+ /* Portrait mode - smaller font */
54
+ @media (orientation: portrait) {
55
+ #terminal-container {
56
+ padding: 2px;
57
+ }
58
+ }
59
+
60
+ /* Landscape mode - better spacing */
61
+ @media (orientation: landscape) {
62
+ #terminal-container {
63
+ padding: 8px;
64
+ }
65
+ }
66
+
67
+ /* Loading state */
68
+ .loading {
69
+ display: flex;
70
+ align-items: center;
71
+ justify-content: center;
72
+ height: 100vh;
73
+ color: #d4d4d4;
74
+ font-size: 14px;
75
+ }
76
+
77
+ /* Prevent text selection on double-tap (mobile) */
78
+ .xterm {
79
+ -webkit-tap-highlight-color: transparent;
80
+ }
81
+
82
+ /* Ensure scrolling works on mobile */
83
+ .xterm .xterm-viewport {
84
+ overflow-y: auto !important;
85
+ -webkit-overflow-scrolling: touch;
86
+ }
87
+
88
+ /* Hide scrollbars but keep functionality */
89
+ .xterm-viewport::-webkit-scrollbar {
90
+ width: 8px;
91
+ }
92
+
93
+ .xterm-viewport::-webkit-scrollbar-track {
94
+ background: #1e1e1e;
95
+ }
96
+
97
+ .xterm-viewport::-webkit-scrollbar-thumb {
98
+ background: #3e3e3e;
99
+ border-radius: 4px;
100
+ }
101
+ </style>
102
+ </head>
103
+ <body>
104
+ <div id="terminal-container">
105
+ <div class="loading">Connecting to terminal...</div>
106
+ <div id="terminal" style="display: none;"></div>
107
+ </div>
108
+
109
+ <script>
110
+ // This is a placeholder - ttyd will inject its own JavaScript
111
+ // ttyd serves the actual terminal at runtime with WebSocket connection
112
+ // This HTML is just the wrapper with mobile optimizations
113
+
114
+ // When ttyd loads, it will:
115
+ // 1. Initialize xterm.js
116
+ // 2. Connect via WebSocket
117
+ // 3. Handle terminal I/O
118
+ // 4. Auto-fit terminal to container
119
+
120
+ // Mobile-specific enhancements will be handled by ttyd's built-in client
121
+ </script>
122
+ </body>
123
+ </html>