homeio

1"use client";
2
3import { useQuery } from "@tanstack/react-query";
4import type { StoreAppDetail } from "@/lib/shared/contracts/apps";
5import { queryKeys } from "@/lib/shared/query-keys";
6
7type StoreAppDetailResponse = {
8  data: StoreAppDetail;
9};
10
11const STORE_APP_REQUEST_TIMEOUT_MS = 10_000;
12
13export async function fetchStoreApp(appId: string) {
14  const endpoint = `/api/v1/store/apps/${encodeURIComponent(appId)}`;
15
16  const controller = new AbortController();
17  const timeout = setTimeout(() => {
18    controller.abort();
19  }, STORE_APP_REQUEST_TIMEOUT_MS);
20
21  let response: Response;
22  try {
23    response = await fetch(endpoint, {
24      cache: "no-store",
25      signal: controller.signal,
26    });
27  } catch (error) {
28    if (error instanceof Error && error.name === "AbortError") {
29      throw new Error("Failed to fetch store app (request timeout)");
30    }
31    throw error;
32  } finally {
33    clearTimeout(timeout);
34  }
35
36  if (response.status === 404) {
37    return null;
38  }
39
40  if (!response.ok) {
41    throw new Error(`Failed to fetch store app (${response.status})`);
42  }
43
44  const json = (await response.json()) as StoreAppDetailResponse;
45  return json.data;
46}
47
48export function useStoreApp(appId: string | null) {
49  return useQuery({
50    queryKey: appId ? queryKeys.storeApp(appId) : ["store", "app", "none"],
51    queryFn: () => fetchStoreApp(appId as string),
52    enabled: Boolean(appId),
53    staleTime: 60_000,
54    refetchOnMount: false,
55    refetchOnReconnect: false,
56    refetchOnWindowFocus: false,
57  });
58}
59