Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 | 9x 3x 3x 7x 7x 7x 7x 7x 1x 7x 7x 5x 3x 3x 2x 3x 2x 2x 2x 1x 3x | import { QueryClient, QueryFunction } from "@tanstack/react-query";
async function throwIfResNotOk(res: Response) {
if (!res.ok) {
const text = (await res.text()) || res.statusText;
throw new Error(`${res.status}: ${text}`);
}
}
export async function apiRequest(
method: string,
url: string,
data?: unknown,
): Promise<Response> {
const headers: Record<string, string> = data
? { "Content-Type": "application/json" }
: {};
Eif (globalThis.window !== undefined) {
try {
const testRunId = globalThis.sessionStorage?.getItem("__TEST_RUN_ID__");
if (testRunId) {
headers["x-test-run-id"] = testRunId;
}
} catch {
// Ignore sessionStorage access errors
}
}
const res = await fetch(url, {
method,
headers,
body: data ? JSON.stringify(data) : undefined,
credentials: "include",
});
await throwIfResNotOk(res);
return res;
}
type UnauthorizedBehavior = "returnNull" | "throw";
const getQueryFn: <T>(options: {
on401: UnauthorizedBehavior;
}) => QueryFunction<T> =
({ on401: unauthorizedBehavior }) =>
async ({ queryKey }) => {
const path = queryKey
.map((segment) =>
typeof segment === "string"
? segment
: encodeURIComponent(JSON.stringify(segment)),
)
.join("/");
const res = await fetch(path, {
credentials: "include",
});
Iif (unauthorizedBehavior === "returnNull" && res.status === 401) {
return null;
}
await throwIfResNotOk(res);
return await res.json();
};
export const queryClient = new QueryClient({
defaultOptions: {
queries: {
queryFn: getQueryFn({ on401: "throw" }),
refetchInterval: false,
refetchOnWindowFocus: false,
staleTime: Infinity,
retry: false,
},
mutations: {
retry: false,
},
},
});
|