Files
muzak/frontend/src/data/fetcher.ts
T
2025-07-19 19:53:24 +02:00

89 lines
2.5 KiB
TypeScript

"use client";
import { Fetcher } from "openapi-typescript-fetch";
import { getUser } from "./fetch";
import { paths, components } from "muzak/data/types";
const fetcher = Fetcher.for<paths>();
const BASE_URL = process.env.BACKEND_HOST || "http://127.0.0.1:8001";
// Configure the fetcher
fetcher.configure({
baseUrl: BASE_URL,
init: {
headers: {
"Content-Type": "application/json",
},
},
use: [
// Add authentication token to request
async (url, init, next) => {
const user = getUser();
if (user?.access_token) {
init.headers = {
...init.headers,
Authorization: `Bearer ${user.access_token}`,
};
}
return next(url, init);
},
// Handle errors
async (url, init, next) => {
const response = await next(url, init);
if (!response.ok) {
if (response.status === 401) {
console.warn("Authentication failed - token may be expired");
}
console.error(`API Error: ${response.status} ${response.statusText}`, {
url,
method: init.method,
});
}
return response;
},
],
});
export const api = {
tracks: {
list: fetcher.path("/api/track/").method("get").create(),
detail: fetcher.path("/api/track/{id}").method("get").create(),
vote: fetcher.path("/api/track/vote").method("get").create(),
},
artists: {
list: fetcher.path("/api/artist").method("get").create(),
detail: fetcher.path("/api/artist/{id}").method("get").create(),
},
albums: {
list: fetcher.path("/api/album/").method("get").create(),
detail: fetcher.path("/api/album/{id}").method("get").create(),
},
votes: {
list: fetcher.path("/api/vote/").method("get").create(),
detail: fetcher.path("/api/vote/{id}").method("get").create(),
userVotes: fetcher.path("/api/user/{user_id}/votes").method("get").create(),
},
users: {
list: fetcher.path("/api/user/").method("get").create(),
detail: fetcher.path("/api/user/{id}").method("get").create(),
},
profiles: {
detail: fetcher.path("/api/profile/{id}").method("get").create(),
backgrounds: {
list: fetcher.path("/api/profile/background").method("get").create(),
detail: fetcher
.path("/api/profile/background/{id}")
.method("get")
.create(),
},
},
};
export type User = components["schemas"]["User"];
export type Track = components["schemas"]["Track"];
export type Album = components["schemas"]["Album"];
export type Vote = components["schemas"]["Vote"];
export default api;