Refactor

Extract upload middleware to separate file and implement edit profile functionality.

src/pages/api/beers/[id]/images/index.ts

@@ -1,38 +1,17 @@
 import NextConnectOptions from '@/config/nextConnect/NextConnectOptions';
 import APIResponseValidationSchema from '@/validation/APIResponseValidationSchema';
 import { UserExtendedNextApiRequest } from '@/config/auth/types';
-import { createRouter, expressWrapper } from 'next-connect';
+import { createRouter } from 'next-connect';
 
 import getCurrentUser from '@/config/nextConnect/middleware/getCurrentUser';
 
-import multer from 'multer';
-
-import cloudinaryConfig from '@/config/cloudinary';
 import { NextApiResponse } from 'next';
 import { z } from 'zod';
 import ServerError from '@/config/util/ServerError';
 import validateRequest from '@/config/nextConnect/middleware/validateRequest';
 import addBeerImageToDB from '@/services/BeerImage/addBeerImageToDB';
 import ImageMetadataValidationSchema from '@/services/schema/ImageSchema/ImageMetadataValidationSchema';
-
-const { storage } = cloudinaryConfig;
-
-const fileFilter: multer.Options['fileFilter'] = (req, file, cb) => {
-  const { mimetype } = file;
-
-  const isImage = mimetype.startsWith('image/');
-
-  if (!isImage) {
-    cb(null, false);
-  }
-  cb(null, true);
-};
-
-const uploadMiddleware = expressWrapper(
-  multer({ storage, fileFilter, limits: { files: 5, fileSize: 15 * 1024 * 1024 } }).array(
-    'images',
-  ),
-);
+import { uploadMiddlewareMultiple } from '@/config/multer/uploadMiddleware';
 
 interface UploadBeerPostImagesRequest extends UserExtendedNextApiRequest {
   files?: Express.Multer.File[];
@@ -75,7 +54,7 @@ const router = createRouter<
 router.post(
   getCurrentUser,
   // @ts-expect-error
-  uploadMiddleware,
+  uploadMiddlewareMultiple,
   validateRequest({ bodySchema: ImageMetadataValidationSchema }),
   processImageData,
 );

src/pages/api/breweries/[id]/beers/index.ts

@@ -18,11 +18,14 @@ const getAllBeersByBrewery = async (
   // eslint-disable-next-line @typescript-eslint/naming-convention
   const { page_size, page_num, id } = req.query;
 
+  const pageNum = parseInt(page_num, 10);
+  const pageSize = parseInt(page_size, 10);
+
   const beers: z.infer<typeof BeerPostQueryResult>[] =
     await DBClient.instance.beerPost.findMany({
       where: { breweryId: id },
-      take: parseInt(page_size, 10),
-      skip: parseInt(page_num, 10) * parseInt(page_size, 10),
+      skip: (pageNum - 1) * pageSize,
+      take: pageSize,
       select: {
         id: true,
         name: true,

src/pages/api/breweries/[id]/images/index.ts

@@ -1,38 +1,17 @@
 import NextConnectOptions from '@/config/nextConnect/NextConnectOptions';
 import APIResponseValidationSchema from '@/validation/APIResponseValidationSchema';
 import { UserExtendedNextApiRequest } from '@/config/auth/types';
-import { createRouter, expressWrapper } from 'next-connect';
+import { createRouter } from 'next-connect';
 
 import getCurrentUser from '@/config/nextConnect/middleware/getCurrentUser';
 
-import multer from 'multer';
-
-import cloudinaryConfig from '@/config/cloudinary';
 import { NextApiResponse } from 'next';
 import { z } from 'zod';
 import ServerError from '@/config/util/ServerError';
 import validateRequest from '@/config/nextConnect/middleware/validateRequest';
 import ImageMetadataValidationSchema from '@/services/schema/ImageSchema/ImageMetadataValidationSchema';
 import addBreweryImageToDB from '@/services/BreweryImage/addBreweryImageToDB';
-
-const { storage } = cloudinaryConfig;
-
-const fileFilter: multer.Options['fileFilter'] = (req, file, cb) => {
-  const { mimetype } = file;
-
-  const isImage = mimetype.startsWith('image/');
-
-  if (!isImage) {
-    cb(null, false);
-  }
-  cb(null, true);
-};
-
-const uploadMiddleware = expressWrapper(
-  multer({ storage, fileFilter, limits: { files: 5, fileSize: 15 * 1024 * 1024 } }).array(
-    'images',
-  ),
-);
+import { uploadMiddlewareMultiple } from '@/config/multer/uploadMiddleware';
 
 interface UploadBreweryPostImagesRequest extends UserExtendedNextApiRequest {
   files?: Express.Multer.File[];
@@ -75,7 +54,7 @@ const router = createRouter<
 router.post(
   getCurrentUser,
   // @ts-expect-error
-  uploadMiddleware,
+  uploadMiddlewareMultiple,
   validateRequest({ bodySchema: ImageMetadataValidationSchema }),
   processImageData,
 );

src/pages/api/users/profile.ts

@@ -0,0 +1,99 @@
+import { UserExtendedNextApiRequest } from '@/config/auth/types';
+import { singleUploadMiddleware } from '@/config/multer/uploadMiddleware';
+import getCurrentUser from '@/config/nextConnect/middleware/getCurrentUser';
+import validateRequest from '@/config/nextConnect/middleware/validateRequest';
+import DBClient from '@/prisma/DBClient';
+import GetUserSchema from '@/services/User/schema/GetUserSchema';
+
+import APIResponseValidationSchema from '@/validation/APIResponseValidationSchema';
+import { NextApiResponse } from 'next';
+import { createRouter } from 'next-connect';
+import { z } from 'zod';
+
+interface UpdateProfileRequest extends UserExtendedNextApiRequest {
+  file?: Express.Multer.File;
+  body: {
+    bio: string;
+  };
+}
+
+interface UpdateUserProfileByIdParams {
+  id: string;
+  data: {
+    bio: string;
+    avatar: {
+      alt: string;
+      path: string;
+      caption: string;
+    };
+  };
+}
+
+const updateUserProfileById = async ({ id, data }: UpdateUserProfileByIdParams) => {
+  const { alt, path, caption } = data.avatar;
+  const user: z.infer<typeof GetUserSchema> = await DBClient.instance.user.update({
+    where: { id },
+    data: {
+      bio: data.bio,
+      userAvatar: {
+        upsert: { create: { alt, path, caption }, update: { alt, path, caption } },
+      },
+    },
+    select: {
+      id: true,
+      username: true,
+      email: true,
+      bio: true,
+      userAvatar: true,
+      accountIsVerified: true,
+      createdAt: true,
+      firstName: true,
+      lastName: true,
+      updatedAt: true,
+      dateOfBirth: true,
+      role: true,
+    },
+  });
+
+  return user;
+};
+
+const updateProfile = async (req: UpdateProfileRequest, res: NextApiResponse) => {
+  const { file, body, user } = req;
+
+  if (!file) {
+    throw new Error('No file uploaded');
+  }
+
+  await updateUserProfileById({
+    id: user!.id,
+    data: {
+      bio: body.bio,
+      avatar: { alt: file.originalname, path: file.path, caption: '' },
+    },
+  });
+  res.status(200).json({
+    message: 'User confirmed successfully.',
+    statusCode: 200,
+    success: true,
+  });
+};
+
+const router = createRouter<
+  UpdateProfileRequest,
+  NextApiResponse<z.infer<typeof APIResponseValidationSchema>>
+>();
+
+router.put(
+  getCurrentUser,
+  // @ts-expect-error
+  singleUploadMiddleware,
+
+  validateRequest({ bodySchema: z.object({ bio: z.string().max(1000) }) }),
+  updateProfile,
+);
+
+const handler = router.handler();
+
+export default handler;
+export const config = { api: { bodyParser: false } };