59 lines
1.8 KiB
JavaScript
59 lines
1.8 KiB
JavaScript
// Thin fetch wrapper. Centralized so every call has consistent error handling
|
|
// and json parsing. Errors throw an ApiError with the response status + body.
|
|
|
|
export class ApiError extends Error {
|
|
constructor(message, status, body) {
|
|
super(message)
|
|
this.name = 'ApiError'
|
|
this.status = status
|
|
this.body = body
|
|
}
|
|
}
|
|
|
|
async function request(method, url, { body, params, signal } = {}) {
|
|
let fullUrl = url
|
|
if (params) {
|
|
const search = new URLSearchParams()
|
|
for (const [k, v] of Object.entries(params)) {
|
|
if (v !== undefined && v !== null) search.set(k, String(v))
|
|
}
|
|
const qs = search.toString()
|
|
if (qs) fullUrl += (url.includes('?') ? '&' : '?') + qs
|
|
}
|
|
|
|
const headers = {}
|
|
const init = { method, headers, signal }
|
|
if (body !== undefined) {
|
|
if (body instanceof FormData) {
|
|
// Let the browser set Content-Type with the multipart boundary.
|
|
// JSON-stringifying FormData produces "{}" and the backend sees
|
|
// an empty multipart payload (this broke FC-5 IR/GS ingest from
|
|
// the UI for several releases).
|
|
init.body = body
|
|
} else {
|
|
headers['Content-Type'] = 'application/json'
|
|
init.body = JSON.stringify(body)
|
|
}
|
|
}
|
|
|
|
const r = await fetch(fullUrl, init)
|
|
const text = await r.text()
|
|
let parsed
|
|
try { parsed = text ? JSON.parse(text) : null } catch { parsed = text }
|
|
|
|
if (!r.ok) {
|
|
const msg = (parsed && parsed.error) || `${r.status} ${r.statusText}`
|
|
throw new ApiError(msg, r.status, parsed)
|
|
}
|
|
return parsed
|
|
}
|
|
|
|
export function useApi() {
|
|
return {
|
|
get: (url, opts) => request('GET', url, opts),
|
|
post: (url, opts) => request('POST', url, opts),
|
|
patch: (url, opts) => request('PATCH', url, opts),
|
|
delete: (url, opts) => request('DELETE', url, opts)
|
|
}
|
|
}
|