canvasManagement/src/features/canvas/services/canvasPageService.ts

import { CanvasPage } from "@/features/canvas/models/pages/canvasPageModel";
import { LocalCoursePage } from "@/features/local/pages/localCoursePageModels";
import { canvasApi, paginatedRequest } from "./canvasServiceUtils";
import { rateLimitAwareDelete, rateLimitAwarePost } from "./canvasWebRequestUtils";
import { LocalCourseSettings } from "@/features/local/course/localCourseSettings";
import { axiosClient } from "@/services/axiosUtils";
import { markdownToHTMLSafe } from "@/services/htmlMarkdownUtils";

export const canvasPageService = {
  async getAll(courseId: number): Promise<CanvasPage[]> {
    console.log("requesting pages");
    try {
      const url = `${canvasApi}/courses/${courseId}/pages`;
      const pages = await paginatedRequest<CanvasPage[]>({
        url,
      });
      return pages.flatMap((pageList) => pageList);
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
    } catch (error: any) {
      if (error?.response?.status === 403) {
        console.log(
          "Canvas API error: 403 Forbidden for pages. Returning empty array."
        );
        return [];
      }
      throw error;
    }
  },

  async create(
    canvasCourseId: number,
    page: LocalCoursePage,
    settings: LocalCourseSettings
  ): Promise<CanvasPage> {
    console.log(`Creating course page: ${page.name}`);
    const url = `${canvasApi}/courses/${canvasCourseId}/pages`;
    const body = {
      wiki_page: {
        title: page.name,
        body: markdownToHTMLSafe({ markdownString: page.text, settings }),
      },
    };

    const { data: canvasPage } = await rateLimitAwarePost<CanvasPage>(url, body);
    if (!canvasPage) {
      throw new Error("Created canvas course page was null");
    }
    return canvasPage;
  },

  async update(
    courseId: number,
    canvasPageId: number,
    page: LocalCoursePage,
    settings: LocalCourseSettings
  ): Promise<void> {
    console.log(`Updating course page: ${page.name}`);
    const url = `${canvasApi}/courses/${courseId}/pages/${canvasPageId}`;
    const body = {
      wiki_page: {
        title: page.name,
        body: markdownToHTMLSafe({ markdownString: page.text, settings }),
      },
    };
    await axiosClient.put(url, body);
  },

  async delete(courseId: number, canvasPageId: number): Promise<void> {
    console.log(`Deleting page from canvas ${canvasPageId}`);
    const url = `${canvasApi}/courses/${courseId}/pages/${canvasPageId}`;
    await rateLimitAwareDelete(url);
  },
};