lots of hooks

nextjs/src/hooks/localCourse/assignmentHooks.ts

@@ -0,0 +1,59 @@
+import axios from "axios";
+import { localCourseKeys } from "./localCoursesHooks";
+import { LocalAssignment } from "@/models/local/assignmnet/localAssignment";
+import { useSuspenseQuery, useSuspenseQueries } from "@tanstack/react-query";
+
+export const useAssignmentNamesQuery = (
+  courseName: string,
+  moduleName: string
+) =>
+  useSuspenseQuery({
+    queryKey: localCourseKeys.moduleAssignmentNames(courseName, moduleName),
+    queryFn: async (): Promise<string[]> => {
+      const url = `/api/courses/${courseName}/modules/${moduleName}/assignments`;
+      const response = await axios.get(url);
+      return response.data;
+    },
+  });
+
+const getAssignmentQueryConfig = (
+  courseName: string,
+  moduleName: string,
+  assignmentName: string
+) => {
+  return {
+    queryKey: localCourseKeys.assignment(
+      courseName,
+      moduleName,
+      assignmentName
+    ),
+    queryFn: async (): Promise<LocalAssignment> => {
+      const url = `/api/courses/${courseName}/modules/${moduleName}/assignments/${assignmentName}`;
+      const response = await axios.get(url);
+      return response.data;
+    },
+  };
+};
+export const useAssignmentQuery = (
+  courseName: string,
+  moduleName: string,
+  assignmentName: string
+) =>
+  useSuspenseQuery(
+    getAssignmentQueryConfig(courseName, moduleName, assignmentName)
+  );
+
+export const useAssignmentsQueries = (
+  courseName: string,
+  moduleName: string,
+  assignmentNames: string[]
+) =>
+  useSuspenseQueries({
+    queries: assignmentNames.map((name) =>
+      getAssignmentQueryConfig(courseName, moduleName, name)
+    ),
+    combine: (results) => ({
+      data: results.map((r) => r.data),
+      pending: results.some((r) => r.isPending),
+    }),
+  });

nextjs/src/hooks/localCourse/localCoursesHooks.ts

@@ -0,0 +1,114 @@
+import { LocalCourseSettings } from "@/models/local/localCourse";
+import {
+  useSuspenseQuery,
+} from "@tanstack/react-query";
+import axios from "axios";
+
+export const localCourseKeys = {
+  allCourses: ["all courses"] as const,
+  settings: (courseName: string) =>
+    ["course details", courseName, "settings"] as const,
+  moduleNames: (courseName: string) =>
+    [
+      "course details",
+      courseName,
+      "modules",
+      { type: "names" } as const,
+    ] as const,
+  moduleAssignmentNames: (courseName: string, moduleName: string) =>
+    [
+      "course details",
+      courseName,
+      "modules",
+      moduleName,
+      "assignments",
+    ] as const,
+  moduleQuizzeNames: (courseName: string, moduleName: string) =>
+    ["course details", courseName, "modules", moduleName, "quizzes"] as const,
+  modulePageNames: (courseName: string, moduleName: string) =>
+    ["course details", courseName, "modules", moduleName, "pages"] as const,
+  assignment: (
+    courseName: string,
+    moduleName: string,
+    assignmentName: string
+  ) =>
+    [
+      "course details",
+      courseName,
+      "modules",
+      moduleName,
+      "assignments",
+      assignmentName,
+    ] as const,
+  quiz: (courseName: string, moduleName: string, quizName: string) =>
+    [
+      "course details",
+      courseName,
+      "modules",
+      moduleName,
+      "quizzes",
+      quizName,
+    ] as const,
+  page: (courseName: string, moduleName: string, pageName: string) =>
+    [
+      "course details",
+      courseName,
+      "modules",
+      moduleName,
+      "pages",
+      pageName,
+    ] as const,
+};
+
+export const useLocalCourseNamesQuery = () =>
+  useSuspenseQuery({
+    queryKey: localCourseKeys.allCourses,
+    queryFn: async (): Promise<string[]> => {
+      const url = `/api/courses`;
+      const response = await axios.get(url);
+      return response.data;
+    },
+  });
+
+export const useLocalCourseSettingsQuery = (courseName: string) =>
+  useSuspenseQuery({
+    queryKey: localCourseKeys.settings(courseName),
+    queryFn: async (): Promise<LocalCourseSettings> => {
+      const url = `/api/courses/${courseName}/settings`;
+      const response = await axios.get(url);
+      return response.data;
+    },
+  });
+
+export const useModuleNamesQuery = (courseName: string) =>
+  useSuspenseQuery({
+    queryKey: localCourseKeys.moduleNames(courseName),
+    queryFn: async (): Promise<string[]> => {
+      const url = `/api/courses/${courseName}/modules`;
+      const response = await axios.get(url);
+      return response.data;
+    },
+  });
+
+
+
+// export const useUpdateCourseMutation = (courseName: string) => {
+//   const queryClient = useQueryClient();
+//   return useMutation({
+//     mutationFn: async (body: {
+//       updatedCourse: LocalCourse;
+//       previousCourse: LocalCourse;
+//     }) => {
+//       const url = `/api/courses/${courseName}`;
+//       await axios.put(url, body);
+//     },
+//     onSuccess: () => {
+//       queryClient.invalidateQueries({
+//         queryKey: localCourseKeys.settings(courseName),
+//       });
+//     },
+//     scope: {
+//       id: "all courses",
+//     },
+//   });
+// };

