update

src/remix.sh

@@ -11,76 +11,10 @@ cd ${HOMEDIR}/${REMIX_NAME}
 
 # 安装依赖并构建
 pnpm install
+pnpm add @types/node @types/react @types/react-dom --save-dev
 
-# 创建 sshx 路由文件
-cat << EOF > app/routes/sshx.tsx
-import { useState, useEffect } from 'react';
-import { json, ActionFunction } from '@remix-run/node';
-import { useLoaderData, Form, useSubmit } from '@remix-run/react';
-import { spawn } from 'child_process';
-
-let sshxProcess: any = null;
-let sshxOutput = '';
-
-export const loader = async () => {
-  return json({ status: sshxProcess ? 'running' : 'stopped', output: sshxOutput });
-};
-
-export const action: ActionFunction = async ({ request }) => {
-  const formData = await request.formData();
-  const action = formData.get('action');
-
-  if (action === 'start' && !sshxProcess) {
-    sshxProcess = spawn('${HOMEDIR}/sshx/sshx', []);
-    sshxProcess.stdout.on('data', (data: Buffer) => {
-      sshxOutput += data.toString();
-    });
-    sshxProcess.stderr.on('data', (data: Buffer) => {
-      sshxOutput += data.toString();
-    });
-    return json({ status: 'started' });
-  } else if (action === 'stop' && sshxProcess) {
-    sshxProcess.kill();
-    sshxProcess = null;
-    return json({ status: 'stopped' });
-  }
-
-  return json({ error: 'Invalid action' }, { status: 400 });
-};
-
-export default function Sshx() {
-  const { status, output } = useLoaderData();
-  const submit = useSubmit();
-  const [localOutput, setLocalOutput] = useState(output);
-
-  useEffect(() => {
-    const interval = setInterval(() => {
-      submit(null, { method: 'get', replace: true });
-    }, 1000);
-    return () => clearInterval(interval);
-  }, [submit]);
-
-  useEffect(() => {
-    setLocalOutput(output);
-  }, [output]);
-
-  return (
-    <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>
-  );
-}
-EOF
-
+# 复制 sshx 路由文件
+cp ${HOMEDIR}/sshx.tsx ${HOMEDIR}/${REMIX_NAME}/app/routes/sshx.tsx
 pnpm run build
 
 # 返回 HOMEDIR

src/sshx.tsx

@@ -0,0 +1,65 @@
+import React, { useState, useEffect } from 'react';
+import { json, ActionFunction } from '@remix-run/node';
+import { useLoaderData, Form, useSubmit } from '@remix-run/react';
+import { spawn, ChildProcess } from 'child_process';
+
+let sshxProcess: ChildProcess | null = null;
+let sshxOutput = '';
+
+export const loader = async () => {
+    return json({ status: sshxProcess ? 'running' : 'stopped', output: sshxOutput });
+};
+
+export const action: ActionFunction = async ({ request }) => {
+    const formData = await request.formData();
+    const action = formData.get('action');
+
+    if (action === 'start' && !sshxProcess) {
+        sshxProcess = spawn('/home/pn/sshx/sshx', []);
+        sshxProcess.stdout?.on('data', (data: Buffer) => {
+            sshxOutput += data.toString();
+        });
+        sshxProcess.stderr?.on('data', (data: Buffer) => {
+            sshxOutput += data.toString();
+        });
+        return json({ status: 'started' });
+    } else if (action === 'stop' && sshxProcess) {
+        sshxProcess.kill();
+        sshxProcess = null;
+        return json({ status: 'stopped' });
+    }
+
+    return json({ error: 'Invalid action' }, { status: 400 });
+};
+
+export default function Sshx() {
+    const { status, output } = useLoaderData<{ status: string; output: string }>();
+    const submit = useSubmit();
+    const [localOutput, setLocalOutput] = useState(output);
+
+    useEffect(() => {
+        const interval = setInterval(() => {
+            submit(null, { method: 'get', replace: true });
+        }, 1000);
+        return () => clearInterval(interval);
+    }, [submit]);
+
+    useEffect(() => {
+        setLocalOutput(output);
+    }, [output]);
+
+    return (
+        <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>
+    );
+}

src/startup.sh

@@ -1,10 +1,8 @@
 #!/bin/sh
 
-echo "$HOMEDIR"
-
 # 使用 PM2 启动 Remix 应用，并传递 PORT 环境变量
 cd ${HOMEDIR}/${REMIX_NAME}
 PORT=$PORT pm2 start npm --name "remix" -- start
-pm2 save
+
 
 # PM2 会保持前台运行，无需额外的命令来保持容器运行