@axboot-mcp/mcp-server 1.0.0

package/src/handlers/generate-search-params.ts

@@ -0,0 +1,717 @@
+import * as fs from 'fs';
+import * as path from 'path';
+
+/**
+ * SearchParams 코드 생성 도구
+ * App.tsx에 직접 SearchParams를 추가합니다.
+ */
+export interface GenerateSearchParamsParams {
+  /** App.tsx 파일 경로 (절대 경로) - dtoPath를 사용하면 자동 감지 */
+  appPath?: string;
+  /** SearchParams 설정 */
+  searchParams?: SearchParamsConfig;
+  /** DTO 파일 경로 (절대 경로) - DTO를 분석해서 자동으로 SearchParams 생성 및 App.tsx 수정 */
+  dtoPath?: string;
+}
+
+export interface SearchParamsConfig {
+  /** 날짜 범위 검색 설정 */
+  dateRange?: DateRangeConfig;
+  /** 코드 선택 필드 목록 */
+  codes?: CodeFieldConfig[];
+  /** 검색어 설정 */
+  search?: SearchConfig;
+  /** Y/N 필드 목록 */
+  ynFields?: YnFieldConfig[];
+  /** 숫자 범위 필드 목록 */
+  numberRanges?: NumberRangeConfig[];
+  /** 줄바꿈 추가 여부 */
+  lineBreak?: boolean;
+}
+
+export interface DateRangeConfig {
+  /** 기간구분 포함 여부 */
+  withPeriodType?: boolean;
+  /** 기간구분 옵션 */
+  periodOptions?: Array<{ label: string; value: string }>;
+  /** 날짜 필드명 (기본: dateRange) */
+  name?: string;
+  /** 라벨 (기본: 등록일) */
+  label?: string;
+  /** 프리셋 타입 (all 또는 없음) */
+  presetType?: 'all' | 'default';
+}
+
+export interface CodeFieldConfig {
+  /** 코드 필드명 (예: statusCd) */
+  name: string;
+  /** 라벨 (예: 상태) */
+  label: string;
+  /** 코드 변수명 (예: STATUS_CODE) */
+  codeVar?: string;
+  /** 너비 (기본: 150) */
+  width?: number;
+  /** 다중 선택 여부 */
+  multi?: boolean;
+}
+
+export interface SearchConfig {
+  /** 검색구분 포함 여부 */
+  withSearchType?: boolean;
+  /** 검색구분 옵션 */
+  options?: Array<{ label: string; value: string }>;
+  /** 검색어 필드명 (기본: searchText) */
+  textName?: string;
+  /** 검색구분 필드명 (기본: searchType) */
+  typeName?: string;
+}
+
+export interface YnFieldConfig {
+  /** Y/N 필드명 (예: useYn) */
+  name: string;
+  /** 라벨 (예: 사용여부) */
+  label: string;
+}
+
+export interface NumberRangeConfig {
+  /** 필드명 */
+  name: string;
+  /** 라벨 */
+  label: string;
+  /** MIN 플레이스홀더 */
+  minPlaceholder?: string;
+  /** MAX 플레이스홀더 */
+  maxPlaceholder?: string;
+}
+
+/**
+ * DTO 필드 정보
+ */
+interface DtoField {
+  name: string;
+  type: string;
+  optional: boolean;
+  comment?: string;
+}
+
+/**
+ * SearchParams 자동 생성 및 App.tsx 수정
+ */
+export async function generateSearchParams(params: GenerateSearchParamsParams): Promise<{
+  content: Array<{ type: string; text: string }>;
+}> {
+  const { dtoPath, searchParams } = params;
+
+  // 1. DTO 파싱
+  let config: SearchParamsConfig | null = null;
+  let dtoAnalysis = '';
+  let detectedCodes: string[] = [];
+
+  if (dtoPath) {
+    const dtoResult = parseDtoFile(dtoPath);
+    dtoAnalysis = dtoResult.analysis;
+    config = dtoResult.searchParams;
+    detectedCodes = dtoResult.detectedCodes;
+
+    console.error(`[MCP] DTO 분석 완료: ${dtoResult.fields.length}개 필드`);
+    console.error(`[MCP] 감지된 코드: ${detectedCodes.join(', ')}`);
+  }
+
+  const finalConfig = config || searchParams;
+
+  if (!finalConfig) {
+    return {
+      content: [{
+        type: 'text',
+        text: JSON.stringify({
+          success: false,
+          error: 'DTO 분석 실패 또는 searchParams가 없습니다.',
+        }),
+      }],
+    };
+  }
+
+  // 2. App.tsx 경로 결정
+  let appPath = params.appPath;
+  if (!appPath && dtoPath) {
+    // DTO 경로에서 App.tsx 경로 추정
+    // 예: /Users/kyle/Desktop/nh-fe-bo/src/services/@interface/dto/BannerSearch.ts
+    // → /Users/kyle/Desktop/nh-fe-bo/src/pages/resources/banner/App.tsx
+    const projectRoot = '/Users/kyle/Desktop/nh-fe-bo';
+    const dtoName = path.basename(dtoPath, '.ts').replace('Search', '');
+    const pageName = dtoName.toLowerCase();
+
+    const possiblePaths = [
+      path.join(projectRoot, 'src/pages/resources', pageName, 'App.tsx'),
+      path.join(projectRoot, 'src/pages/resources', dtoName.toLowerCase(), 'App.tsx'),
+      path.join(projectRoot, 'src/pages', pageName, 'App.tsx'),
+    ];
+
+    // 존재하는 파일 찾기
+    for (const possiblePath of possiblePaths) {
+      if (fs.existsSync(possiblePath)) {
+        appPath = possiblePath;
+        break;
+      }
+    }
+
+    if (!appPath) {
+      // 기본값 사용
+      appPath = path.join(projectRoot, 'src/pages/resources/test/App.tsx');
+    }
+  }
+
+  // 3. CodeModel에 코드 추가
+  if (detectedCodes.length > 0) {
+    await addCodesToCodeModel(detectedCodes);
+  }
+
+  // 4. App.tsx 수정
+  const modifications = await modifyAppTsx(appPath!, finalConfig);
+
+  return {
+    content: [{
+      type: 'text',
+      text: JSON.stringify({
+        success: true,
+        dtoAnalysis,
+        appPath,
+        modifications,
+        message: generateSuccessMessage(dtoPath, finalConfig, appPath),
+      }),
+    }],
+  };
+}
+
+/**
+ * DTO 파일 파싱
+ */
+function parseDtoFile(dtoPath: string): {
+  fields: DtoField[];
+  analysis: string;
+  searchParams: SearchParamsConfig;
+  detectedCodes: string[];
+} {
+  let content = '';
+  try {
+    content = fs.readFileSync(dtoPath, 'utf-8');
+  } catch (e) {
+    return {
+      fields: [],
+      analysis: `DTO 파일을 읽을 수 없습니다: ${dtoPath}`,
+      searchParams: {},
+      detectedCodes: [],
+    };
+  }
+
+  // 인터페이스 내용 추출
+  const interfaceMatch = content.match(/export\s+interface\s+(\w+)\s+extends\s+[\w.]+\s*\{([\s\S]*?)^\}/m);
+  if (!interfaceMatch) {
+    return {
+      fields: [],
+      analysis: 'DTO 인터페이스를 찾을 수 없습니다.',
+      searchParams: {},
+      detectedCodes: [],
+    };
+  }
+
+  const interfaceBody = interfaceMatch[2];
+  const interfaceName = interfaceMatch[1];
+
+  // 필드 파싱
+  const fieldLines = interfaceBody.split('\n').filter(line => line.trim() && !line.trim().startsWith('//'));
+
+  const fields: DtoField[] = [];
+  const searchParams: SearchParamsConfig = {};
+  const detectedCodes: string[] = [];
+  const codes: CodeFieldConfig[] = [];
+  const ynFields: YnFieldConfig[] = [];
+
+  for (const line of fieldLines) {
+    // 주석 추출
+    const commentMatch = line.match(/\/\/(.*)$/);
+    const comment = commentMatch ? commentMatch[1].trim() : '';
+
+    // 필드 정의 추출
+    const fieldMatch = line.match(/^\s*(\w+)\s*:\s*([^;]+);/);
+    if (fieldMatch) {
+      const name = fieldMatch[1];
+      const type = fieldMatch[2].trim();
+      const optional = type.endsWith('?');
+
+      fields.push({ name, type, optional, comment });
+    }
+  }
+
+  // SearchParams 설정 생성
+  for (const field of fields) {
+    const { name, comment } = field;
+
+    // 페이지네이션 필드 제외
+    if (['pageNumber', 'pageSize', 'pageNo', 'rowNum'].includes(name)) {
+      continue;
+    }
+
+    // 날짜 범위 필드 감지
+    if (name === 'fromDate' || name === 'toDate' || name === 'startDate' || name === 'endDate' ||
+        name === 'searchDateFrom' || name === 'searchDateTo' || name === 'regDtFrom' || name === 'regDtTo') {
+      if (!searchParams.dateRange) {
+        searchParams.dateRange = { label: '등록일' };
+      }
+      continue;
+    }
+
+    // Y/N 필드 감지
+    if (name.endsWith('Yn')) {
+      const label = comment || name.replace(/Yn$/, '').replace(/^[a-z]/g, c => c.toUpperCase());
+      ynFields.push({ name, label });
+      continue;
+    }
+
+    // 코드 필드 감지 (xxxTpcd, xxxClcd, xxxKncd, xxxCd 등)
+    if (name.endsWith('Tpcd') || name.endsWith('Clcd') || name.endsWith('Kncd') ||
+        (name.endsWith('Cd') && name !== 'dspyYn' && name.length > 2)) {
+      const label = comment || name.replace(/Tpcd$|Clcd$|Kncd$|Cd$/, '').replace(/^[a-z]/g, c => c.toUpperCase());
+      const codeVar = name.toUpperCase();
+
+      detectedCodes.push(codeVar);
+
+      codes.push({
+        name: name.charAt(0).toLowerCase() + name.slice(1), // camelCase
+        label,
+        codeVar,
+        width: 150,
+        multi: false,
+      });
+      continue;
+    }
+
+    // 검색어 필드 감지
+    if (name.includes('search') || name.includes('keyword') || name.includes('text')) {
+      if (!searchParams.search) {
+        searchParams.search = {};
+      }
+      continue;
+    }
+  }
+
+  if (codes.length > 0) {
+    searchParams.codes = codes;
+  }
+
+  if (ynFields.length > 0) {
+    searchParams.ynFields = ynFields;
+  }
+
+  // 분석 결과 생성
+  let analysis = `## DTO: ${interfaceName}\n\n`;
+  analysis += `### 필드 분석 결과\n\n`;
+
+  if (searchParams.dateRange) {
+    analysis += `- ✅ **날짜 범위**: 감지됨\n`;
+  }
+
+  if (codes.length > 0) {
+    analysis += `- ✅ **코드 필드** (${codes.length}개):\n`;
+    codes.forEach(code => {
+      analysis += `  - \`${code.name}\` → ${code.label} (${code.codeVar})\n`;
+    });
+  }
+
+  if (ynFields.length > 0) {
+    analysis += `- ✅ **Y/N 필드** (${ynFields.length}개):\n`;
+    ynFields.forEach(yn => {
+      analysis += `  - \`${yn.name}\` → ${yn.label}\n`;
+    });
+  }
+
+  if (searchParams.search) {
+    analysis += `- ✅ **검색어**: 감지됨\n`;
+  }
+
+  return { fields, analysis, searchParams, detectedCodes };
+}
+
+/**
+ * CodeModel에 코드 추가
+ */
+async function addCodesToCodeModel(codes: string[]): Promise<void> {
+  const codeStorePath = '/Users/kyle/Desktop/nh-fe-bo/src/stores/useCodeStore.ts';
+
+  let content = '';
+  try {
+    content = fs.readFileSync(codeStorePath, 'utf-8');
+  } catch (e) {
+    console.error(`[MCP] useCodeStore.ts를 읽을 수 없습니다: ${codeStorePath}`);
+    return;
+  }
+
+  // CodeModel 인터페이스 찾기
+  const codeModelMatch = content.match(/export\s+interface\s+CodeModel\s*\{([\s\S]*?)^\n\}/m);
+  if (!codeModelMatch) {
+    console.error('[MCP] CodeModel 인터페이스를 찾을 수 없습니다.');
+    return;
+  }
+
+  const codeModelBody = codeModelMatch[1];
+  const addedCodes: string[] = [];
+
+  // 각 코드가 존재하는지 확인하고 추가
+  for (const code of codes) {
+    const codeLine = `  ${code}?: Code;`;
+
+    // 이미 존재하는지 확인
+    if (content.includes(`${code}?`)) {
+      console.error(`[MCP] ${code}는 이미 존재합니다.`);
+      continue;
+    }
+
+    // CodeModel에 추가 (알파벳순으로 정렬)
+    const lines = codeModelBody.split('\n');
+    let inserted = false;
+
+    for (let i = 0; i < lines.length; i++) {
+      const line = lines[i].trim();
+      if (line && !line.startsWith('//') && line.endsWith(';')) {
+        const existingCode = line.match(/^(\w+)\?:/)?.[1];
+        if (existingCode && existingCode > code) {
+          lines.splice(i, 0, `  ${code}?: Code; // 자동 생성`);
+          inserted = true;
+          break;
+        }
+      }
+    }
+
+    if (!inserted) {
+      lines.push(`  ${code}?: Code; // 자동 생성`);
+    }
+
+    addedCodes.push(code);
+
+    // 전체 내용 업데이트
+    const newCodeModelBody = lines.join('\n');
+    content = content.replace(codeModelMatch[0], `export interface CodeModel {\n${newCodeModelBody}\n}`);
+  }
+
+  if (addedCodes.length > 0) {
+    fs.writeFileSync(codeStorePath, content, 'utf-8');
+    console.error(`[MCP] CodeModel에 코드 추가됨: ${addedCodes.join(', ')}`);
+  }
+}
+
+/**
+ * App.tsx 수정
+ */
+async function modifyAppTsx(appPath: string, config: SearchParamsConfig): Promise<string[]> {
+  const modifications: string[] = [];
+
+  let content = '';
+  try {
+    content = fs.readFileSync(appPath, 'utf-8');
+  } catch (e) {
+    throw new Error(`App.tsx를 읽을 수 없습니다: ${appPath}`);
+  }
+
+  // 1. Import 추가
+  const importsToAdd = generateImports(config);
+  for (const importLine of importsToAdd) {
+    if (!content.includes(importLine.split(' from ')[1]?.replace(/"/g, "'"))) {
+      // import 추가 로직 (마지막 import 다음에 추가)
+      const lastImportMatch = content.match(/^import .*?;$/m);
+      if (lastImportMatch) {
+        const lastImportIndex = content.indexOf(lastImportMatch[0]) + lastImportMatch[0].length;
+        content = content.slice(0, lastImportIndex) + '\n' + importLine + content.slice(lastImportIndex);
+        modifications.push(`Import 추가: ${importLine}`);
+      }
+    }
+  }
+
+  // 2. Store 감지 및 import
+  const storeImport = detectStoreImport(appPath);
+  if (storeImport && !content.includes(storeImport)) {
+    const lastImportMatch = content.match(/^import .*?;$/m);
+    if (lastImportMatch) {
+      const lastImportIndex = content.indexOf(lastImportMatch[0]) + lastImportMatch[0].length;
+      content = content.slice(0, lastImportIndex) + '\n' + storeImport + content.slice(lastImportIndex);
+      modifications.push(`Store import 추가: ${storeImport}`);
+    }
+  }
+
+  // 3. Store 상태 선언
+  const storeDeclarations = generateStoreDeclarations(appPath);
+  for (const declaration of storeDeclarations) {
+    if (!content.includes(declaration.split(' = ')[0])) {
+      // const resizerContainerRef 근처에 추가
+      const refMatch = content.match(/const resizerContainerRef = .+?;/);
+      if (refMatch) {
+        const refIndex = content.indexOf(refMatch[0]) + refMatch[0].length;
+        content = content.slice(0, refIndex) + '\n  ' + declaration + content.slice(refIndex);
+        modifications.push(`Store 상태 선언: ${declaration}`);
+      }
+    }
+  }
+
+  // 4. Code 선언
+  if (config.codes) {
+    for (const code of config.codes) {
+      const codeVar = code.codeVar || code.name.toUpperCase();
+      const declaration = `const ${codeVar} = useCodeStore((s) => s.${codeVar});`;
+      if (!content.includes(`const ${codeVar} =`)) {
+        const refMatch = content.match(/const resizerContainerRef = .+?;/);
+        if (refMatch) {
+          const refIndex = content.indexOf(refMatch[0]) + refMatch[0].length;
+          content = content.slice(0, refIndex) + '\n  ' + declaration + content.slice(refIndex);
+          modifications.push(`Code 선언: ${declaration}`);
+        }
+      }
+    }
+  }
+
+  // 5. params 배열 생성
+  const paramsArray = generateParamsArray(config);
+  const paramsVariable = 'const params: IParam[] = [\n' + paramsArray + '\n];';
+  if (!content.includes('const params: IParam[]')) {
+    // const resizerContainerRef 근처에 추가
+    const refMatch = content.match(/const resizerContainerRef = .+?;/);
+    if (refMatch) {
+      const refIndex = content.indexOf(refMatch[0]) + refMatch[0].length;
+      content = content.slice(0, refIndex) + '\n  ' + paramsVariable + content.slice(refIndex);
+      modifications.push('params 배열 추가');
+    }
+  }
+
+  // 6. PageSearchBar 스타일 추가
+  if (!content.includes('const PageSearchBar = styled(PageLayout.PageSearchBar)')) {
+    // styled 컴포넌트 영역에 추가
+    const styledMatch = content.match(/const (Container|Header) = styled\(PageLayout\.\w+\)/);
+    if (styledMatch) {
+      const styledIndex = content.indexOf(styledMatch[0]) + styledMatch[0].length;
+      content = content.slice(0, styledIndex) + '\nconst PageSearchBar = styled(PageLayout.PageSearchBar)``;' + content.slice(styledIndex);
+      modifications.push('PageSearchBar 스타일 추가');
+    }
+  }
+
+  // 7. Form.useForm() 선언 확인
+  if (!content.includes('const [searchForm] = Form.useForm()')) {
+    const refMatch = content.match(/const resizerContainerRef = .+?;/);
+    if (refMatch) {
+      const refIndex = content.indexOf(refMatch[0]) + refMatch[0].length;
+      content = content.slice(0, refIndex) + '\n  const [searchForm] = Form.useForm();' + content.slice(refIndex);
+      modifications.push('Form.useForm() 선언 추가');
+    }
+  }
+
+  // 8. PageSearchBar 컴포넌트 추가
+  const searchParamsJsx = generateSearchParamsJsx();
+  if (!content.includes('<PageSearchBar>')) {
+    // </Header> 다음에 추가
+    const headerEndMatch = content.match(/<\/Header>/);
+    if (headerEndMatch) {
+      const headerEndIndex = content.indexOf(headerEndMatch[0]) + headerEndMatch[0].length;
+      content = content.slice(0, headerEndIndex) + '\n' + searchParamsJsx + content.slice(headerEndIndex);
+      modifications.push('PageSearchBar 컴포넌트 추가');
+    }
+  }
+
+  // 파일 저장
+  fs.writeFileSync(appPath, content, 'utf-8');
+  console.error(`[MCP] App.tsx 수정 완료: ${appPath}`);
+
+  return modifications;
+}
+
+/**
+ * Store import 감지
+ */
+function detectStoreImport(appPath: string): string | null {
+  const fileName = path.basename(appPath, '.tsx'); // App.tsx → App
+  const dir = path.dirname(appPath);
+
+  // 같은 경로에서 use*.ts 파일 찾기
+  const storeFiles = fs.readdirSync(dir).filter(f => f.startsWith('use') && f.endsWith('.ts') && f !== 'useCodeStore.ts');
+
+  if (storeFiles.length > 0) {
+    const storeFile = storeFiles[0];
+    const storeName = storeFile.replace('.ts', '');
+    return `import { ${fileName}${storeName.replace('use', '')} } from "./${storeName}";`;
+  }
+
+  return null;
+}
+
+/**
+ * Store 상태 선언 생성
+ */
+function generateStoreDeclarations(appPath: string): string[] {
+  const declarations = [
+    'const callListApi = useXxxStore((s) => s.callListApi);',
+    'const listRequestValue = useXxxStore((s) => s.listRequestValue);',
+    'const setListRequestValue = useXxxStore((s) => s.setListRequestValue);',
+    'const listSpinning = useXxxStore((s) => s.listSpinning);',
+  ];
+
+  return declarations;
+}
+
+/**
+ * Import 생성
+ */
+function generateImports(config: SearchParamsConfig): string[] {
+  const imports: string[] = [];
+
+  if (!config.dateRange && !config.codes) {
+    imports.push(`import { SearchParams, SearchParamType } from "@core/components/search";`);
+  }
+
+  if (config.dateRange) {
+    imports.push(`import { IParam, SearchParams, SearchParamType } from "@core/components/search";`);
+    imports.push(`import { DT_FORMAT } from "@types";`);
+    imports.push(`import { DtPickerPresetRender } from "components/presetRender/DtPickerPresetRender";`);
+  }
+
+  if (config.codes) {
+    imports.push(`import { useCodeStore } from "stores";`);
+  }
+
+  return imports;
+}
+
+/**
+ * params 배열 생성
+ */
+function generateParamsArray(config: SearchParamsConfig): string {
+  const params: string[] = [];
+
+  // 날짜 범위
+  if (config.dateRange) {
+    const { label = '등록일', name = 'dateRange' } = config.dateRange;
+    params.push(`  {
+    label: t("${label}"),
+    placeholder: [t("년월일"), t("년월일")],
+    name: "${name}",
+    type: SearchParamType.DTPICKER_DATE_RANGE,
+    format: DT_FORMAT.DATE,
+    isTimeSelector: false,
+    presetRender: DtPickerPresetRender({ type: "all" }),
+  }`);
+  }
+
+  // 코드 선택
+  config.codes?.forEach(code => {
+    const { name, label, codeVar = name.toUpperCase(), multi = false } = code;
+
+    if (multi) {
+      params.push(`  {
+    label: t("${label}"),
+    name: "${name}",
+    type: SearchParamType.SELECT_MULTI,
+    width: 200,
+    options: ${codeVar}?.options ?? [],
+    checkAllItem: true,
+  }`);
+    } else {
+      params.push(`  {
+    label: t("${label}"),
+    name: "${name}",
+    type: SearchParamType.SELECT,
+    width: 150,
+    options: ${codeVar}?.options ?? [],
+    showSearch: false,
+    allowClear: true,
+  }`);
+    }
+  });
+
+  // 검색어
+  if (config.search) {
+    const { textName = 'searchText' } = config.search;
+    params.push(`  {
+    label: t("검색어"),
+    placeholder: t("검색어"),
+    name: "${textName}",
+    type: SearchParamType.INPUT,
+  }`);
+  }
+
+  // Y/N 필드
+  config.ynFields?.forEach(yn => {
+    const { name, label } = yn;
+    params.push(`  {
+    label: t("${label}"),
+    name: "${name}",
+    type: SearchParamType.RADIO,
+    options: [
+      { label: t("전체"), value: "" },
+      { label: t("예"), value: "Y" },
+      { label: t("아니오"), value: "N" },
+    ],
+  }`);
+  });
+
+  return params.join(',\n');
+}
+
+/**
+ * SearchParams JSX 생성
+ */
+function generateSearchParamsJsx(): string {
+  return `<PageSearchBar>
+  <SearchParams
+    form={searchForm}
+    params={params}
+    paramsValue={listRequestValue}
+    onChangeParamsValue={(value, changedValues) => setListRequestValue(value, changedValues)}
+    onSearch={handleSearch}
+    spinning={listSpinning}
+  />
+</PageSearchBar>`;
+}
+
+/**
+ * 성공 메시지 생성
+ */
+function generateSuccessMessage(
+  dtoPath: string | undefined,
+  config: SearchParamsConfig,
+  appPath: string | undefined
+): string {
+  let message = '# ✅ SearchParams 자동 생성 완료\n\n';
+
+  if (dtoPath) {
+    message += `## DTO 파일\n`;
+    message += `\`${dtoPath}\`\n\n`;
+  }
+
+  message += `## App.tsx 수정 완료\n`;
+  message += `\`${appPath}\`\n\n`;
+
+  message += `## 추가된 내용\n\n`;
+
+  if (config.dateRange) {
+    message += `- ✅ 날짜 범위 검색\n`;
+  }
+
+  config.codes?.forEach(code => {
+    message += `- ✅ 코드 선택: ${code.label} (${code.codeVar})\n`;
+  });
+
+  if (config.search) {
+    message += `- ✅ 검색어\n`;
+  }
+
+  config.ynFields?.forEach(yn => {
+    message += `- ✅ Y/N 필드: ${yn.label}\n`;
+  });
+
+  message += `\n## 추가된 항목\n`;
+  message += `- Import 문 (SearchParams, SearchParamType, DT_FORMAT, DtPickerPresetRender, useCodeStore)\n`;
+  message += `- CodeModel 인터페이스에 코드 추가\n`;
+  message += `- Store 상태 선언\n`;
+  message += `- Code 선언\n`;
+  message += `- params 배열\n`;
+  message += `- PageSearchBar 스타일\n`;
+  message += `- Form.useForm() 선언\n`;
+  message += `- PageSearchBar 컴포넌트\n`;
+
+  return message;
+}