Function useRuntimeLabProgramProgress

hooks/use-runtime-lab-progress.ts:132–238

(programId: string)

}

export function useRuntimeLabProgramProgress(programId: string) {
  const { authenticated, ready } = useAuth();
  const enabled = ready && authenticated;
  const key = detailKey(enabled, programId);

  const swr = useSWR<
    RuntimeLabProgressDetailResponse,
    Error & { status?: number },
    RuntimeLabProgressDetailKey | null
  >(
    key,
    ([, id]) =>
      fetchJson<RuntimeLabProgressDetailResponse>(
        `/api/tools/runtime-lab/progress?${new URLSearchParams({ programId: id })}`
      ),
    swrOptions
  );

  const saveProgress = useCallback(
    async (progress: RuntimeLabProgress) => {
      const detailCacheKey = detailKey(true, progress.programId);

      const saveRequest = authFetch("/api/tools/runtime-lab/progress", {
        method: "PUT",
        body: JSON.stringify(progress),
      }).then(async (response) => {
        if (!response.ok) {
          throw new Error(`runtime lab progress save failed with status ${response.status}`);
        }
        return response.json() as Promise<RuntimeLabProgressDetailResponse>;
      });

      const nextDetail = await globalMutate(detailCacheKey, saveRequest, {
        optimisticData: (current?: RuntimeLabProgressDetailResponse) => ({
          userId: current?.userId ?? "",
          progress,
        }),
        rollbackOnError: true,
        populateCache: true,
        revalidate: false,
      });

      if (nextDetail?.progress) {
        await globalMutate(
          listKey(true),
          (current?: RuntimeLabProgressListResponse) => ({
            userId: current?.userId ?? nextDetail.userId,
            progress: {
              ...(current?.progress ?? {}),
              [nextDetail.progress!.programId]: nextDetail.progress!,
            },
          }),
          { revalidate: false }
        );
      }

      return nextDetail;
    },