palette-mcp 1.0.0

package/dist/services/design-system.d.ts

@@ -0,0 +1,53 @@
+export interface DesignSystemComponent {
+    name: string;
+    description: string;
+    category: string;
+    props: ComponentProp[];
+    examples: ComponentExample[];
+    importPath: string;
+    dependencies?: string[];
+}
+export interface ComponentProp {
+    name: string;
+    type: string;
+    required: boolean;
+    defaultValue?: any;
+    description: string;
+}
+export interface ComponentExample {
+    name: string;
+    code: string;
+    description: string;
+}
+export declare class DesignSystemService {
+    private reactComponents;
+    private vueComponents;
+    constructor();
+    /**
+     * 디자인 시스템(React, Vue) 컴포넌트 메타데이터 제공 필요.
+     * 1. 메타데이터 구조 정의
+     * 2. 패키지에 manifest 추가.
+     * 3. 디자인 시스템 패키지에서 export 된 컴포넌트 목록을 초기화.
+     */
+    private initializeComponents;
+    /**
+     * 프레임워크(React 또는 Vue)에 대해 사용 가능한 구성 요소 가져오기
+     */
+    getAvailableComponents(framework: 'react' | 'vue'): Promise<DesignSystemComponent[]>;
+    /**
+     * Figma 컴포넌트(FigmaNode)에 가장 잘 맞는 컴포넌트(DesignSystemComponent) 찾기
+     */
+    findBestMatch(figmaComponentName: string, framework: 'react' | 'vue'): DesignSystemComponent | null;
+    /**
+     * 이름으로 컴포넌트 가져오기
+     */
+    getComponent(name: string, framework: 'react' | 'vue'): DesignSystemComponent | null;
+    /**
+     * 카테고리로 컴포넌트 가져오기
+     */
+    getComponentsByCategory(category: string, framework: 'react' | 'vue'): DesignSystemComponent[];
+    /**
+     * 모든 가능한 카테고리 가져오기
+     */
+    getCategories(framework: 'react' | 'vue'): string[];
+}