- Backend: instruction_service.clear_consumed() bulk-deletes consumed rows - Backend: DELETE /api/instructions/consumed route (preserves pending) - Frontend: Clear button in consumed panel header (hidden when empty) - Frontend: SSE handler for history.cleared event - instant UI update - Frontend: api.clearConsumed() fetch wrapper
45 lines
1.3 KiB
JavaScript
45 lines
1.3 KiB
JavaScript
/**
|
|
* static/js/api.js
|
|
* Thin fetch wrappers for all HTTP API endpoints.
|
|
*/
|
|
|
|
const BASE = '';
|
|
|
|
async function request(method, path, body) {
|
|
const opts = {
|
|
method,
|
|
headers: { 'Content-Type': 'application/json' },
|
|
};
|
|
if (body !== undefined) opts.body = JSON.stringify(body);
|
|
|
|
const res = await fetch(BASE + path, opts);
|
|
if (res.status === 204) return null;
|
|
|
|
const data = await res.json();
|
|
if (!res.ok) {
|
|
const msg = data?.detail || `HTTP ${res.status}`;
|
|
throw new Error(msg);
|
|
}
|
|
return data;
|
|
}
|
|
|
|
export const api = {
|
|
// Health
|
|
health: () => request('GET', '/healthz'),
|
|
|
|
// Status
|
|
status: () => request('GET', '/api/status'),
|
|
|
|
// Instructions
|
|
listInstructions: (status='all') => request('GET', `/api/instructions?status=${status}`),
|
|
createInstruction: (content) => request('POST', '/api/instructions', { content }),
|
|
updateInstruction: (id, content) => request('PATCH', `/api/instructions/${id}`, { content }),
|
|
deleteInstruction: (id) => request('DELETE', `/api/instructions/${id}`),
|
|
clearConsumed: () => request('DELETE', '/api/instructions/consumed'),
|
|
|
|
// Config
|
|
getConfig: () => request('GET', '/api/config'),
|
|
updateConfig: (patch) => request('PATCH', '/api/config', patch),
|
|
};
|
|
|