feat: 현재 route에서 page id를 계산하는 함수 추가

Author: MU-Software

packages/common/src/utils/api.ts

@@ -1,24 +1,51 @@
+import * as R from "remeda";
 
-import BackendAPISchemas from '../schemas';
+import BackendAPISchemas from "../schemas";
 
-export const buildNestedSiteMap: (flattened: BackendAPISchemas.FlattenedSiteMapSchema[]) => BackendAPISchemas.NestedSiteMapSchema[] = (flattened) => {
+export const buildNestedSiteMap: (
+  flattened: BackendAPISchemas.FlattenedSiteMapSchema[]
+) => { [key: string]: BackendAPISchemas.NestedSiteMapSchema } = (flattened) => {
   const map: Record<string, BackendAPISchemas.NestedSiteMapSchema> = {};
   const roots: BackendAPISchemas.NestedSiteMapSchema[] = [];
 
+  const siteMapIdRouteCodeMap = flattened.reduce((acc, item) => {
+    acc[item.id] = item.route_code;
+    return acc;
+  }, {} as Record<string, string>);
+
   flattened.forEach((item) => {
     map[item.id] = {
       ...item,
-      children: [],
+      children: {},
     };
   });
 
   flattened.forEach((item) => {
     if (item.parent_sitemap) {
-      map[item.parent_sitemap].children.push(map[item.id]);
+      map[item.parent_sitemap].children[siteMapIdRouteCodeMap[item.id]] = map[item.id];
     } else {
       roots.push(map[item.id]);
     }
   });
 
-  return roots;
-}
+  return roots.reduce((acc, item) => {
+    acc[item.route_code] = item;
+    return acc;
+  }, {} as Record<string, BackendAPISchemas.NestedSiteMapSchema>);
+};
+
+export const findSiteMapUsingRoute = (route: string, siteMapData: BackendAPISchemas.NestedSiteMapSchema): BackendAPISchemas.NestedSiteMapSchema | null => {
+  const currentRouteCodes = ['', ...route.split('/').filter((code) => !R.isEmpty(code))];
+
+  let currentSitemap: BackendAPISchemas.NestedSiteMapSchema | null | undefined = siteMapData.children[currentRouteCodes[0]];
+  if (currentSitemap === undefined) return null;
+
+  for (const routeCode of currentRouteCodes.slice(1)) {
+    if ((currentSitemap = currentSitemap.children[routeCode] || null) === null) {
+      break;
+    }
+  }
+  return currentSitemap;
+};
+
+export const parseCss = (t: unknown): React.CSSProperties => (R.isString(t) && !R.isEmpty(t) && JSON.parse(t)) || {};

packages/common/src/utils/index.ts

@@ -1,4 +1,8 @@
-import { buildNestedSiteMap as _buildNestedSiteMap } from './api';
+import {
+  buildNestedSiteMap as _buildNestedSiteMap,
+  findSiteMapUsingRoute as _findSiteMapUsingRoute,
+  parseCss as _parseCss,
+} from './api';
 import { getCookie as _getCookie } from "./cookie";
 import {
   getFormValue as _getFormValue,
@@ -7,6 +11,8 @@ import {
 
 namespace Utils {
   export const buildNestedSiteMap = _buildNestedSiteMap;
+  export const findSiteMapUsingRoute = _findSiteMapUsingRoute;
+  export const parseCss = _parseCss;
   export const getCookie = _getCookie;
   export const isFormValid = _isFormValid;
   export const getFormValue = _getFormValue;