Ft vil 382/import doc

next.config.js

@@ -10,6 +10,7 @@ module.exports = {
       issuer: /\.[jt]sx?$/,
       use: ['@svgr/webpack'],
     });
+    config.resolve.alias.canvas = false;
     return config;
   },
   experimental: { esmExternals: false },

package.json

@@ -56,6 +56,7 @@
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^12.1.6",
+    "@react-pdf/types": "^2.5.0",
     "@svgr/webpack": "6.2.1",
     "@swc/cli": "^0.1.57",
     "@swc/core": "1.2.205",
@@ -179,6 +180,7 @@
     "query-string": "^7.1.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-pdf": "^8.0.0",
     "react-player": "^2.10.1",
     "react-query": "^3.39.2",
     "resize-observer-polyfill": "^1.5.1",

server/controllers/activity.ts

@@ -160,7 +160,7 @@ const CREATE_SCHEMA: JSONSchemaType<CreateActivityData> = {
         type: 'object',
         properties: {
           id: { type: 'number', nullable: false },
-          type: { type: 'string', nullable: false, enum: ['text', 'video', 'image', 'h5p', 'sound'] },
+          type: { type: 'string', nullable: false, enum: ['text', 'video', 'image', 'h5p', 'sound', 'document'] },
           value: { type: 'string', nullable: false },
         },
         required: ['type', 'value'],
@@ -275,7 +275,7 @@ const UPDATE_A_SCHEMA: JSONSchemaType<UpdateActivity> = {
         type: 'object',
         properties: {
           id: { type: 'number', nullable: false },
-          type: { type: 'string', nullable: false, enum: ['text', 'video', 'image', 'h5p', 'sound'] },
+          type: { type: 'string', nullable: false, enum: ['text', 'video', 'image', 'h5p', 'sound', 'document'] },
           value: { type: 'string', nullable: false },
         },
         required: ['type', 'value'],

server/controllers/controller.ts

@@ -7,7 +7,7 @@ import path from 'path';
 import type { UserType } from '../entities/user';
 import { authenticate } from '../middlewares/authenticate';
 import { handleErrors } from '../middlewares/handleErrors';
-import { diskStorage } from './multer';
+import { diskStorage } from '../middlewares/multer';
 
 type RouteOptions = {
   path: string;

server/controllers/filesController.ts

@@ -1,4 +1,7 @@
 import type { Request, Response } from 'express';
+import fs from 'fs';
+import path from 'path';
+import { v4 } from 'uuid';
 
 import { uploadFile } from '../fileUpload';
 import { AppError, ErrorCode } from '../middlewares/handleErrors';
@@ -14,14 +17,20 @@ export async function uploadFiles(req: Request, res: Response) {
       throw new AppError('Files are missing', ErrorCode.UNKNOWN);
     }
     const promises: Promise<string | null>[] = [];
+
+    const folderPath = path.join(__dirname, `../fileUpload/images/${user.id}`);
+    fs.mkdirSync(folderPath, { recursive: true });
     for (const file of files as Express.Multer.File[]) {
       // making the filename being the path here is a trick to use
       // upload function...
-      const filename = `images/${user.id}/${file.filename}`;
-      const promise = uploadFile(filename, file.mimetype);
+      const ext = file.originalname.split('.').pop();
+      const filename = `${v4()}.${ext}`;
+      fs.writeFileSync(`${folderPath}/${filename}`, file.buffer);
+      const promise = uploadFile(`images/${user.id}/${filename}`, file.mimetype);
       promises.push(promise);
     }
     const results = await Promise.all(promises);
+    fs.rmSync(folderPath, { recursive: true, force: true });
     res.status(200).json(results);
   } catch (error) {
     if (error instanceof AppError) {