palette-mcp 1.1.0 → 1.1.2

package/dist/services/code-generator.d.ts

@@ -24,6 +24,7 @@ export declare class CodeGenerator {
     generateReactComponent(figmaData: FigmaFile, componentName: string): Promise<string>;
     /**
      * HTML을 렌더링하여 이미지로 변환
+     * puppeteer가 없으면 빈 문자열 반환
      */
     private generateImagePreview;
     /**

package/dist/services/code-generator.js

@@ -1,5 +1,12 @@
 import { saveFile, saveBinaryFile, saveMetadata, generateRequestId, getRequestFolderPath } from '../utils/request-manager.js';
-import puppeteer from 'puppeteer';
+// puppeteer는 optional dependency로, 없으면 이미지 프리뷰 기능이 비활성화됨
+let puppeteer = null;
+try {
+    puppeteer = (await import('puppeteer')).default;
+}
+catch (e) {
+    console.warn('puppeteer를 로드할 수 없습니다. 이미지 프리뷰 기능이 비활성화됩니다.');
+}
 export class CodeGenerator {
     designSystemService;
     constructor(designSystemService) {
@@ -44,8 +51,14 @@ export class CodeGenerator {
     }
     /**
      * HTML을 렌더링하여 이미지로 변환
+     * puppeteer가 없으면 빈 문자열 반환
      */
     async generateImagePreview(htmlContent, componentName, requestId) {
+        // puppeteer가 없으면 이미지 생성 불가
+        if (!puppeteer) {
+            console.warn('puppeteer가 설치되지 않아 이미지 프리뷰를 생성할 수 없습니다.');
+            return '';
+        }
         const browser = await puppeteer.launch({
             headless: true,
             args: ['--no-sandbox', '--disable-setuid-sandbox']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "palette-mcp",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "MCP server for converting Figma designs to React/Vue components using design system",
   "main": "dist/index.js",
   "module": "src/smithery.ts",
@@ -10,8 +10,19 @@
     "palette-mcp": "./dist/index.js"
   },
   "files": [
-    "dist/**/*",
-    "src/**/*",
+    "dist/index.js",
+    "dist/index.d.ts",
+    "dist/server.js",
+    "dist/server.d.ts",
+    "dist/smithery.js",
+    "dist/smithery.d.ts",
+    "dist/services/**/*",
+    "dist/utils/**/*",
+    "src/index.ts",
+    "src/server.ts",
+    "src/smithery.ts",
+    "src/services/**/*",
+    "src/utils/**/*",
     "README.md",
     "LICENSE",
     "smithery.yaml"
@@ -61,9 +72,11 @@
     "@modelcontextprotocol/sdk": "^0.4.0",
     "axios": "^1.6.0",
     "dotenv": "^17.2.3",
-    "puppeteer": "^21.0.0",
     "zod": "^3.22.0"
   },
+  "optionalDependencies": {
+    "puppeteer": "^21.0.0"
+  },
   "peerDependencies": {
     "@dealicious/design-system": "*",
     "@dealicious/design-system-react": "*"

package/src/services/code-generator.ts

@@ -1,7 +1,14 @@
 import { FigmaFile, FigmaNode } from './figma.js';
 import { DesignSystemService, DesignSystemComponent } from './design-system.js';
 import { saveFile, saveBinaryFile, saveMetadata, generateRequestId, getRequestFolderPath } from '../utils/request-manager.js';
-import puppeteer from 'puppeteer';
+
+// puppeteer는 optional dependency로, 없으면 이미지 프리뷰 기능이 비활성화됨
+let puppeteer: any = null;
+try {
+  puppeteer = (await import('puppeteer')).default;
+} catch (e) {
+  console.warn('puppeteer를 로드할 수 없습니다. 이미지 프리뷰 기능이 비활성화됩니다.');
+}
 
 export interface GeneratedComponent {
   name: string;
@@ -77,12 +84,19 @@ export class CodeGenerator {
 
   /**
    * HTML을 렌더링하여 이미지로 변환
+   * puppeteer가 없으면 빈 문자열 반환
    */
   private async generateImagePreview(
     htmlContent: string,
     componentName: string,
     requestId: string
   ): Promise<string> {
+    // puppeteer가 없으면 이미지 생성 불가
+    if (!puppeteer) {
+      console.warn('puppeteer가 설치되지 않아 이미지 프리뷰를 생성할 수 없습니다.');
+      return '';
+    }
+
     const browser = await puppeteer.launch({
       headless: true,
       args: ['--no-sandbox', '--disable-setuid-sandbox']

package/dist/components/OrderManagementGuide.d.ts

@@ -1,6 +0,0 @@
-/**
- * 주문 관리 안내 컴포넌트
- * 주문관리 화면에서 매장주문을 더욱 쉽게 확인하고 관리할 수 있도록 안내하는 모달 컴포넌트
- * Design System 컴포넌트를 사용하여 구현
- */
-export default function OrderManagementGuide(): import("react/jsx-runtime").JSX.Element;

package/dist/components/OrderManagementGuide.js

@@ -1,266 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-// Design System 컴포넌트 import
-import { Button } from '@dealicious/design-system-react/src/components/ssm-button';
-import { Check } from '@dealicious/design-system-react/src/components/ssm-check';
-import { Chip } from '@dealicious/design-system-react/src/components/ssm-chip';
-import { Tag } from '@dealicious/design-system-react/src/components/ssm-tag';
-import { Text } from '@dealicious/design-system-react/src/components/ssm-text';
-import { Icon } from '@dealicious/design-system-react/src/components/ssm-icon';
-// 이미지 상수 정의
-const imgComThumb80X80 = "http://localhost:3845/assets/a23a50ac4b0c21068425b9fbad7b10871c10708b.png";
-const imgComThumb80X81 = "http://localhost:3845/assets/e7dd647a3f3a4b3b8333554648daac78edc8f0a8.png";
-const imgComThumb80X82 = "http://localhost:3845/assets/428b26e10d3dccc7b39edb320853f5a5a9343bc7.png";
-const imgComThumb80X83 = "http://localhost:3845/assets/2d8cebb7a930eb4beb026cf183bb70f432d00fe8.png";
-const imgComThumb80X84 = "http://localhost:3845/assets/04789514f16aa28956a4a0c7d58b66d0ad9d03a6.png";
-const imgComThumb80X85 = "http://localhost:3845/assets/ec6280d9d0c6cf7bd10ca6ba39cf132d15790a08.png";
-const imgComThumb80X86 = "http://localhost:3845/assets/6006ff448e6770595c456de983e6af596bc9ecf2.png";
-const imgComThumb80X87 = "http://localhost:3845/assets/5c335464e980f216e60ce1339fc1da90325ddce8.png";
-const imgComThumb80X88 = "http://localhost:3845/assets/d06db60f0ce3d1a8a913812f3a977e24895e72ef.png";
-const imgComThumb80X89 = "http://localhost:3845/assets/cf9069016fa2f8e1515a0dbabfe7fd88cb5c1d5a.png";
-const imgComThumb80X90 = "http://localhost:3845/assets/fe4632a583f8225edd00b4ca191577b33eafbeff.png";
-const imgComThumb80X91 = "http://localhost:3845/assets/daf12b453c04aa7032b812bba199d0d9a71fae1f.png";
-const imgComThumb80X92 = "http://localhost:3845/assets/b226fd351bdd04b5dd222a331275c7cd2650b4a5.png";
-const img = "http://localhost:3845/assets/f6843e9d48c5f4efce619a1dd1a4ac585682c746.svg";
-const img1 = "http://localhost:3845/assets/cfdcad20a987a42a3a82975b10558672c6989679.svg";
-const img2 = "http://localhost:3845/assets/02fb25fdf55c3329cb12788dda06eb81c93a6c97.svg";
-const img3 = "http://localhost:3845/assets/a996cd8d306819476ae2b46cf48c5b05582487a0.svg";
-const img4 = "http://localhost:3845/assets/9fc03fee616256d57ccf3c58c9348e5a2995aeb2.svg";
-const img5 = "http://localhost:3845/assets/f9c30996c34ac82743f76638e5ffa7124a4fcac3.svg";
-const img6 = "http://localhost:3845/assets/2e89ee11cc0020affd12b24169b5a1c75f41b507.svg";
-/**
- * 주문 관리 안내 컴포넌트
- * 주문관리 화면에서 매장주문을 더욱 쉽게 확인하고 관리할 수 있도록 안내하는 모달 컴포넌트
- * Design System 컴포넌트를 사용하여 구현
- */
-export default function OrderManagementGuide() {
-    const [dontShowAgain, setDontShowAgain] = React.useState(false);
-    // 필터 옵션
-    const orderStatusOptions = [
-        { value: 'all', label: '전체' },
-        { value: 'received', label: '주문접수' },
-        { value: 'processing', label: '처리중' },
-        { value: 'completed', label: '완료' },
-    ];
-    const periodOptions = [
-        { value: '1month', label: '1개월' },
-        { value: '3months', label: '3개월' },
-        { value: '6months', label: '6개월' },
-        { value: '1year', label: '1년' },
-    ];
-    return (_jsxs("div", { style: {
-            backgroundColor: '#ffffff',
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'flex-start',
-            borderRadius: '10px',
-            width: '100%',
-            maxWidth: '360px'
-        }, children: [_jsx("div", { style: {
-                    backgroundColor: '#ffffff',
-                    display: 'flex',
-                    gap: '16px',
-                    alignItems: 'center',
-                    padding: '20px',
-                    borderTopLeftRadius: '10px',
-                    borderTopRightRadius: '10px',
-                    width: '100%'
-                }, children: _jsx(Text, { variant: "heading", size: "large", children: "\uC8FC\uBB38 \uAD00\uB9AC \uC548\uB0B4" }) }), _jsxs("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: '8px',
-                    alignItems: 'center',
-                    padding: '4px 16px 24px 16px',
-                    width: '100%'
-                }, children: [_jsxs("div", { style: {
-                            display: 'flex',
-                            gap: '8px',
-                            alignItems: 'flex-start',
-                            width: '100%'
-                        }, children: [_jsx("div", { style: { height: '18px', width: '3px' }, children: _jsx("img", { alt: "", src: img, style: { width: '100%', height: '100%' } }) }), _jsx(Text, { variant: "body", size: "small", color: "#686e7b", children: "\uC8FC\uBB38\uAD00\uB9AC \uD654\uBA74\uC5D0\uC11C \uB9E4\uC7A5\uC8FC\uBB38\uC744 \uB354\uC6B1 \uC27D\uAC8C \uD655\uC778\uD558\uACE0 \uAD00\uB9AC\uD560 \uC218 \uC788\uC5B4\uC694." })] }), _jsx("div", { style: {
-                            backgroundColor: '#f5f6fb',
-                            display: 'flex',
-                            flexDirection: 'column',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            padding: '16px 12px',
-                            borderRadius: '6px',
-                            width: '100%'
-                        }, children: _jsxs("div", { style: {
-                                backgroundColor: '#ffffff',
-                                display: 'flex',
-                                flexDirection: 'column',
-                                alignItems: 'center',
-                                borderRadius: '6px',
-                                width: '100%'
-                            }, children: [_jsxs("div", { style: {
-                                        display: 'flex',
-                                        flexDirection: 'column',
-                                        alignItems: 'flex-start',
-                                        width: '100%'
-                                    }, children: [_jsxs("div", { style: {
-                                                backgroundColor: '#ffffff',
-                                                display: 'flex',
-                                                flexDirection: 'column',
-                                                alignItems: 'flex-start',
-                                                width: '100%'
-                                            }, children: [_jsxs("div", { style: {
-                                                        display: 'flex',
-                                                        gap: '2.5px',
-                                                        alignItems: 'center',
-                                                        padding: '7.5px 10px',
-                                                        width: '100%'
-                                                    }, children: [_jsxs("div", { style: {
-                                                                display: 'flex',
-                                                                gap: '2.5px',
-                                                                alignItems: 'center',
-                                                                flex: 1
-                                                            }, children: [_jsxs(Chip, { variant: "outlined", size: "small", children: ["\uC8FC\uBB38\uC0C1\uD0DC", _jsx(Icon, { name: "arrow-down", size: "small" })] }), _jsxs(Chip, { variant: "outlined", size: "small", children: ["3\uAC1C\uC6D4", _jsx(Icon, { name: "arrow-down", size: "small" })] })] }), _jsx(Chip, { variant: "outlined", size: "small", children: _jsx(Icon, { name: "filter", size: "small" }) })] }), _jsx("div", { style: {
-                                                        backgroundColor: '#ebeef6',
-                                                        height: '1px',
-                                                        width: '100%'
-                                                    } })] }), _jsxs("div", { style: {
-                                                display: 'flex',
-                                                gap: '5px',
-                                                alignItems: 'flex-start',
-                                                padding: '8.8px 9.4px',
-                                                width: '100%'
-                                            }, children: [_jsx(Text, { variant: "body", size: "small", children: "\uAC70\uB798\uC644\uB8CC \uC694\uCCAD" }), _jsx(Text, { variant: "heading", size: "small", children: "3" })] })] }), _jsxs("div", { style: {
-                                        display: 'flex',
-                                        flexDirection: 'column',
-                                        alignItems: 'center',
-                                        width: '100%'
-                                    }, children: [_jsx("div", { style: {
-                                                backgroundColor: '#ebeef6',
-                                                height: '1px',
-                                                width: '100%'
-                                            } }), _jsxs("div", { style: {
-                                                display: 'flex',
-                                                flexDirection: 'column',
-                                                gap: '10px',
-                                                alignItems: 'flex-start',
-                                                padding: '10px',
-                                                width: '100%'
-                                            }, children: [_jsxs("div", { style: {
-                                                        display: 'flex',
-                                                        flexDirection: 'column',
-                                                        gap: '7.5px',
-                                                        alignItems: 'flex-start',
-                                                        width: '100%'
-                                                    }, children: [_jsxs("div", { style: {
-                                                                display: 'flex',
-                                                                gap: '2.5px',
-                                                                alignItems: 'center'
-                                                            }, children: [_jsx(Tag, { variant: "error", size: "small", children: "\uC8FC\uBB38\uC811\uC218" }), _jsx(Tag, { variant: "default", size: "small", children: "\uC0AC\uC785\uC0AC \uBC29\uBB38" }), _jsx(Tag, { variant: "default", size: "small", children: "\uD604\uC7A5 \uACB0\uC81C" })] }), _jsxs("div", { style: {
-                                                                display: 'flex',
-                                                                gap: '7.5px',
-                                                                alignItems: 'center',
-                                                                width: '100%'
-                                                            }, children: [_jsx("div", { style: {
-                                                                        border: '0.3px solid rgba(0,0,0,0.05)',
-                                                                        borderRadius: '6px',
-                                                                        width: '45px',
-                                                                        height: '45px',
-                                                                        position: 'relative'
-                                                                    }, children: _jsx("img", { alt: "\uC0C1\uD488 \uC774\uBBF8\uC9C0", src: imgComThumb80X80, style: {
-                                                                            width: '100%',
-                                                                            height: '100%',
-                                                                            objectFit: 'cover',
-                                                                            borderRadius: '6px'
-                                                                        } }) }), _jsxs("div", { style: {
-                                                                        display: 'flex',
-                                                                        flexDirection: 'column',
-                                                                        gap: '5px',
-                                                                        flex: 1
-                                                                    }, children: [_jsxs("div", { style: {
-                                                                                display: 'flex',
-                                                                                flexDirection: 'column',
-                                                                                gap: '1.3px'
-                                                                            }, children: [_jsx(Text, { variant: "heading", size: "small", children: "\uC2E0\uC0C1\uD50C\uB798\uB2DB" }), _jsx(Text, { variant: "body", size: "small", color: "#686e7b", children: "\uBCA0\uC2A4\uD2B8 \uAC80\uC815 \uB2C8\uD2B8" })] }), _jsxs("div", { style: {
-                                                                                display: 'flex',
-                                                                                alignItems: 'center',
-                                                                                gap: '2.5px'
-                                                                            }, children: [_jsx(Text, { variant: "heading", size: "small", children: "\u20A930,000" }), _jsxs("div", { style: { display: 'flex', gap: '2.5px', alignItems: 'center' }, children: [_jsx("img", { alt: "", src: img4, style: { width: '16px', height: '16px' } }), _jsx("img", { alt: "", src: img5, style: { width: '16px', height: '16px' } })] })] })] })] })] }), _jsx(Button, { variant: "secondary", size: "medium", style: { width: '100%' }, children: "\uC8FC\uBB38\uCDE8\uC18C" })] }), _jsx("div", { style: {
-                                                backgroundColor: '#ebeef6',
-                                                height: '1px',
-                                                width: '100%'
-                                            } }), _jsx("div", { style: {
-                                                display: 'flex',
-                                                flexDirection: 'column',
-                                                gap: '10px',
-                                                alignItems: 'flex-start',
-                                                padding: '10px',
-                                                width: '100%'
-                                            }, children: _jsxs("div", { style: {
-                                                    display: 'flex',
-                                                    flexDirection: 'column',
-                                                    gap: '7.5px',
-                                                    alignItems: 'flex-start',
-                                                    width: '100%'
-                                                }, children: [_jsxs("div", { style: {
-                                                            display: 'flex',
-                                                            gap: '2.5px',
-                                                            alignItems: 'center'
-                                                        }, children: [_jsx(Tag, { variant: "warning", size: "small", children: "\uD3EC\uC7A5\uC644\uB8CC" }), _jsx(Tag, { variant: "default", size: "small", children: "\uC9C1\uC811 \uC218\uB839" }), _jsx(Tag, { variant: "default", size: "small", children: "\uD604\uC7A5 \uACB0\uC81C" })] }), _jsxs("div", { style: {
-                                                            display: 'flex',
-                                                            gap: '7.5px',
-                                                            alignItems: 'center',
-                                                            width: '100%'
-                                                        }, children: [_jsx("div", { style: {
-                                                                    border: '0.3px solid rgba(0,0,0,0.05)',
-                                                                    borderRadius: '6px',
-                                                                    width: '45px',
-                                                                    height: '45px',
-                                                                    position: 'relative'
-                                                                }, children: _jsx("img", { alt: "\uC0C1\uD488 \uC774\uBBF8\uC9C0", src: imgComThumb80X80, style: {
-                                                                        width: '100%',
-                                                                        height: '100%',
-                                                                        objectFit: 'cover',
-                                                                        borderRadius: '6px'
-                                                                    } }) }), _jsxs("div", { style: {
-                                                                    display: 'flex',
-                                                                    flexDirection: 'column',
-                                                                    gap: '5px',
-                                                                    flex: 1
-                                                                }, children: [_jsxs("div", { style: {
-                                                                            display: 'flex',
-                                                                            flexDirection: 'column',
-                                                                            gap: '1.3px'
-                                                                        }, children: [_jsxs("div", { style: { display: 'flex', gap: '2.5px', alignItems: 'center' }, children: [_jsx(Text, { variant: "heading", size: "small", children: "\uC2E0\uC0C1\uB7A9" }), _jsx("div", { style: {
-                                                                                            backgroundColor: '#fb4760',
-                                                                                            borderRadius: '11px',
-                                                                                            width: '6px',
-                                                                                            height: '6px',
-                                                                                            display: 'flex',
-                                                                                            alignItems: 'center',
-                                                                                            justifyContent: 'center'
-                                                                                        }, children: _jsx("img", { alt: "", src: img6, style: { width: '4px', height: '4px' } }) })] }), _jsx(Text, { variant: "body", size: "small", color: "#686e7b", children: "\uB370\uC77C\uB9AC \uD2F0\uC154\uCE20 \uC678 2\uAC74" })] }), _jsxs("div", { style: {
-                                                                            display: 'flex',
-                                                                            alignItems: 'center',
-                                                                            gap: '2.5px'
-                                                                        }, children: [_jsx(Text, { variant: "heading", size: "small", children: "\u20A956,000" }), _jsxs("div", { style: { display: 'flex', gap: '2.5px', alignItems: 'center' }, children: [_jsx("img", { alt: "", src: img4, style: { width: '16px', height: '16px' } }), _jsx("img", { alt: "", src: img5, style: { width: '16px', height: '16px' } })] })] })] })] })] }) })] })] }) }), _jsx("div", { style: {
-                            display: 'flex',
-                            gap: '4px',
-                            alignItems: 'flex-start',
-                            width: '100%'
-                        }, children: _jsx(Check, { checked: dontShowAgain, onChange: (checked) => setDontShowAgain(checked), label: "\uB2E4\uC2DC \uBCF4\uC9C0 \uC54A\uAE30" }) })] }), _jsxs("div", { style: {
-                    backgroundColor: '#ffffff',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'flex-start',
-                    borderBottomLeftRadius: '10px',
-                    borderBottomRightRadius: '10px',
-                    width: '100%'
-                }, children: [_jsx("div", { style: {
-                            backgroundColor: '#ebeef6',
-                            height: '1px',
-                            width: '100%'
-                        } }), _jsx("div", { style: {
-                            display: 'flex',
-                            gap: '8px',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            padding: '20px',
-                            width: '100%'
-                        }, children: _jsx(Button, { variant: "primary", size: "medium", style: { flex: 1 }, children: "\uD655\uC778" }) })] })] }));
-}

package/dist/index-simple.d.ts

@@ -1,2 +0,0 @@
-#!/usr/bin/env node
-export {};

package/dist/index-simple.js

@@ -1,139 +0,0 @@
-#!/usr/bin/env node
-import { Server } from '@modelcontextprotocol/sdk/server/index.js';
-import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
-import { CallToolRequestSchema, ListToolsRequestSchema, } from '@modelcontextprotocol/sdk/types.js';
-// MCP 서버 초기화
-const server = new Server({
-    name: 'palette',
-    version: '1.0.0',
-});
-// 사용 가능한 도구 목록
-const tools = [
-    {
-        name: 'convert_figma_to_react',
-        description: 'Convert Figma design to React component using existing design system',
-        inputSchema: {
-            type: 'object',
-            properties: {
-                figmaUrl: {
-                    type: 'string',
-                    description: 'Figma file URL or file ID',
-                },
-                componentName: {
-                    type: 'string',
-                    description: 'Name for the generated component',
-                },
-            },
-            required: ['figmaUrl', 'componentName'],
-        },
-    },
-    {
-        name: 'convert_figma_to_vue',
-        description: 'Convert Figma design to Vue component using existing design system',
-        inputSchema: {
-            type: 'object',
-            properties: {
-                figmaUrl: {
-                    type: 'string',
-                    description: 'Figma file URL or file ID',
-                },
-                componentName: {
-                    type: 'string',
-                    description: 'Name for the generated component',
-                },
-            },
-            required: ['figmaUrl', 'componentName'],
-        },
-    },
-];
-// 도구 목록 핸들러
-server.setRequestHandler(ListToolsRequestSchema, async () => {
-    return { tools };
-});
-// 도구 실행 핸들러
-server.setRequestHandler(CallToolRequestSchema, async (request) => {
-    const { name, arguments: args } = request.params;
-    try {
-        switch (name) {
-            case 'convert_figma_to_react': {
-                const { figmaUrl, componentName } = args;
-                // 간단한 React 컴포넌트 생성
-                const reactCode = `import React from 'react';
-
-interface ${componentName}Props {
-  // Add your props here
-}
-
-const ${componentName}: React.FC<${componentName}Props> = (props) => {
-  return (
-    <div className="${componentName.toLowerCase()}">
-      <h1>Generated from Figma: ${figmaUrl}</h1>
-      <p>This component was generated from your Figma design.</p>
-    </div>
-  );
-};
-
-export default ${componentName};`;
-                return {
-                    content: [
-                        {
-                            type: 'text',
-                            text: `# React Component Generated\n\n\`\`\`tsx\n${reactCode}\n\`\`\``,
-                        },
-                    ],
-                };
-            }
-            case 'convert_figma_to_vue': {
-                const { figmaUrl, componentName } = args;
-                // 간단한 Vue 컴포넌트 생성
-                const vueCode = `<template>
-  <div class="${componentName.toLowerCase()}">
-    <h1>Generated from Figma: ${figmaUrl}</h1>
-    <p>This component was generated from your Figma design.</p>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Add your reactive data and methods here
-</script>
-
-<style scoped>
-.${componentName.toLowerCase()} {
-  /* Add your styles here */
-}
-</style>`;
-                return {
-                    content: [
-                        {
-                            type: 'text',
-                            text: `# Vue Component Generated\n\n\`\`\`vue\n${vueCode}\n\`\`\``,
-                        },
-                    ],
-                };
-            }
-            default:
-                throw new Error(`Unknown tool: ${name}`);
-        }
-    }
-    catch (error) {
-        return {
-            content: [
-                {
-                    type: 'text',
-                    text: `Error: ${error instanceof Error ? error.message : 'Unknown error'}`,
-                },
-            ],
-            isError: true,
-        };
-    }
-});
-// 서버 시작
-async function main() {
-    const transport = new StdioServerTransport();
-    await server.connect(transport);
-    console.error('Palette server running on stdio');
-}
-main().catch((error) => {
-    console.error('Server error:', error);
-    process.exit(1);
-});