working on code to upload files...

nextjs/src/services/canvas/files/canvasFileService.ts

@@ -0,0 +1,96 @@
+import fs from "fs/promises";
+import path from "path";
+import axios from "axios";
+import { canvasApi } from "../canvasServiceUtils";
+import { axiosClient } from "@/services/axiosUtils";
+import FormData from "form-data";
+
+export const downloadUrlToTempDirectory = async (
+  sourceUrl: string
+): Promise<string> => {
+  try {
+    const fileName =
+      path.basename(new URL(sourceUrl).pathname) || `tempfile-${Date.now()}`;
+    const tempFilePath = path.join("/tmp", fileName);
+    const response = await axios.get(sourceUrl, {
+      responseType: "arraybuffer",
+    });
+    await fs.writeFile(tempFilePath, response.data);
+    return tempFilePath;
+  } catch (error) {
+    console.error("Error downloading or saving the file:", error);
+    throw error;
+  }
+};
+
+const getFileSize = async (pathToFile: string): Promise<number> => {
+  try {
+    const stats = await fs.stat(pathToFile);
+    return stats.size;
+  } catch (error) {
+    console.error("Error reading file size:", error);
+    throw error;
+  }
+};
+
+export const uploadToCanvasPart1 = async (
+  pathToUpload: string,
+  canvasCourseId: string
+) => {
+  try {
+    const url = `${canvasApi}/courses/${canvasCourseId}/assignment_groups`;
+
+    const formData = new FormData();
+
+    formData.append("name", path.basename(pathToUpload));
+    formData.append("size", (await getFileSize(pathToUpload)).toString());
+
+    const response = await axiosClient.post(url, formData);
+
+    const upload_url = response.data.upload_url;
+    const upload_params = response.data.upload_params;
+
+    return { upload_url, upload_params };
+  } catch (error) {
+    console.error("Error uploading file to Canvas part 1:", error);
+    throw error;
+  }
+};
+
+export const uploadToCanvasPart2 = async (
+  pathToUpload: string,
+  upload_url: string,
+  upload_params: { [key: string]: string }
+) => {
+  try {
+    const formData = new FormData();
+
+    Object.keys(formData).forEach((key) => {
+      formData.append(key, upload_params[key]);
+    });
+
+    const fileBuffer = await fs.readFile(pathToUpload);
+    const fileName = path.basename(pathToUpload);
+    formData.append("file", fileBuffer, fileName);
+
+    const response = await axiosClient.post(upload_url, formData, {
+      headers: formData.getHeaders(),
+      validateStatus: (status) => status < 500,
+    });
+
+    if (response.status === 301) {
+      const redirectUrl = response.headers.location;
+      if (!redirectUrl) {
+        throw new Error(
+          "Redirect URL not provided in the Location header on redirect from second part of canvas file upload"
+        );
+      }
+
+      const redirectResponse = await axiosClient.get(redirectUrl);
+      console.log("redirect response", redirectResponse.data);
+    }
+  } catch (error) {
+    console.error("Error uploading file to Canvas part 1:", error);
+    throw error;
+  }
+};

nextjs/src/services/htmlMarkdownUtils.ts

@@ -44,8 +44,8 @@ export function markdownToHTMLSafe(
   const clean = DOMPurify.sanitize(
     marked.parse(markdownString, { async: false, pedantic: false, gfm: true })
   );
-  return convertImagesToCanvasImages(clean, settings);
-  // return clean;
+  // return convertImagesToCanvasImages(clean, settings);
+  return clean;
 }
 
 export function markdownToHtmlNoImages(markdownString: string) {