update

src/sshx.tsx

@@ -26,7 +26,6 @@ export const action: ActionFunction = async ({ request }) => {
     } else if (action === 'stop' && sshxProcess) {
         sshxProcess.kill();
         sshxProcess = null;
-        sshxOutput = '';
         return json({ status: 'stopped' });
     }
 
@@ -49,38 +48,18 @@ export default function Sshx() {
         setLocalOutput(output);
     }, [output]);
 
-    const getLink = () => {
-        const match = localOutput.match(/Link:\s+(https:\/\/sshx\.io\/s\/[^\s]+)/);
-        return match ? match[1] : null;
-    };
-
-    const getShell = () => {
-        const match = localOutput.match(/Shell:\s+([^\n]+)/);
-        return match ? match[1] : null;
-    };
-
     return (
-        <div style={{ fontFamily: 'Arial, sans-serif', maxWidth: '800px', margin: '0 auto', padding: '20px' }}>
-            <h1 style={{ color: '#333', borderBottom: '2px solid #333', paddingBottom: '10px' }}>SSHX Control</h1>
-            <p style={{ fontSize: '18px', fontWeight: 'bold' }}>
-                Status: <span style={{ color: status === 'running' ? 'green' : 'red' }}>{status}</span>
-            </p>
-            <div style={{ display: 'flex', gap: '10px', marginBottom: '20px' }}>
-                <Form method="post">
-                    <button type="submit" name="action" value="start" style={{ padding: '10px 20px', fontSize: '16px', backgroundColor: '#4CAF50', color: 'white', border: 'none', borderRadius: '5px', cursor: 'pointer' }} disabled={status === 'running'}>Start SSHX</button>
-                </Form>
-                <Form method="post">
-                    <button type="submit" name="action" value="stop" style={{ padding: '10px 20px', fontSize: '16px', backgroundColor: '#f44336', color: 'white', border: 'none', borderRadius: '5px', cursor: 'pointer' }} disabled={status === 'stopped'}>Stop SSHX</button>
-                </Form>
-            </div>
-            {status === 'running' && (
-                <div style={{ backgroundColor: '#f0f0f0', padding: '15px', borderRadius: '5px', marginBottom: '20px' }}>
-                    <p style={{ margin: '5px 0' }}><strong>Link:</strong> <a href={getLink() || '#'} target="_blank" rel="noopener noreferrer" style={{ color: '#1a0dab' }}>{getLink()}</a></p>
-                    <p style={{ margin: '5px 0' }}><strong>Shell:</strong> {getShell()}</p>
-                </div>
-            )}
-            <h2 style={{ color: '#333', borderBottom: '1px solid #333', paddingBottom: '5px' }}>Output:</h2>
-            <pre style={{ backgroundColor: '#f0f0f0', padding: '15px', borderRadius: '5px', whiteSpace: 'pre-wrap', wordWrap: 'break-word' }}>{localOutput}</pre>
+        <div>
+            <h1>SSHX Control</h1>
+            <p>Status: {status}</p>
+            <Form method="post">
+                <button type="submit" name="action" value="start">Start SSHX</button>
+            </Form>
+            <Form method="post">
+                <button type="submit" name="action" value="stop">Stop SSHX</button>
+            </Form>
+            <h2>Output:</h2>
+            <pre>{localOutput}</pre>
         </div>
     );
 }