feat(cli): 完成 sync 操作的服务启动功能

lexmin0412 · lexmin0412 · commit 6bb9608cd6c3 · 2025-02-18T22:12:34.000+08:00
diff --git a/packages/cli/src/libs/sync.ts b/packages/cli/src/libs/sync.ts
@@ -0,0 +1,35 @@
+import http from 'http';
+import fs from 'fs';
+import path from 'path';
+import { exec } from 'child_process';
+
+// 创建HTTP服务器
+const server = http.createServer((req, res) => {
+	// 处理根路径请求
+	const purePath = req.url?.slice(0, req.url.indexOf('?'))
+	if (!purePath || purePath === '/') {
+		const html = fs.readFileSync(path.join(__dirname, '../server/index.html'));
+		res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8',  });
+		return res.end(html);
+	}
+
+	// 处理其他静态文件
+	const filePath = path.join(__dirname, req.url as string);
+	if (fs.existsSync(filePath)) {
+		const content = fs.readFileSync(filePath);
+		res.end(content);
+	} else {
+		res.writeHead(404);
+		res.end('Not found');
+	}
+});
+
+const port = 56789;
+const baseURL = `http://localhost:${port}`
+const url = `${baseURL}?ws=ws://localhost:${port}`
+
+// 启动服务
+server.listen(port, () => {
+	console.log(`Server running at ${baseURL}`);
+	exec(`open "${url}"`);
+});
diff --git a/packages/cli/src/server/index.html b/packages/cli/src/server/index.html
@@ -0,0 +1,22 @@
+<!-- index.html -->
+<!DOCTYPE html>
+<html  lang="en">
+<head>
+  <title>CLI Browser Interaction</title>
+</head>
+<body>
+  <h1>操作监控页面</h1>
+
+  <!-- 示例交互元素 -->
+  <button id="testBtn">测试按钮</button>
+  <form id="testForm">
+    <input type="text" name="username">
+    <button type="submit">提交</button>
+  </form>
+
+  <!-- 注入监控脚本 -->
+  <script>
+    // 这里放置之前提供的WebSocket客户端代码
+  </script>
+</body>
+</html>
