palette-mcp 1.0.0 → 1.1.0

package/dist/components/OrderManagementGuide.d.ts

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

package/dist/components/OrderManagementGuide.js

@@ -0,0 +1,266 @@
+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

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

package/dist/index-simple.js

@@ -0,0 +1,139 @@
+#!/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);
+});

package/dist/index.d.ts

@@ -1,2 +1,8 @@
 #!/usr/bin/env node
+/**
+ * Palette MCP Server - Local 실행 모드
+ *
+ * npx palette-mcp 또는 직접 실행 시 사용됩니다.
+ * stdio transport를 사용하여 MCP 클라이언트와 통신합니다.
+ */
 export {};