mozaic-mcp-server 1.0.0

package/dist/parsers/vue-parser.js

@@ -0,0 +1,343 @@
+import { readFileSync, existsSync, readdirSync, statSync } from "fs";
+import { join, basename } from "path";
+// Extract props from Vue component script
+function extractProps(content) {
+    const props = [];
+    // Vue 3 Composition API: defineProps<{...}>() with TypeScript generics
+    // Handles both withDefaults(defineProps<{...}>(), {...}) and defineProps<{...}>()
+    const definePropsMatch = content.match(/defineProps<\{([\s\S]*?)\}>\s*\(\)/);
+    if (definePropsMatch) {
+        const propsContent = definePropsMatch[1];
+        // Extract defaults from withDefaults if present
+        const defaultsMatch = content.match(/withDefaults\s*\(\s*defineProps<[\s\S]*?>\s*\(\)\s*,\s*\{([\s\S]*?)\}\s*\)/);
+        const defaultsContent = defaultsMatch ? defaultsMatch[1] : "";
+        // Parse each prop with its JSDoc comment
+        // Pattern: /** comment */ propName?: type;
+        const propRegex = /(?:\/\*\*[\s\S]*?\*\/\s*)?(\w+)(\?)?:\s*([^;]+);/g;
+        let match;
+        while ((match = propRegex.exec(propsContent)) !== null) {
+            const propName = match[1];
+            const isOptional = !!match[2];
+            const propType = match[3].trim();
+            // Extract description from JSDoc comment before this prop
+            const beforeProp = propsContent.substring(0, match.index);
+            const jsdocMatch = beforeProp.match(/\/\*\*\s*([\s\S]*?)\s*\*\/\s*$/);
+            let description;
+            if (jsdocMatch) {
+                description = jsdocMatch[1]
+                    .replace(/^\s*\*\s*/gm, "")
+                    .replace(/\n/g, " ")
+                    .trim();
+            }
+            // Extract default value
+            const defaultMatch = defaultsContent.match(new RegExp(`${propName}\\s*:\\s*['"\`]?([^'"\`,}]+)['"\`]?`));
+            const defaultValue = defaultMatch ? defaultMatch[1].trim() : undefined;
+            // Extract options from union types like 'a' | 'b' | 'c'
+            let options;
+            const unionMatch = propType.match(/^['"]([^'"]+)['"](?:\s*\|\s*['"]([^'"]+)['"])+$/);
+            if (unionMatch || (propType.includes("'") && propType.includes("|"))) {
+                options = propType
+                    .split("|")
+                    .map((s) => s.trim().replace(/['"]/g, ""))
+                    .filter((s) => s.length > 0);
+            }
+            props.push({
+                name: propName,
+                type: propType,
+                required: !isOptional,
+                defaultValue,
+                options,
+                description,
+            });
+        }
+    }
+    // Fallback: Options API props: { ... }
+    if (props.length === 0) {
+        const propsMatch = content.match(/props\s*:\s*{([\s\S]*?)}\s*(?:,|\n\s*\w)/);
+        if (propsMatch) {
+            const propsContent = propsMatch[1];
+            const propRegex = /(\w+)\s*:\s*{([^}]*)}/g;
+            let match;
+            while ((match = propRegex.exec(propsContent)) !== null) {
+                const propName = match[1];
+                const propDef = match[2];
+                const prop = { name: propName };
+                const typeMatch = propDef.match(/type\s*:\s*(\w+)/);
+                if (typeMatch)
+                    prop.type = typeMatch[1].toLowerCase();
+                const defaultMatch = propDef.match(/default\s*:\s*(?:['"`]([^'"`]*)['"`]|(\w+))/);
+                if (defaultMatch)
+                    prop.defaultValue = defaultMatch[1] || defaultMatch[2];
+                const requiredMatch = propDef.match(/required\s*:\s*(true|false)/);
+                if (requiredMatch)
+                    prop.required = requiredMatch[1] === "true";
+                const validatorMatch = propDef.match(/validator\s*:\s*\(?\w+\)?\s*=>\s*\[([^\]]+)\]/);
+                if (validatorMatch) {
+                    prop.options = validatorMatch[1].split(",").map((s) => s.trim().replace(/['"`]/g, ""));
+                }
+                props.push(prop);
+            }
+        }
+    }
+    // Fallback: TypeScript interface-based props
+    if (props.length === 0) {
+        const interfaceMatch = content.match(/interface\s+\w*Props\w*\s*{([\s\S]*?)}/);
+        if (interfaceMatch) {
+            const interfaceContent = interfaceMatch[1];
+            const propRegex = /(\w+)(\?)?:\s*([^;\n]+)/g;
+            let match;
+            while ((match = propRegex.exec(interfaceContent)) !== null) {
+                props.push({
+                    name: match[1],
+                    type: match[3].trim(),
+                    required: !match[2],
+                });
+            }
+        }
+    }
+    return props;
+}
+// Extract slots from template
+function extractSlots(content) {
+    const slots = [];
+    const seenSlots = new Set();
+    // Match <slot> tags
+    const slotRegex = /<slot\s*(?:name=["']([^"']+)["'])?[^>]*>/g;
+    let match;
+    while ((match = slotRegex.exec(content)) !== null) {
+        const slotName = match[1] || "default";
+        if (!seenSlots.has(slotName)) {
+            seenSlots.add(slotName);
+            slots.push({ name: slotName });
+        }
+    }
+    return slots;
+}
+// Extract emitted events
+function extractEvents(content) {
+    const events = [];
+    const seenEvents = new Set();
+    // Match emit calls
+    const emitPatterns = [
+        /emit\s*\(\s*['"`]([^'"`]+)['"`]/g,
+        /\$emit\s*\(\s*['"`]([^'"`]+)['"`]/g,
+        /defineEmits\s*<?\s*\[?\s*['"`]([^'"`\]]+)['"`]/g,
+    ];
+    for (const pattern of emitPatterns) {
+        let match;
+        while ((match = pattern.exec(content)) !== null) {
+            const eventName = match[1];
+            if (!seenEvents.has(eventName)) {
+                seenEvents.add(eventName);
+                events.push({ name: eventName });
+            }
+        }
+    }
+    // Match emits option
+    const emitsMatch = content.match(/emits\s*:\s*\[([\s\S]*?)\]/);
+    if (emitsMatch) {
+        const emitsContent = emitsMatch[1];
+        const eventRegex = /['"`]([^'"`]+)['"`]/g;
+        let match;
+        while ((match = eventRegex.exec(emitsContent)) !== null) {
+            if (!seenEvents.has(match[1])) {
+                seenEvents.add(match[1]);
+                events.push({ name: match[1] });
+            }
+        }
+    }
+    return events;
+}
+// Extract CSS classes from component
+function extractCssClasses(content) {
+    const classes = [];
+    const seenClasses = new Set();
+    // Match mc- prefixed classes (Mozaic convention)
+    const classRegex = /['"`](mc-[a-z0-9-]+)['"`]/g;
+    let match;
+    while ((match = classRegex.exec(content)) !== null) {
+        if (!seenClasses.has(match[1])) {
+            seenClasses.add(match[1]);
+            classes.push(match[1]);
+        }
+    }
+    return classes;
+}
+function parseVueFile(filePath) {
+    try {
+        const content = readFileSync(filePath, "utf-8");
+        const fileName = basename(filePath, ".vue");
+        return {
+            name: fileName,
+            props: extractProps(content),
+            slots: extractSlots(content),
+            events: extractEvents(content),
+        };
+    }
+    catch (error) {
+        console.warn(`Warning: Could not parse ${filePath}:`, error);
+        return null;
+    }
+}
+// Parse storybook stories for examples
+function parseStoriesFile(filePath) {
+    const examples = [];
+    try {
+        const content = readFileSync(filePath, "utf-8");
+        // Match story exports
+        const storyRegex = /export\s+const\s+(\w+)[\s\S]*?args\s*:\s*{([^}]*)}/g;
+        let match;
+        while ((match = storyRegex.exec(content)) !== null) {
+            const storyName = match[1];
+            const args = match[2];
+            // Skip Default story as it's usually just basic usage
+            if (storyName !== "Default") {
+                examples.push({
+                    title: storyName.replace(/([A-Z])/g, " $1").trim(),
+                    code: args.trim(),
+                });
+            }
+        }
+        // Also try to extract template strings
+        const templateRegex = /template\s*:\s*`([^`]+)`/g;
+        while ((match = templateRegex.exec(content)) !== null) {
+            examples.push({
+                title: "Example",
+                code: match[1].trim(),
+            });
+        }
+    }
+    catch (error) {
+        console.warn(`Warning: Could not parse stories ${filePath}:`, error);
+    }
+    return examples;
+}
+function findComponentDirs(baseDir) {
+    const dirs = [];
+    if (!existsSync(baseDir)) {
+        return dirs;
+    }
+    const entries = readdirSync(baseDir);
+    for (const entry of entries) {
+        const fullPath = join(baseDir, entry);
+        const stat = statSync(fullPath);
+        // Accept directories that are lowercase component names (not .mdx files, etc.)
+        if (stat.isDirectory() && /^[a-z]/.test(entry)) {
+            dirs.push(fullPath);
+        }
+    }
+    return dirs;
+}
+// Component category mapping based on name patterns
+function inferCategory(componentName) {
+    const name = componentName.toLowerCase();
+    if (["button", "link", "optionbutton", "optioncard"].some((n) => name.includes(n))) {
+        return "action";
+    }
+    if ([
+        "input",
+        "select",
+        "checkbox",
+        "radio",
+        "toggle",
+        "textarea",
+        "field",
+        "autocomplete",
+        "datepicker",
+        "dropdown",
+        "fileuploader",
+        "password",
+        "phone",
+        "quantity",
+    ].some((n) => name.includes(n))) {
+        return "form";
+    }
+    if (["accordion", "breadcrumb", "menu", "pagination", "sidebar", "stepper", "tabs"].some((n) => name.includes(n))) {
+        return "navigation";
+    }
+    if (["badge", "flag", "loader", "modal", "notification", "progress", "tooltip"].some((n) => name.includes(n))) {
+        return "feedback";
+    }
+    if (["card", "divider", "layer"].some((n) => name.includes(n))) {
+        return "layout";
+    }
+    if (["table", "heading", "hero", "listbox", "rating", "tag"].some((n) => name.includes(n))) {
+        return "data-display";
+    }
+    return "other";
+}
+export async function parseVueComponents(componentsPath) {
+    const components = [];
+    const componentDirs = findComponentDirs(componentsPath);
+    for (const dir of componentDirs) {
+        const dirName = basename(dir);
+        // Convert directory name to PascalCase with M prefix (button -> MButton)
+        const componentName = "M" + dirName.charAt(0).toUpperCase() + dirName.slice(1);
+        // Try multiple file patterns
+        const possibleFiles = [
+            join(dir, `${componentName}.vue`), // MButton.vue
+            join(dir, `${dirName}.vue`), // button.vue
+            join(dir, "index.vue"), // index.vue
+        ];
+        let vueFile = null;
+        for (const file of possibleFiles) {
+            if (existsSync(file)) {
+                vueFile = file;
+                break;
+            }
+        }
+        if (vueFile) {
+            const parsed = parseVueFile(vueFile);
+            if (parsed) {
+                const component = {
+                    name: parsed.name,
+                    slug: parsed.name.replace(/^M/, "").toLowerCase(),
+                    category: inferCategory(parsed.name),
+                    frameworks: ["vue"],
+                    props: parsed.props,
+                    slots: parsed.slots,
+                    events: parsed.events,
+                    examples: [],
+                    cssClasses: [],
+                };
+                // Try to find stories file - check both in component dir and stories subdir
+                const storyPatterns = [
+                    join(dir, `${componentName}.stories.ts`), // MButton.stories.ts
+                    join(dir, `${dirName}.stories.ts`), // button.stories.ts
+                    join(dir, "stories", `${componentName}.stories.ts`),
+                    join(dir, "stories", "index.stories.ts"),
+                ];
+                for (const storyPath of storyPatterns) {
+                    if (existsSync(storyPath)) {
+                        const stories = parseStoriesFile(storyPath);
+                        component.examples?.push(...stories.map((s) => ({
+                            framework: "vue",
+                            title: s.title,
+                            code: s.code,
+                        })));
+                        break; // Use first found stories file
+                    }
+                }
+                // Also check for stories directory with multiple files
+                const storiesDir = join(dir, "stories");
+                if (existsSync(storiesDir)) {
+                    const storyFiles = readdirSync(storiesDir).filter((f) => f.endsWith(".stories.ts"));
+                    for (const storyFile of storyFiles) {
+                        const stories = parseStoriesFile(join(storiesDir, storyFile));
+                        component.examples?.push(...stories.map((s) => ({
+                            framework: "vue",
+                            title: s.title,
+                            code: s.code,
+                        })));
+                    }
+                }
+                // Extract CSS classes from the Vue file
+                const vueContent = readFileSync(vueFile, "utf-8");
+                component.cssClasses = extractCssClasses(vueContent);
+                components.push(component);
+            }
+        }
+    }
+    return components;
+}
+//# sourceMappingURL=vue-parser.js.map

package/dist/parsers/vue-parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-parser.js","sourceRoot":"","sources":["../../src/parsers/vue-parser.ts"],"names":[],"mappings":"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"}

package/dist/tools/generate-react-component.d.ts

@@ -0,0 +1,35 @@
+import type Database from "better-sqlite3";
+export interface GenerateReactComponentInput {
+    component: string;
+    props?: Record<string, unknown>;
+    children?: string;
+}
+export declare function handleGenerateReactComponent(db: Database.Database, input: GenerateReactComponentInput): {
+    content: Array<{
+        type: "text";
+        text: string;
+    }>;
+};
+export declare const generateReactComponentTool: {
+    name: string;
+    description: string;
+    inputSchema: {
+        type: "object";
+        properties: {
+            component: {
+                type: string;
+                description: string;
+            };
+            props: {
+                type: string;
+                description: string;
+            };
+            children: {
+                type: string;
+                description: string;
+            };
+        };
+        required: string[];
+    };
+};
+//# sourceMappingURL=generate-react-component.d.ts.map

package/dist/tools/generate-react-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-react-component.d.ts","sourceRoot":"","sources":["../../src/tools/generate-react-component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,4BAA4B,CAC1C,EAAE,EAAE,QAAQ,CAAC,QAAQ,EACrB,KAAK,EAAE,2BAA2B,GACjC;IAAE,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,CAyBpD;AAiDD,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;CAqBtC,CAAC"}

package/dist/tools/generate-react-component.js

@@ -0,0 +1,81 @@
+import { getComponentBySlug } from "../db/queries.js";
+export function handleGenerateReactComponent(db, input) {
+    const { component, props = {}, children = "" } = input;
+    // Normalize component name
+    const slug = component.replace(/^M/i, "").toLowerCase();
+    const componentData = getComponentBySlug(db, slug);
+    // Get component name (React components use same naming as Vue in Mozaic)
+    const componentName = componentData?.name ||
+        `M${component.charAt(0).toUpperCase()}${component.slice(1).toLowerCase()}`;
+    const code = generateReactComponent(componentName, props, children);
+    let output = `// Import statement\nimport { ${componentName} } from '@mozaic-ds/react';\n\n`;
+    output += `// Component usage\n${code}`;
+    return {
+        content: [
+            {
+                type: "text",
+                text: output,
+            },
+        ],
+    };
+}
+function generateReactComponent(componentName, props, children) {
+    const propsString = generatePropsString(props);
+    if (children) {
+        return `<${componentName}${propsString}>\n  ${children}\n</${componentName}>`;
+    }
+    if (Object.keys(props).length === 0) {
+        return `<${componentName} />`;
+    }
+    return `<${componentName}${propsString} />`;
+}
+function generatePropsString(props) {
+    if (Object.keys(props).length === 0) {
+        return "";
+    }
+    const parts = [];
+    for (const [key, value] of Object.entries(props)) {
+        if (value === undefined || value === null) {
+            continue;
+        }
+        if (typeof value === "boolean") {
+            if (value) {
+                parts.push(key);
+            }
+        }
+        else if (typeof value === "string") {
+            parts.push(`${key}="${value}"`);
+        }
+        else if (typeof value === "number") {
+            parts.push(`${key}={${value}}`);
+        }
+        else if (typeof value === "object") {
+            parts.push(`${key}={${JSON.stringify(value)}}`);
+        }
+    }
+    return parts.length > 0 ? "\n  " + parts.join("\n  ") : "";
+}
+// Tool definition for MCP
+export const generateReactComponentTool = {
+    name: "generate_react_component",
+    description: "Generate React component code using Mozaic Design System (@mozaic-ds/react)",
+    inputSchema: {
+        type: "object",
+        properties: {
+            component: {
+                type: "string",
+                description: "Component type to generate (e.g., Button, TextInput, Modal)",
+            },
+            props: {
+                type: "object",
+                description: "Component properties to apply",
+            },
+            children: {
+                type: "string",
+                description: "Content to place inside the component",
+            },
+        },
+        required: ["component"],
+    },
+};
+//# sourceMappingURL=generate-react-component.js.map

package/dist/tools/generate-react-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-react-component.js","sourceRoot":"","sources":["../../src/tools/generate-react-component.ts"],"names":[],"mappings":"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"}

package/dist/tools/generate-vue-component.d.ts

@@ -0,0 +1,35 @@
+import type Database from "better-sqlite3";
+export interface GenerateVueComponentInput {
+    component: string;
+    props?: Record<string, unknown>;
+    children?: string;
+}
+export declare function handleGenerateVueComponent(db: Database.Database, input: GenerateVueComponentInput): {
+    content: Array<{
+        type: "text";
+        text: string;
+    }>;
+};
+export declare const generateVueComponentTool: {
+    name: string;
+    description: string;
+    inputSchema: {
+        type: "object";
+        properties: {
+            component: {
+                type: string;
+                description: string;
+            };
+            props: {
+                type: string;
+                description: string;
+            };
+            children: {
+                type: string;
+                description: string;
+            };
+        };
+        required: string[];
+    };
+};
+//# sourceMappingURL=generate-vue-component.d.ts.map

package/dist/tools/generate-vue-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-vue-component.d.ts","sourceRoot":"","sources":["../../src/tools/generate-vue-component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,0BAA0B,CACxC,EAAE,EAAE,QAAQ,CAAC,QAAQ,EACrB,KAAK,EAAE,yBAAyB,GAC/B;IAAE,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,CAyBpD;AAiDD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;CAqBpC,CAAC"}

package/dist/tools/generate-vue-component.js

@@ -0,0 +1,81 @@
+import { getComponentBySlug } from "../db/queries.js";
+export function handleGenerateVueComponent(db, input) {
+    const { component, props = {}, children = "" } = input;
+    // Normalize component name
+    const slug = component.replace(/^M/i, "").toLowerCase();
+    const componentData = getComponentBySlug(db, slug);
+    // Get component name (with M prefix for Vue)
+    const componentName = componentData?.name ||
+        `M${component.charAt(0).toUpperCase()}${component.slice(1).toLowerCase()}`;
+    const code = generateVueComponent(componentName, props, children);
+    let output = `// Import statement\nimport { ${componentName} } from '@mozaic-ds/vue-3';\n\n`;
+    output += `// Component usage\n${code}`;
+    return {
+        content: [
+            {
+                type: "text",
+                text: output,
+            },
+        ],
+    };
+}
+function generateVueComponent(componentName, props, children) {
+    const propsString = generatePropsString(props);
+    if (children) {
+        return `<${componentName}${propsString}>\n  ${children}\n</${componentName}>`;
+    }
+    if (Object.keys(props).length === 0) {
+        return `<${componentName} />`;
+    }
+    return `<${componentName}${propsString} />`;
+}
+function generatePropsString(props) {
+    if (Object.keys(props).length === 0) {
+        return "";
+    }
+    const parts = [];
+    for (const [key, value] of Object.entries(props)) {
+        if (value === undefined || value === null) {
+            continue;
+        }
+        if (typeof value === "boolean") {
+            if (value) {
+                parts.push(key);
+            }
+        }
+        else if (typeof value === "string") {
+            parts.push(`${key}="${value}"`);
+        }
+        else if (typeof value === "number") {
+            parts.push(`:${key}="${value}"`);
+        }
+        else if (typeof value === "object") {
+            parts.push(`:${key}="${JSON.stringify(value).replace(/"/g, "'")}"`);
+        }
+    }
+    return parts.length > 0 ? "\n  " + parts.join("\n  ") : "";
+}
+// Tool definition for MCP
+export const generateVueComponentTool = {
+    name: "generate_vue_component",
+    description: "Generate Vue component code using Mozaic Design System (@mozaic-ds/vue-3)",
+    inputSchema: {
+        type: "object",
+        properties: {
+            component: {
+                type: "string",
+                description: "Component type to generate (e.g., button, input, modal)",
+            },
+            props: {
+                type: "object",
+                description: "Component properties to apply",
+            },
+            children: {
+                type: "string",
+                description: "Content to place inside the component",
+            },
+        },
+        required: ["component"],
+    },
+};
+//# sourceMappingURL=generate-vue-component.js.map

package/dist/tools/generate-vue-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-vue-component.js","sourceRoot":"","sources":["../../src/tools/generate-vue-component.ts"],"names":[],"mappings":"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"}