Replace fetch polling in JobsIndicator with EventSource connected to /api/jobs/stream. Fix the SSE route to return all jobs (via /index/status) instead of only active ones, since JobsList also consumes this stream for the full job history. JobsIndicator now filters active jobs client-side. SSE server-side uses adaptive interval (2s active, 15s idle) and only sends when data changes. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
83 lines
2.5 KiB
TypeScript
83 lines
2.5 KiB
TypeScript
import { NextRequest } from "next/server";
|
|
import { config } from "@/lib/api";
|
|
|
|
export async function GET(request: NextRequest) {
|
|
const { baseUrl, token } = config();
|
|
|
|
const stream = new ReadableStream({
|
|
async start(controller) {
|
|
controller.enqueue(new TextEncoder().encode(""));
|
|
|
|
let lastData: string | null = null;
|
|
let isActive = true;
|
|
let consecutiveErrors = 0;
|
|
let intervalId: ReturnType<typeof setInterval> | null = null;
|
|
|
|
const fetchJobs = async () => {
|
|
if (!isActive) return;
|
|
|
|
try {
|
|
const response = await fetch(`${baseUrl}/index/status`, {
|
|
headers: { Authorization: `Bearer ${token}` },
|
|
});
|
|
|
|
if (response.ok && isActive) {
|
|
consecutiveErrors = 0;
|
|
const data = await response.json();
|
|
const dataStr = JSON.stringify(data);
|
|
|
|
// Send only if data changed
|
|
if (dataStr !== lastData && isActive) {
|
|
lastData = dataStr;
|
|
try {
|
|
controller.enqueue(
|
|
new TextEncoder().encode(`data: ${dataStr}\n\n`)
|
|
);
|
|
} catch {
|
|
isActive = false;
|
|
}
|
|
}
|
|
|
|
// Adapt interval: 2s when active jobs exist, 15s when idle
|
|
const hasActiveJobs = data.some((j: { status: string }) =>
|
|
j.status === "running" || j.status === "pending" || j.status === "extracting_pages" || j.status === "generating_thumbnails"
|
|
);
|
|
const nextInterval = hasActiveJobs ? 2000 : 15000;
|
|
restartInterval(nextInterval);
|
|
}
|
|
} catch (error) {
|
|
if (isActive) {
|
|
consecutiveErrors++;
|
|
if (consecutiveErrors === 1 || consecutiveErrors % 30 === 0) {
|
|
console.warn(`SSE fetch error (${consecutiveErrors} consecutive):`, error);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
const restartInterval = (ms: number) => {
|
|
if (intervalId !== null) clearInterval(intervalId);
|
|
intervalId = setInterval(fetchJobs, ms);
|
|
};
|
|
|
|
// Initial fetch + start polling
|
|
await fetchJobs();
|
|
|
|
// Cleanup
|
|
request.signal.addEventListener("abort", () => {
|
|
isActive = false;
|
|
if (intervalId !== null) clearInterval(intervalId);
|
|
controller.close();
|
|
});
|
|
},
|
|
});
|
|
|
|
return new Response(stream, {
|
|
headers: {
|
|
"Content-Type": "text/event-stream",
|
|
"Cache-Control": "no-cache",
|
|
"Connection": "keep-alive",
|
|
},
|
|
});
|
|
}
|