Fix for a circular issue for Alignment Enum • building out the cart e…

…ndpoint • directory/code clean up

apps/api/src/api/v1/cart/controllers/cart.controller.ts

@@ -0,0 +1,45 @@
+import { Request, Response } from 'express';
+
+import { errFormatResponseUtil } from '../../../../utils/err.format.response.util';
+import { clearCartService, getCartService, updateCartService } from '../services/cart.service';
+
+const getCartController = async (req: Request<null, null, null, null>, res: Response) => {
+  try {
+    const pokemonDetail = await getCartService();
+
+    res.status(200).json(pokemonDetail);
+  } catch (err) {
+    res.status(err?.status).json(errFormatResponseUtil(err));
+  }
+};
+
+interface CartBodyProps {
+  id: any;
+}
+
+const updateCartController = async (
+  req: Request<null, null, CartBodyProps, null>,
+  res: Response
+) => {
+  const { body } = req;
+
+  try {
+    const pokemonDetail = await updateCartService(body);
+
+    res.status(200).json(pokemonDetail);
+  } catch (err) {
+    res.status(err?.status).json(errFormatResponseUtil(err));
+  }
+};
+
+const clearCartController = async (req: Request<null, null, null, null>, res: Response) => {
+  try {
+    const pokemonDetail = await clearCartService();
+
+    res.status(200).json(pokemonDetail);
+  } catch (err) {
+    res.status(err?.status).json(errFormatResponseUtil(err));
+  }
+};
+
+export { getCartController, updateCartController, clearCartController };

apps/api/src/api/v1/cart/database/cart.database.ts

@@ -0,0 +1,27 @@
+export let cartDatabase = [];
+
+export const getCartDataCallUtil = async () => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve(cartDatabase);
+    }, 500);
+  });
+};
+
+export const updateCartDataCallUtil = async (data) => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      cartDatabase = data;
+      resolve(cartDatabase);
+    }, 500);
+  });
+};
+
+export const clearCartDataCallUtil = async () => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      cartDatabase = [];
+      resolve(cartDatabase);
+    }, 500);
+  });
+};

apps/api/src/api/v1/cart/index.ts

@@ -0,0 +1 @@
+export * from './routes/cart.route';

apps/api/src/api/v1/cart/interface/pokemon.interface.ts

@@ -0,0 +1,20 @@
+export interface PokemonListQueryProps {
+  offset?: string | string[];
+  limit?: string | string[];
+}
+
+export interface PokemonDetailQueryProps {
+  id: string;
+}
+
+export interface PokemonSpeciesParamsProps {
+  id: string;
+}
+
+export interface PokemonDetailsParamsProps {
+  id: string;
+}
+
+export interface PokemonEvolutionChainParamsProps {
+  id: string;
+}

apps/api/src/api/v1/cart/routes/cart.route.ts

@@ -0,0 +1,16 @@
+import express from 'express';
+
+import {
+  clearCartController,
+  getCartController,
+  updateCartController,
+} from '../controllers/cart.controller';
+
+const cartRoute = express.Router();
+
+cartRoute.get('/', getCartController);
+cartRoute.put('/update/:id', updateCartController);
+cartRoute.put('/clear', clearCartController);
+// cartRoute.delete('/item/:id', clearCartController);
+
+export { cartRoute };

apps/api/src/api/v1/cart/services/cart.service.ts

