alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-25 15:18:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

file support in progress

Browse Source
This commit is contained in:
Alex Mickelson
2025-01-24 09:20:07 -07:00
parent b2514bb356
commit a60008c6d7
5 changed files with 69 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@@ -15,6 +15,18 @@ Development command: `dotnet watch --project Management.Web/`
<https://nowucca.com/2020/07/04/working-around-canvas-limitations.html>
## Getting Started and Usage
<!-- draft -->
### Enable Image Support
You must set the `ENABLE_FILE_SYNC` environment variable to true. Image paths will be relative to the `/app/image_storage` directory in the container.
When an image is detected by canvas manager, it will upload the image to the canvas course and keep a lookup table of the original path/url of the image to the canvas course URL.
# ideas
matching questions

3
next.config.mjs
View File

@@ -1,5 +1,6 @@
/** @type {import('next').NextConfig} */
const nextConfig = {};
const nextConfig = {
};
export default nextConfig;

3
run.sh
View File

@@ -4,6 +4,7 @@ docker run -it --rm \
--name canvas-manager-2 \
-e TZ=America/Denver \
-e NODE_ENV=development \
-e NEXT_PUBLIC_ENABLE_FILE_SYNC=true \
-u 1000:1000 \
-p 3000:3000 \
-w /app \
@@ -12,8 +13,10 @@ docker run -it --rm \
-v ~/projects/faculty/4850_AdvancedFE/2024-fall-alex/modules:/app/storage/advanced_frontend \
-v ~/projects/faculty/1810/2025-spring-alex/online:/app/storage/intro_to_web_online \
-v ~/projects/faculty/1400/2025_spring_alex/modules:/app/storage/1400 \
-v ~/projects/faculty/1405/2025_spring_alex:/app/storage/1405 \
-v ~/projects/faculty/3840_Telemetry/2025_spring_alex/modules:/app/storage/telemetry \
-v ~/projects/faculty/4620_Distributed/2025Spring/modules:/app/storage/distributed \
-v ~/projects/facultyFiles:/app/public/images/facultyFiles \
node \
sh -c "
mkdir -p ~/.npm-global && \

92
src/hooks/localCourse/assignmentHooks.ts
View File

@@ -23,6 +23,8 @@ export const useAssignmentQuery = (
});
};
const enable_images = process.env.NEXT_PUBLIC_ENABLE_FILE_SYNC === "true";
export const useUpdateImageSettingsForAssignment = ({
moduleName,
assignmentName,
@@ -37,50 +39,56 @@ export const useUpdateImageSettingsForAssignment = ({
const createCanvasUrlMutation =
trpc.canvasFile.getCanvasFileUrl.useMutation();
// useEffect(() => {
// if (isUpdatingSettings) {
// console.log("not updating image assets, still loading");
// return;
// }
// setIsUpdatingSettings(true);
// const assignmentMarkdown = markdownToHtmlNoImages(assignment.description);
useEffect(() => {
if (!enable_images) {
console.log("not uploading images, FILE_POLLING is not set to true");
return;
}
// const imageSources = extractImageSources(assignmentMarkdown);
// const imagesToUpdate = imageSources.filter((source) =>
// settings.assets.every((a) => a.sourceUrl !== source)
// );
// console.log("images to update", imagesToUpdate);
if (isUpdatingSettings) {
console.log("not updating image assets, still loading");
return;
}
setIsUpdatingSettings(true);
const assignmentMarkdown = markdownToHtmlNoImages(assignment.description);
// if (imagesToUpdate.length) {
// Promise.all(
// imagesToUpdate.map(async (source) => {
// // todo: get canvas url
// // const canvasUrl = "";
// const canvasUrl = await createCanvasUrlMutation.mutateAsync({
// sourceUrl: source,
// canvasCourseId: settings.canvasId,
// });
// console.log("got canvas url", source, canvasUrl);
// return { sourceUrl: source, canvasUrl };
// })
// ).then(async (newAssets) => {
// await updateSettings.mutateAsync({
// settings: {
// ...settings,
// assets: [...settings.assets, ...newAssets],
// },
// });
// setIsUpdatingSettings(false);
// });
// }
// }, [
// assignment.description,
// createCanvasUrlMutation,
// isUpdatingSettings,
// settings,
// settings.assets,
// updateSettings,
// ]);
const imageSources = extractImageSources(assignmentMarkdown);
const imagesToUpdate = imageSources.filter((source) =>
settings.assets.every((a) => a.sourceUrl !== source)
);
console.log("images to update", imagesToUpdate);
if (imagesToUpdate.length) {
Promise.all(
imagesToUpdate.map(async (source) => {
// todo: get canvas url
// const canvasUrl = "";
console.log(source);
const canvasUrl = await createCanvasUrlMutation.mutateAsync({
sourceUrl: source,
canvasCourseId: settings.canvasId,
});
console.log("got canvas url", source, canvasUrl);
return { sourceUrl: source, canvasUrl };
})
).then(async (newAssets) => {
await updateSettings.mutateAsync({
settings: {
...settings,
assets: [...settings.assets, ...newAssets],
},
});
setIsUpdatingSettings(false);
});
}
}, [
assignment.description,
createCanvasUrlMutation,
isUpdatingSettings,
settings,
settings.assets,
updateSettings,
]);
};
export const useAssignmentNamesQuery = (moduleName: string) => {

2
src/websocket.js
View File

@@ -17,7 +17,9 @@ const handler = app.getRequestHandler();
const folderToWatch = path.join(process.cwd(), "./storage", "/");
console.log("watching folder", folderToWatch);
const usePolling = process.env.FILE_POLLING === "true";
const enable_images = process.env.NEXT_PUBLIC_ENABLE_FILE_SYNC === "true";
console.log("FILE_POLLING:", usePolling);
console.log("NEXT_PUBLIC_ENABLE_FILE_SYNC:", enable_images);
const watcher = chokidar.watch(folderToWatch, {
persistent: true,