From e45936b53f7574a8f94c938578b2b7aafd592213 Mon Sep 17 00:00:00 2001
From: ACoolName <acoolname@acooldomain.co>
Date: Sun, 2 Jun 2024 22:23:42 +0300
Subject: [PATCH] test

---
 src/common.tsx | 48 +++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 47 insertions(+), 1 deletion(-)
diff --git a/src/common.tsx b/src/common.tsx
index e3dd1dd..0e63228 100644
--- a/src/common.tsx
+++ b/src/common.tsx
@@ -280,11 +280,57 @@ export function ActionItem(p: { action: ActionInfo, identifierSubstring?: string
               content="A site to manage game servers built with react and go using docker"
             />
             <title>Server Manager</title>
-        
             <script src="xterm/lib/xterm.js"></script>
+            <script src="xterm-addon-fit/lib/xterm-addon-fit.js"></script>
           </head>
           <body>
             <div id="root"></div>
+            <script>
+            
+            window.onload = function() {
+                const Terminal = window.Terminal;
+                const FitAddon = window.FitAddon;
+                const terminalContainer = document.getElementById('terminal-container');
+                
+                const terminal = new Terminal();
+                const fitAddon = new FitAddon();
+                terminal.loadAddon(fitAddon);
+                terminal.open(terminalContainer);
+                fitAddon.fit();
+
+                if (websocket) {
+                  const socket = new WebSocket("`+websocket+`");
+
+                  socket.onerror = (ev) => {
+                    console.log(ev);
+                  };
+
+                  socket.addEventListener('open', () => {
+                    socket.send(JSON.stringify({ CommandType: 'resize', Arguments: \`\${terminal.cols}x\`\${terminal.rows} }));
+                  });
+
+                  terminal.onResize(({ cols, rows }) => {
+                    socket.send(JSON.stringify({ CommandType: 'resize', Arguments: \`\${cols}x\`\${rows} }));
+                  });
+
+                  socket.addEventListener('message', (event) => {
+                    terminal.write(JSON.parse(event.data));
+                  });
+
+                  terminal.onData((data) => {
+                    socket.send(JSON.stringify({ CommandType: 'insert', Arguments: data }));
+                  });
+
+                  window.addEventListener('beforeunload', () => {
+                    socket.close();
+                  });
+                }
+
+                window.addEventListener('resize', () => {
+                  fitAddon.fit();
+                });
+              };
+            </script>
           </body>
         </html>
       `)