@@ -0,0 +1,82 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { getPokemonSpeciesService } from '../../pokemon';
+import { getPokemonDetailService } from '../../pokemon/services/pokemon.detail.service';
+import {
+  clearCartDataCallUtil,
+  getCartDataCallUtil,
+  updateCartDataCallUtil,
+} from '../database/cart.database';
+
+interface CartDataProps {
+  id: string;
+  name: string;
+  price: number;
+  quantity: number;
+  image: string;
+  isLegendary: boolean;
+  isMythical: boolean;
+}
+
+const doesItemExistKeyFn = (cartData, id) => {
+  const cartLength = cartData.length;
+  let key = null;
+
+  for (let loop = 0; loop < cartLength; loop++) {
+    if (cartData[loop]?.id == id) {
+      key = loop;
+      break;
+    }
+  }
+  return key;
+};
+
+const getCartService = async () => {
+  return await getCartDataCallUtil();
+};
+
+const getSpeciesDetail = async (id: string) => {
+  return Promise.all([
+    await getPokemonSpeciesService({ id }).catch(() => 'err'),
+    await getPokemonDetailService({ id }).catch(() => 'err'),
+  ]).then((data) => {
+    if (data[0] === 'err' || data[1] === 'err') {
+      return 'err';
+    }
+    return { ...data[0], ...data[1] };
+  });
+};
+
+const updateCartService = async (payload) => {
+  const currentCartData: any = await getCartDataCallUtil();
+  const doesItemExistKey = doesItemExistKeyFn(currentCartData, payload?.id);
+  const finalRes = currentCartData;
+
+  if (doesItemExistKey !== null) {
+    const currentObj = currentCartData[doesItemExistKey];
+    currentObj.quantity = currentObj.quantity + 1;
+
+    return currentObj;
+  }
+
+  const additionalData = await getSpeciesDetail(payload?.id);
+
+  const finalPayload = {
+    id: payload?.id,
+    name: additionalData?.name,
+    price: 500,
+    quantity: 1,
+    image: additionalData?.sprites?.other?.['official-artwork']?.front_default,
+    isLegendary: additionalData?.is_legendary,
+    isMythical: additionalData?.is_mythical,
+  };
+  finalRes.push(finalPayload);
+
+  return finalPayload;
+};
+
+const clearCartService = async () => {
+  const res = await clearCartDataCallUtil();
+  return res;
+};
+
+export { getCartService, updateCartService, clearCartService };

apps/api/src/api/v1/pokemon/index.ts

@@ -1 +1,2 @@
 export * from './routes/pokemon.route';
+export * from './services/pokemon.species.service';

apps/api/src/main.ts

@@ -1,6 +1,7 @@
 import cors from 'cors';
 import express from 'express';
 
+import { cartRoute } from './api/v1/cart';
 import { pokemonRoute } from './api/v1/pokemon';
 import { cacheMiddleware } from './middleware/cache.middleware';
 
@@ -15,6 +16,7 @@ app.use(cacheMiddleware);
 
 // Using Routes
 app.use('/api/pokemon', pokemonRoute);
