7994ea79f4
Dashboard: switch error rate panel from app-level http_request_duration (never observed) to Caddy's caddy_http_response_duration_seconds_count. Journal: add custom server.ts (matching planner pattern) that observes http_request_duration_seconds on every request. Replaces react-router-serve with a custom Node HTTP server that handles /api/health, /api/metrics, static assets, and request timing. Removes redundant React Router routes for health and metrics. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
96 lines
3.2 KiB
TypeScript
96 lines
3.2 KiB
TypeScript
import { createRequestListener } from "@react-router/node";
|
|
import { createServer, type IncomingMessage, type ServerResponse } from "node:http";
|
|
import { createReadStream, statSync } from "node:fs";
|
|
import { join, extname, resolve } from "node:path";
|
|
import { logger } from "./app/lib/logger.server.ts";
|
|
import { httpRequestDuration, registry } from "./app/lib/metrics.server.ts";
|
|
|
|
const port = Number(process.env.PORT ?? 3000);
|
|
const CLIENT_DIR = resolve(import.meta.dirname, "build", "client");
|
|
|
|
const MIME: Record<string, string> = {
|
|
".js": "application/javascript",
|
|
".css": "text/css",
|
|
".html": "text/html",
|
|
".json": "application/json",
|
|
".png": "image/png",
|
|
".jpg": "image/jpeg",
|
|
".svg": "image/svg+xml",
|
|
".ico": "image/x-icon",
|
|
".woff": "font/woff",
|
|
".woff2": "font/woff2",
|
|
};
|
|
|
|
function serveStatic(req: IncomingMessage, res: ServerResponse): boolean {
|
|
if (req.method !== "GET" && req.method !== "HEAD") return false;
|
|
|
|
const url = new URL(req.url ?? "/", `http://${req.headers.host}`);
|
|
const filePath = resolve(join(CLIENT_DIR, url.pathname));
|
|
|
|
if (!filePath.startsWith(CLIENT_DIR)) return false;
|
|
|
|
try {
|
|
if (!statSync(filePath).isFile()) return false;
|
|
} catch {
|
|
return false;
|
|
}
|
|
|
|
res.setHeader("Content-Type", MIME[extname(filePath)] ?? "application/octet-stream");
|
|
if (url.pathname.startsWith("/assets/")) {
|
|
res.setHeader("Cache-Control", "public, immutable, max-age=31536000");
|
|
}
|
|
createReadStream(filePath).pipe(res);
|
|
return true;
|
|
}
|
|
|
|
const listener = createRequestListener({
|
|
build: () => import("./build/server/index.js" as string) as never,
|
|
});
|
|
|
|
async function handleMetrics(_req: IncomingMessage, res: ServerResponse): Promise<void> {
|
|
const metrics = await registry.metrics();
|
|
res.writeHead(200, { "Content-Type": registry.contentType });
|
|
res.end(metrics);
|
|
}
|
|
|
|
const version = process.env.SENTRY_RELEASE ?? "dev";
|
|
|
|
async function handleHealth(_req: IncomingMessage, res: ServerResponse): Promise<void> {
|
|
try {
|
|
const { createDb } = await import("@trails-cool/db");
|
|
const { sql } = await import("drizzle-orm");
|
|
const db = createDb();
|
|
await db.execute(sql`SELECT 1`);
|
|
res.writeHead(200, { "Content-Type": "application/json" });
|
|
res.end(JSON.stringify({ status: "ok", version, db: "connected" }));
|
|
} catch {
|
|
res.writeHead(503, { "Content-Type": "application/json" });
|
|
res.end(JSON.stringify({ status: "degraded", version, db: "unreachable" }));
|
|
}
|
|
}
|
|
|
|
const server = createServer((req, res) => {
|
|
const url = req.url ?? "/";
|
|
const start = Date.now();
|
|
|
|
if (!url.startsWith("/assets/") && url !== "/api/health" && url !== "/api/metrics") {
|
|
res.on("finish", () => {
|
|
const duration = Date.now() - start;
|
|
logger.info({ method: req.method, path: url, status: res.statusCode, duration }, "request");
|
|
httpRequestDuration.observe(
|
|
{ method: req.method ?? "GET", route: url.split("?")[0]!, status: String(res.statusCode) },
|
|
duration / 1000,
|
|
);
|
|
});
|
|
}
|
|
|
|
if (url === "/api/health") { handleHealth(req, res); return; }
|
|
if (url === "/api/metrics") { handleMetrics(req, res); return; }
|
|
if (!serveStatic(req, res)) {
|
|
listener(req, res);
|
|
}
|
|
});
|
|
|
|
server.listen(port, () => {
|
|
logger.info({ port }, "Journal server listening");
|
|
});
|