摘要: 以 claude-office 為基底改造的 Codex CLI 版虛擬辦公室:終端機綠 + 冷灰主題、 >_ 游標標誌,實況模式改為監看 ~/.codex/sessions/ 的 rollout transcripts, 依 cwd 將 session 分組成專案顯示。 根本原因: 既有 claude-office 只能監看 Claude Code 活動,Codex CLI 的 session 格式 (rollout JSONL:session_meta / turn_context / event_msg / response_item) 與存放結構(YYYY/MM/DD 日期目錄)完全不同,需要獨立的轉譯器。 影響: 新專案,與 claude-office 並存:web 5182(0.0.0.0)、watch 5181(僅 127.0.0.1), 與 5179/5180 不衝突,可同時常駐 PM2。 修法: - server/watch.mjs 重寫:遞迴掃描日期目錄、tail 新增位元組、 由 session_meta/turn_context 的 cwd 分組專案, custom_tool_call/function_call/MCP → 工具事件,agent_message/task_complete → 回覆 - 主題改造:constants 配色(石墨綠)、Sora/Manrope/JetBrains Mono 字型、 >_ 閃爍游標標誌、agents 改為 Codex/Sol/Nova/Mini、工具改為 exec/apply_patch 等 - live.ts 新增 thinking 事件(對應 reasoning),port 5181 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
58 lines
1.8 KiB
JavaScript
58 lines
1.8 KiB
JavaScript
/**
|
|
* Minimal static server for the production build (dist/).
|
|
* Zero dependencies. SPA fallback to index.html.
|
|
* Binds 0.0.0.0 so the office is viewable from the LAN;
|
|
* the transcript watcher stays localhost-only.
|
|
*/
|
|
import { createServer } from "node:http";
|
|
import { promises as fs } from "node:fs";
|
|
import path from "node:path";
|
|
import { fileURLToPath } from "node:url";
|
|
|
|
const PORT = Number(process.env.PORT || 5182);
|
|
const ROOT = path.join(path.dirname(fileURLToPath(import.meta.url)), "..", "dist");
|
|
|
|
const MIME = {
|
|
".html": "text/html; charset=utf-8",
|
|
".js": "text/javascript",
|
|
".css": "text/css",
|
|
".svg": "image/svg+xml",
|
|
".png": "image/png",
|
|
".ico": "image/x-icon",
|
|
".json": "application/json",
|
|
".woff2": "font/woff2",
|
|
".map": "application/json",
|
|
};
|
|
|
|
const server = createServer(async (req, res) => {
|
|
try {
|
|
const urlPath = decodeURIComponent((req.url || "/").split("?")[0]);
|
|
let filePath = path.normalize(path.join(ROOT, urlPath));
|
|
if (!filePath.startsWith(ROOT)) {
|
|
res.writeHead(403);
|
|
res.end("forbidden");
|
|
return;
|
|
}
|
|
const stat = await fs.stat(filePath).catch(() => null);
|
|
if (!stat || stat.isDirectory()) {
|
|
filePath = path.join(ROOT, "index.html");
|
|
}
|
|
const ext = path.extname(filePath);
|
|
const data = await fs.readFile(filePath);
|
|
res.writeHead(200, {
|
|
"Content-Type": MIME[ext] || "application/octet-stream",
|
|
"Cache-Control": urlPath.startsWith("/assets/")
|
|
? "public, max-age=31536000, immutable"
|
|
: "no-cache",
|
|
});
|
|
res.end(data);
|
|
} catch {
|
|
res.writeHead(500);
|
|
res.end("server error");
|
|
}
|
|
});
|
|
|
|
server.listen(PORT, "0.0.0.0", () => {
|
|
console.log(`✳ Codex Office web http://localhost:${PORT} (serving dist/)`);
|
|
});
|