+app.use('/api/cart', cartRoute);
 
 // Error Handling Middleware
 app.use((err, req, res, next) => {

apps/api/src/middleware/cache.middleware.ts

@@ -3,20 +3,25 @@ import NodeCache from 'node-cache';
 const cache = new NodeCache({ stdTTL: 100, checkperiod: 120 });
 
 const cacheMiddleware = (req, res, next) => {
+  const noCaching = req.originalUrl.includes('cart');
   const key = req.originalUrl;
-  const cachedResponse = cache.get(key);
+  const cachedResponse = !noCaching ? cache.get(key) : null;
 
   if (cachedResponse) {
     console.log('cached');
     res.send(cachedResponse);
   } else {
     res.sendResponse = res.send;
     res.send = (body) => {
-      cache.set(key, body);
+      if (!noCaching) {
+        cache.set(key, body);
+      }
       res.sendResponse(body);
     };
     next();
   }
 };
 
+// const internalCacheMiddleware = () => {};
+
 export { cacheMiddleware };

libs/features/src/lib/cart/cart.modal/cart.modal.tsx

@@ -1,13 +1,7 @@
 import { ReactElement } from 'react';
 
-import {
-  UiElementLayout,
-  UiIcon,
-  IconTypeEnum,
-  UiTypography,
-  UiModal,
-  ModalAlignmentEnum,
-} from '@pokemon-pet-shop/ui';
+import { AlignmentEnum } from '@pokemon-pet-shop/typing';
+import { UiElementLayout, UiIcon, IconTypeEnum, UiTypography, UiModal } from '@pokemon-pet-shop/ui';
 
 import { CartModalProps } from './cart.modal.interface';
 import styles from './cart.modal.module.css';
@@ -17,7 +11,7 @@ const CartModal = ({ isModalShown = false }: CartModalProps): ReactElement => {
     <UiModal
       isModalShown={isModalShown}
       classNameModal={styles.modal}
-      modalAlignment={ModalAlignmentEnum.RIGHT}
+      modalAlignment={AlignmentEnum.RIGHT}
     >
       <UiElementLayout className={styles.dropdownTop}>
         <UiElementLayout className={styles.dropdownHeadline}>

libs/features/src/lib/navigation/nav.mobile/nav.mobile.tsx

@@ -1,12 +1,12 @@
 import { ReactElement } from 'react';
 
+import { AlignmentEnum } from '@pokemon-pet-shop/typing';
 import {
   UiElementLayout,
   UiIcon,
   IconTypeEnum,
   UiTypography,
   UiModal,
-  ModalAlignmentEnum,
   UiSwitch,
 } from '@pokemon-pet-shop/ui';
 
@@ -18,7 +18,7 @@ const NavMobileModal = ({ isModalShown = false }: NavMobileModalProps): ReactEle
     <UiModal
       isModalShown={isModalShown}
       classNameModal={styles.modal}
-      modalAlignment={ModalAlignmentEnum.LEFT}
+      modalAlignment={AlignmentEnum.LEFT}
     >
       <UiElementLayout className={styles.dropdownTop}>
         <UiElementLayout className={styles.dropdownHeadline}>

libs/features/src/lib/pokemon/index.ts

@@ -1,4 +1,2 @@
-import UiPokemonDetailModal from './pokemon.detail.modal/pokemon.detail.modal.view';
-import UiPokemonList from './pokemon.list/pokemon.list.view';
-
-export { UiPokemonList, UiPokemonDetailModal };
+export * from './pokemon.list';
+export * from './pokemon.detail.modal';

libs/features/src/lib/pokemon/pokemon.card/pokemon.card.view.tsx

@@ -1,7 +1,7 @@
 import { memo, ReactElement } from 'react';
 
 import { ModalHeadlineTypeEnum, useModalStore } from '@pokemon-pet-shop/store';
-import { PokemonDetailAbilityObj } from '@pokemon-pet-shop/typing';
+import { AlignmentEnum, PokemonDetailAbilityObj } from '@pokemon-pet-shop/typing';
 import {
   UiElementLayout,
   UiImage,
@@ -11,9 +11,8 @@ import {
   UiButton,
   UiCard,
   mobSrcTypeEnum,
-  ModalAlignmentEnum,
 } from '@pokemon-pet-shop/ui';
-import { classNamesUtil } from '@pokemon-pet-shop/utils';
+import { classNamesUtil, noopUtil } from '@pokemon-pet-shop/utils';
 
 import { UiPokemonDetailModal } from '..';
 import { UiPokemonAbilityName } from '../components/pokemon.ability.name';
@@ -36,9 +35,11 @@ const PokemonCard = ({ data = {} }: CardProps): ReactElement => {
         classNameModal: '',
         isModalShown: false,
         headlineType: ModalHeadlineTypeEnum.ABSOLUTE,
-        modalAlignment: ModalAlignmentEnum.CENTER,
+        modalAlignment: AlignmentEnum.CENTER,
+      },
+      onCallback: () => {
+        noopUtil();
       },
-      onCallback: () => {},
     });
   };
 

libs/features/src/lib/pokemon/pokemon.detail.modal/index.ts

@@ -0,0 +1,3 @@
+import UiPokemonDetailModal from './pokemon.detail.modal.view';
+
+export { UiPokemonDetailModal };