fix: MDX에서 list 들여쓰기가 안되는 문제 수정

Author: MU-Software

packages/common/src/components/mdx.tsx

@@ -20,6 +20,7 @@ import * as R from "remeda";
 
 import Hooks from "../hooks";
 import { ErrorFallback } from "./error_handler";
+import { rtrim } from "../utils/string";
 
 const REGISTERED_KEYWORDS = [
   "import",
@@ -69,9 +70,9 @@ const CustomMDXComponents: MDXComponents = {
 };
 
 const lineFormatterForMDX = (line: string) => {
-  const trimmedLine = line.trim();
+  if (R.isEmpty(line.trim())) return "\n";
 
-  if (R.isEmpty(trimmedLine)) return "\n";
+  const trimmedLine = rtrim(line);
 
   // import / export / const문을 위한 꼼수 - import문 다음 줄은 반드시 빈 줄이어야 합니다.
   // 그러나 \n\n으로 변환할 경우, 다음 단계에서 <br />로 변환되므로, import문 다음에 공백이 있는 줄을 넣어서 <br />로 변환되지 않도록 합니다.

packages/common/src/utils/index.ts

@@ -1,5 +1,3 @@
-import * as R from "remeda";
-
 import {
   buildNestedSiteMap as _buildNestedSiteMap,
   findSiteMapUsingRoute as _findSiteMapUsingRoute,
@@ -12,6 +10,7 @@ import {
   filterReadOnlyPropertiesInJsonSchema as _filterReadOnlyPropertiesInJsonSchema,
   filterWritablePropertiesInJsonSchema as _filterWritablePropertiesInJsonSchema,
 } from "./json_schema";
+import { isFilledString as _isFilledString, rtrim as _rtrim } from "./string";
 
 namespace Utils {
   export const buildNestedSiteMap = _buildNestedSiteMap;
@@ -20,7 +19,8 @@ namespace Utils {
   export const getCookie = _getCookie;
   export const isFormValid = _isFormValid;
   export const getFormValue = _getFormValue;
-  export const isFilledString = (obj: unknown): obj is string => R.isString(obj) && !R.isEmpty(obj);
+  export const isFilledString = _isFilledString;
+  export const rtrim = _rtrim;
   export const filterWritablePropertiesInJsonSchema = _filterWritablePropertiesInJsonSchema;
   export const filterReadOnlyPropertiesInJsonSchema = _filterReadOnlyPropertiesInJsonSchema;
   export const filterPropertiesByLanguageInJsonSchema = _filterPropertiesByLanguageInJsonSchema;

packages/common/src/utils/string.ts

@@ -0,0 +1,6 @@
+import * as R from "remeda";
+
+export const isFilledString = (obj: unknown): obj is string => R.isString(obj) && !R.isEmpty(obj);
+
+// Remove whitespace from the right side of the input string.
+export const rtrim = (x: string): string => x.replace(/\s+$/gm, "");