nextjs/src/hooks/localCourse/pageHooks.ts

@@ -0,0 +1,49 @@
+import { LocalCoursePage } from "@/models/local/page/localCoursePage";
+import { useSuspenseQueries, useSuspenseQuery } from "@tanstack/react-query";
+import axios from "axios";
+import { localCourseKeys } from "./localCoursesHooks";
+
+export const usePageNamesQuery = (courseName: string, moduleName: string) =>
+  useSuspenseQuery({
+    queryKey: localCourseKeys.modulePageNames(courseName, moduleName),
+    queryFn: async (): Promise<string[]> => {
+      const url = `/api/courses/${courseName}/modules/${moduleName}/pages`;
+      const response = await axios.get(url);
+      return response.data;
+    },
+  });
+export const usePageQuery = (
+  courseName: string,
+  moduleName: string,
+  pageName: string
+) => useSuspenseQuery(getPageQueryConfig(courseName, moduleName, pageName));
+
+export const usePagesQueries = (
+  courseName: string,
+  moduleName: string,
+  pageNames: string[]
+) =>
+  useSuspenseQueries({
+    queries: pageNames.map((name) =>
+      getPageQueryConfig(courseName, moduleName, name)
+    ),
+    combine: (results) => ({
+      data: results.map((r) => r.data),
+      pending: results.some((r) => r.isPending),
+    }),
+  });
+
+function getPageQueryConfig(
+  courseName: string,
+  moduleName: string,
+  pageName: string
+) {
+  return {
+    queryKey: localCourseKeys.quiz(courseName, moduleName, pageName),
+    queryFn: async (): Promise<LocalCoursePage> => {
+      const url = `/api/courses/${courseName}/modules/${moduleName}/pages/${pageName}`;
+      const response = await axios.get(url);
+      return response.data;
+    },
+  };
+}

nextjs/src/hooks/localCourse/quizHooks.ts

@@ -0,0 +1,50 @@
+import { LocalQuiz } from "@/models/local/quiz/localQuiz";
+import { useSuspenseQueries, useSuspenseQuery } from "@tanstack/react-query";
+import axios from "axios";
+import { localCourseKeys } from "./localCoursesHooks";
+
+export const useQuizNamesQuery = (courseName: string, moduleName: string) =>
+  useSuspenseQuery({
+    queryKey: localCourseKeys.moduleQuizzeNames(courseName, moduleName),
+    queryFn: async (): Promise<string[]> => {
+      const url = `/api/courses/${courseName}/modules/${moduleName}/quizzes`;
+      const response = await axios.get(url);
+      return response.data;
+    },
+  });
+
+export const useQuizQuery = (
+  courseName: string,
+  moduleName: string,
+  quizName: string
+) => useSuspenseQuery(getQuizQueryConfig(courseName, moduleName, quizName));
+
+export const useQuizzesQueries = (
+  courseName: string,
+  moduleName: string,
+  quizNames: string[]
+) =>
+  useSuspenseQueries({
+    queries: quizNames.map((name) =>
+      getQuizQueryConfig(courseName, moduleName, name)
+    ),
+    combine: (results) => ({
+      data: results.map((r) => r.data),
+      pending: results.some((r) => r.isPending),
+    }),
+  });
+
+function getQuizQueryConfig(
+  courseName: string,
+  moduleName: string,
+  quizName: string
+) {
+  return {
+    queryKey: localCourseKeys.quiz(courseName, moduleName, quizName),
+    queryFn: async (): Promise<LocalQuiz> => {
+      const url = `/api/courses/${courseName}/modules/${moduleName}/quizzes/${quizName}`;
+      const response = await axios.get(url);
+      return response.data;
+    },
+  };
+}