mozaic-mcp-server 2.1.1 → 2.3.0

package/dist/tools/get-webcomponent-info.js

@@ -0,0 +1,170 @@
+import { getComponentBySlug } from "../db/queries.js";
+export function handleGetWebComponentInfo(db, input) {
+    const { component } = input;
+    // Normalize component name to slug (kebab-case)
+    const slug = component.toLowerCase().replace(/^mozaic-/, "");
+    const componentData = getComponentBySlug(db, slug);
+    if (!componentData) {
+        return {
+            content: [
+                {
+                    type: "text",
+                    text: `Web Component not found: ${component}. Try using the list_webcomponents tool to see available components.`,
+                },
+            ],
+        };
+    }
+    // Check if component supports webcomponents framework
+    const frameworks = componentData.frameworks || [];
+    if (!frameworks.includes("webcomponents")) {
+        return {
+            content: [
+                {
+                    type: "text",
+                    text: `Component "${component}" is not available as a web component. Available frameworks: ${frameworks.join(", ")}`,
+                },
+            ],
+        };
+    }
+    // Filter examples for webcomponents
+    const filteredExamples = (componentData.examples || [])
+        .filter((ex) => ex.framework === "webcomponents")
+        .map((ex) => ({
+        title: ex.title,
+        code: ex.code,
+    }));
+    // Build output
+    const output = {
+        name: componentData.name,
+        tagName: componentData.slug,
+        description: componentData.description,
+        attributes: (componentData.props || []).map((p) => ({
+            name: p.name,
+            type: p.type,
+            default: p.defaultValue,
+            required: p.required || false,
+            options: p.options,
+            description: p.description,
+        })),
+        slots: (componentData.slots || []).map((s) => ({
+            name: s.name,
+            description: s.description,
+        })),
+        events: (componentData.events || []).map((e) => ({
+            name: e.name,
+            payload: e.payload,
+            description: e.description,
+        })),
+        cssProperties: componentData.cssClasses || [],
+        examples: filteredExamples,
+    };
+    // Add basic example if none found
+    if (output.examples.length === 0) {
+        const basicExample = generateBasicWebComponentExample(output.tagName);
+        output.examples.push({ title: "Basic Usage", code: basicExample });
+    }
+    // Add formatted output with helpful information
+    let text = `# ${output.name} (${output.tagName})\n\n`;
+    if (output.description) {
+        text += `${output.description}\n\n`;
+    }
+    // Attributes section
+    if (output.attributes.length > 0) {
+        text += `## Attributes\n\n`;
+        for (const attr of output.attributes) {
+            text += `- **${attr.name}**`;
+            if (attr.type)
+                text += ` (${attr.type})`;
+            if (attr.required)
+                text += ` *required*`;
+            if (attr.default)
+                text += ` - default: \`${attr.default}\``;
+            if (attr.description)
+                text += `\n  ${attr.description}`;
+            if (attr.options && attr.options.length > 0) {
+                text += `\n  Options: ${attr.options.map((o) => `\`${o}\``).join(", ")}`;
+            }
+            text += `\n`;
+        }
+        text += `\n`;
+    }
+    // Slots section
+    if (output.slots.length > 0) {
+        text += `## Slots\n\n`;
+        for (const slot of output.slots) {
+            text += `- **${slot.name}**`;
+            if (slot.description)
+                text += ` - ${slot.description}`;
+            text += `\n`;
+        }
+        text += `\n`;
+    }
+    // Events section
+    if (output.events.length > 0) {
+        text += `## Events\n\n`;
+        for (const event of output.events) {
+            text += `- **${event.name}**`;
+            if (event.payload)
+                text += ` (payload: ${event.payload})`;
+            if (event.description)
+                text += `\n  ${event.description}`;
+            text += `\n`;
+        }
+        text += `\n`;
+    }
+    // CSS Properties section
+    if (output.cssProperties.length > 0) {
+        text += `## CSS Custom Properties\n\n`;
+        for (const prop of output.cssProperties) {
+            text += `- \`${prop}\`\n`;
+        }
+        text += `\n`;
+    }
+    // Examples section
+    if (output.examples.length > 0) {
+        text += `## Examples\n\n`;
+        for (const example of output.examples) {
+            if (example.title) {
+                text += `### ${example.title}\n\n`;
+            }
+            text += `\`\`\`html\n${example.code}\n\`\`\`\n\n`;
+        }
+    }
+    // Installation
+    text += `## Installation\n\n`;
+    text += `\`\`\`javascript\n`;
+    text += `import '@adeo/mozaic-web-components/${slug}.js';\n`;
+    text += `\`\`\`\n\n`;
+    // JSON output for programmatic use
+    text += `---\n\n`;
+    text += `**JSON Output:**\n\n`;
+    text += `\`\`\`json\n${JSON.stringify(output, null, 2)}\n\`\`\``;
+    return {
+        content: [
+            {
+                type: "text",
+                text,
+            },
+        ],
+    };
+}
+// Generate a basic example
+function generateBasicWebComponentExample(tagName) {
+    return `<${tagName}>\n  Content\n</${tagName}>`;
+}
+// Tool definition for MCP
+export const getWebComponentInfoTool = {
+    name: "get_webcomponent_info",
+    description: "Get detailed information about a Mozaic Web Component including attributes, slots, events, CSS custom properties, and usage examples.",
+    inputSchema: {
+        type: "object",
+        properties: {
+            component: {
+                type: "string",
+                description: "Web component name (e.g., 'button', 'card', 'mozaic-button'). Will be converted to tag name.",
+            },
+        },
+        required: ["component"],
+    },
+};
+//# sourceMappingURL=get-webcomponent-info.js.map

package/dist/tools/get-webcomponent-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-webcomponent-info.js","sourceRoot":"","sources":["../../src/tools/get-webcomponent-info.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAkCtD,MAAM,UAAU,yBAAyB,CACvC,EAAqB,EACrB,KAA+B;IAE/B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,gDAAgD;IAChD,MAAM,IAAI,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAE7D,MAAM,aAAa,GAAG,kBAAkB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAEnD,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,4BAA4B,SAAS,sEAAsE;iBAClH;aACF;SACF,CAAC;IACJ,CAAC;IAED,sDAAsD;IACtD,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,IAAI,EAAE,CAAC;IAClD,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;QAC1C,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,cAAc,SAAS,gEAAgE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;iBACrH;aACF;SACF,CAAC;IACJ,CAAC;IAED,oCAAoC;IACpC,MAAM,gBAAgB,GAAG,CAAC,aAAa,CAAC,QAAQ,IAAI,EAAE,CAAC;SACpD,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,KAAK,eAAe,CAAC;SAChD,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QACZ,KAAK,EAAE,EAAE,CAAC,KAAK;QACf,IAAI,EAAE,EAAE,CAAC,IAAI;KACd,CAAC,CAAC,CAAC;IAEN,eAAe;IACf,MAAM,MAAM,GAA2B;QACrC,IAAI,EAAE,aAAa,CAAC,IAAI;QACxB,OAAO,EAAE,aAAa,CAAC,IAAI;QAC3B,WAAW,EAAE,aAAa,CAAC,WAAW;QACtC,UAAU,EAAE,CAAC,aAAa,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAClD,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,OAAO,EAAE,CAAC,CAAC,YAAY;YACvB,QAAQ,EAAE,CAAC,CAAC,QAAQ,IAAI,KAAK;YAC7B,OAAO,EAAE,CAAC,CAAC,OAAO;YAClB,WAAW,EAAE,CAAC,CAAC,WAAW;SAC3B,CAAC,CAAC;QACH,KAAK,EAAE,CAAC,aAAa,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC7C,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,WAAW,EAAE,CAAC,CAAC,WAAW;SAC3B,CAAC,CAAC;QACH,MAAM,EAAE,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC/C,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,OAAO,EAAE,CAAC,CAAC,OAAO;YAClB,WAAW,EAAE,CAAC,CAAC,WAAW;SAC3B,CAAC,CAAC;QACH,aAAa,EAAE,aAAa,CAAC,UAAU,IAAI,EAAE;QAC7C,QAAQ,EAAE,gBAAgB;KAC3B,CAAC;IAEF,kCAAkC;IAClC,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,MAAM,YAAY,GAAG,gCAAgC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACtE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;IACrE,CAAC;IAED,gDAAgD;IAChD,IAAI,IAAI,GAAG,KAAK,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,OAAO,OAAO,CAAC;IAEtD,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;QACvB,IAAI,IAAI,GAAG,MAAM,CAAC,WAAW,MAAM,CAAC;IACtC,CAAC;IAED,qBAAqB;IACrB,IAAI,MAAM,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjC,IAAI,IAAI,mBAAmB,CAAC;QAC5B,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;YACrC,IAAI,IAAI,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC;YAC7B,IAAI,IAAI,CAAC,IAAI;gBAAE,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,GAAG,CAAC;YACzC,IAAI,IAAI,CAAC,QAAQ;gBAAE,IAAI,IAAI,aAAa,CAAC;YACzC,IAAI,IAAI,CAAC,OAAO;gBAAE,IAAI,IAAI,iBAAiB,IAAI,CAAC,OAAO,IAAI,CAAC;YAC5D,IAAI,IAAI,CAAC,WAAW;gBAAE,IAAI,IAAI,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;YACxD,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5C,IAAI,IAAI,gBAAgB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3E,CAAC;YACD,IAAI,IAAI,IAAI,CAAC;QACf,CAAC;QACD,IAAI,IAAI,IAAI,CAAC;IACf,CAAC;IAED,gBAAgB;IAChB,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5B,IAAI,IAAI,cAAc,CAAC;QACvB,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;YAChC,IAAI,IAAI,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC;YAC7B,IAAI,IAAI,CAAC,WAAW;gBAAE,IAAI,IAAI,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;YACvD,IAAI,IAAI,IAAI,CAAC;QACf,CAAC;QACD,IAAI,IAAI,IAAI,CAAC;IACf,CAAC;IAED,iBAAiB;IACjB,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC7B,IAAI,IAAI,eAAe,CAAC;QACxB,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClC,IAAI,IAAI,OAAO,KAAK,CAAC,IAAI,IAAI,CAAC;YAC9B,IAAI,KAAK,CAAC,OAAO;gBAAE,IAAI,IAAI,cAAc,KAAK,CAAC,OAAO,GAAG,CAAC;YAC1D,IAAI,KAAK,CAAC,WAAW;gBAAE,IAAI,IAAI,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;YAC1D,IAAI,IAAI,IAAI,CAAC;QACf,CAAC;QACD,IAAI,IAAI,IAAI,CAAC;IACf,CAAC;IAED,yBAAyB;IACzB,IAAI,MAAM,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,IAAI,IAAI,8BAA8B,CAAC;QACvC,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;YACxC,IAAI,IAAI,OAAO,IAAI,MAAM,CAAC;QAC5B,CAAC;QACD,IAAI,IAAI,IAAI,CAAC;IACf,CAAC;IAED,mBAAmB;IACnB,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC/B,IAAI,IAAI,iBAAiB,CAAC;QAC1B,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACtC,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;gBAClB,IAAI,IAAI,OAAO,OAAO,CAAC,KAAK,MAAM,CAAC;YACrC,CAAC;YACD,IAAI,IAAI,eAAe,OAAO,CAAC,IAAI,cAAc,CAAC;QACpD,CAAC;IACH,CAAC;IAED,eAAe;IACf,IAAI,IAAI,qBAAqB,CAAC;IAC9B,IAAI,IAAI,oBAAoB,CAAC;IAC7B,IAAI,IAAI,uCAAuC,IAAI,SAAS,CAAC;IAC7D,IAAI,IAAI,YAAY,CAAC;IAErB,mCAAmC;IACnC,IAAI,IAAI,SAAS,CAAC;IAClB,IAAI,IAAI,sBAAsB,CAAC;IAC/B,IAAI,IAAI,eAAe,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC;IAEjE,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI;aACL;SACF;KACF,CAAC;AACJ,CAAC;AAED,2BAA2B;AAC3B,SAAS,gCAAgC,CAAC,OAAe;IACvD,OAAO,IAAI,OAAO,mBAAmB,OAAO,GAAG,CAAC;AAClD,CAAC;AAED,0BAA0B;AAC1B,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE,uBAAuB;IAC7B,WAAW,EACT,uIAAuI;IACzI,WAAW,EAAE;QACX,IAAI,EAAE,QAAiB;QACvB,UAAU,EAAE;YACV,SAAS,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EACT,8FAA8F;aACjG;SACF;QACD,QAAQ,EAAE,CAAC,WAAW,CAAC;KACxB;CACF,CAAC"}

package/dist/tools/list-freemarker.d.ts

@@ -0,0 +1,23 @@
+import Database from "better-sqlite3";
+import { z } from "zod";
+/**
+ * List Freemarker components by category
+ *
+ * Returns a list of all Freemarker macro components, optionally filtered by category.
+ */
+declare const _ListFreemarkerInputSchema: z.ZodObject<{
+    category: z.ZodDefault<z.ZodOptional<z.ZodEnum<["all", "action", "form", "feedback", "navigation", "layout", "data-display", "other"]>>>;
+}, "strip", z.ZodTypeAny, {
+    category: "all" | "form" | "navigation" | "feedback" | "layout" | "data-display" | "action" | "other";
+}, {
+    category?: "all" | "form" | "navigation" | "feedback" | "layout" | "data-display" | "action" | "other" | undefined;
+}>;
+export type ListFreemarkerInput = z.infer<typeof _ListFreemarkerInputSchema>;
+export declare function handleListFreemarker(db: Database.Database, input: ListFreemarkerInput): {
+    content: Array<{
+        type: "text";
+        text: string;
+    }>;
+};
+export {};
+//# sourceMappingURL=list-freemarker.d.ts.map

package/dist/tools/list-freemarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-freemarker.d.ts","sourceRoot":"","sources":["../../src/tools/list-freemarker.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB;;;;GAIG;AAEH,QAAA,MAAM,0BAA0B;;;;;;EAM9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAE7E,wBAAgB,oBAAoB,CAClC,EAAE,EAAE,QAAQ,CAAC,QAAQ,EACrB,KAAK,EAAE,mBAAmB,GACzB;IAAE,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,CAqGpD"}

package/dist/tools/list-freemarker.js

@@ -0,0 +1,97 @@
+import { z } from "zod";
+/**
+ * List Freemarker components by category
+ *
+ * Returns a list of all Freemarker macro components, optionally filtered by category.
+ */
+const _ListFreemarkerInputSchema = z.object({
+    category: z
+        .enum(["all", "action", "form", "feedback", "navigation", "layout", "data-display", "other"])
+        .optional()
+        .default("all")
+        .describe("Filter by category (default: all)"),
+});
+export function handleListFreemarker(db, input) {
+    const category = input.category || "all";
+    let query = `
+    SELECT name, slug, category, description
+    FROM components
+    WHERE frameworks LIKE '%freemarker%'
+  `;
+    const params = [];
+    if (category !== "all") {
+        query += ` AND category = ?`;
+        params.push(category);
+    }
+    query += ` ORDER BY category ASC, name ASC`;
+    const components = db.prepare(query).all(...params);
+    if (components.length === 0) {
+        return {
+            content: [
+                {
+                    type: "text",
+                    text: `No Freemarker components found${category !== "all" ? ` in category "${category}"` : ""}.`,
+                },
+            ],
+        };
+    }
+    // Group components by category
+    const groupedComponents = new Map();
+    components.forEach((component) => {
+        const cat = component.category;
+        if (!groupedComponents.has(cat)) {
+            groupedComponents.set(cat, []);
+        }
+        const group = groupedComponents.get(cat);
+        if (group) {
+            group.push(component);
+        }
+    });
+    // Build output
+    let output = `# Freemarker Components\n\n`;
+    output += `Found ${components.length} components`;
+    if (category !== "all") {
+        output += ` in category "${category}"`;
+    }
+    output += `\n\n`;
+    // List by category
+    const categories = Array.from(groupedComponents.keys()).sort();
+    categories.forEach((cat) => {
+        const comps = groupedComponents.get(cat);
+        if (!comps)
+            return;
+        output += `## ${cat.charAt(0).toUpperCase() + cat.slice(1)} (${comps.length})\n\n`;
+        comps.forEach((comp) => {
+            output += `### ${comp.name}\n`;
+            output += `- **Slug:** \`${comp.slug}\`\n`;
+            if (comp.description) {
+                output += `- **Description:** ${comp.description}\n`;
+            }
+            const macroName = comp.slug.replace(/-/g, "");
+            output += `- **Usage:** \`<#import "mozaic/${macroName}.ftl" as ${macroName}>\`\n`;
+            output += `\n`;
+        });
+    });
+    // Summary by category
+    output += `---\n\n`;
+    output += `## Summary by Category\n\n`;
+    categories.forEach((cat) => {
+        const group = groupedComponents.get(cat);
+        if (group) {
+            output += `- **${cat}**: ${group.length} components\n`;
+        }
+    });
+    output += `\n`;
+    output += `## Next Steps\n\n`;
+    output += `Use \`get_freemarker_info\` to view detailed information about a specific component.\n`;
+    output += `Use \`generate_freemarker\` to generate ready-to-use code for a component.\n`;
+    return {
+        content: [
+            {
+                type: "text",
+                text: output,
+            },
+        ],
+    };
+}
+//# sourceMappingURL=list-freemarker.js.map

package/dist/tools/list-freemarker.js.map

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

package/dist/tools/list-webcomponents.d.ts

@@ -0,0 +1,32 @@
+import type Database from "better-sqlite3";
+export interface ListWebComponentsInput {
+    category?: "form" | "navigation" | "feedback" | "layout" | "data-display" | "action" | "all";
+}
+export interface WebComponentListItem {
+    name: string;
+    tagName: string;
+    category: string;
+    description?: string;
+}
+export declare function handleListWebComponents(db: Database.Database, input: ListWebComponentsInput): {
+    content: Array<{
+        type: "text";
+        text: string;
+    }>;
+};
+export declare const listWebComponentsTool: {
+    name: string;
+    description: string;
+    inputSchema: {
+        type: "object";
+        properties: {
+            category: {
+                type: string;
+                enum: string[];
+                default: string;
+                description: string;
+            };
+        };
+    };
+};
+//# sourceMappingURL=list-webcomponents.d.ts.map

package/dist/tools/list-webcomponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-webcomponents.d.ts","sourceRoot":"","sources":["../../src/tools/list-webcomponents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAE3C,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,GAAG,QAAQ,GAAG,KAAK,CAAC;CAC9F;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CACrC,EAAE,EAAE,QAAQ,CAAC,QAAQ,EACrB,KAAK,EAAE,sBAAsB,GAC5B;IAAE,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,CAgHpD;AAGD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;CAejC,CAAC"}

package/dist/tools/list-webcomponents.js

@@ -0,0 +1,110 @@
+export function handleListWebComponents(db, input) {
+    const { category = "all" } = input;
+    // Query components with webcomponents framework
+    let query = `
+    SELECT name, slug, category, description, frameworks
+    FROM components
+    WHERE frameworks LIKE '%webcomponents%'
+  `;
+    const params = [];
+    if (category && category !== "all") {
+        query += ` AND category = ?`;
+        params.push(category);
+    }
+    query += ` ORDER BY category, name`;
+    const rows = db.prepare(query).all(...params);
+    if (rows.length === 0) {
+        return {
+            content: [
+                {
+                    type: "text",
+                    text: category === "all"
+                        ? "No web components found in the database."
+                        : `No web components found in category: ${category}`,
+                },
+            ],
+        };
+    }
+    // Group by category for better readability
+    const grouped = {};
+    for (const row of rows) {
+        const cat = row.category || "other";
+        if (!grouped[cat]) {
+            grouped[cat] = [];
+        }
+        grouped[cat].push({
+            name: row.name,
+            tagName: row.slug,
+            category: cat,
+            description: row.description,
+        });
+    }
+    // Format output
+    let text = `# Mozaic Web Components\n\n`;
+    text += `Total: ${rows.length} component${rows.length !== 1 ? "s" : ""}\n\n`;
+    if (category === "all") {
+        text += `## Categories\n\n`;
+        for (const [cat, components] of Object.entries(grouped)) {
+            text += `### ${cat.charAt(0).toUpperCase() + cat.slice(1)} (${components.length})\n\n`;
+            for (const comp of components) {
+                text += `- **${comp.name}** (\`<${comp.tagName}>\`)`;
+                if (comp.description) {
+                    text += `\n  ${comp.description}`;
+                }
+                text += `\n`;
+            }
+            text += `\n`;
+        }
+    }
+    else {
+        text += `## ${category.charAt(0).toUpperCase() + category.slice(1)} Components\n\n`;
+        for (const comp of rows) {
+            text += `- **${comp.name}** (\`<${comp.slug}>\`)`;
+            if (comp.description) {
+                text += `\n  ${comp.description}`;
+            }
+            text += `\n`;
+        }
+    }
+    // JSON output
+    const jsonOutput = {
+        total: rows.length,
+        categories: Object.keys(grouped),
+        components: category === "all"
+            ? grouped
+            : rows.map((r) => ({
+                name: r.name,
+                tagName: r.slug,
+                category: r.category,
+                description: r.description,
+            })),
+    };
+    text += `\n---\n\n`;
+    text += `**JSON Output:**\n\n`;
+    text += `\`\`\`json\n${JSON.stringify(jsonOutput, null, 2)}\n\`\`\``;
+    return {
+        content: [
+            {
+                type: "text",
+                text,
+            },
+        ],
+    };
+}
+// Tool definition for MCP
+export const listWebComponentsTool = {
+    name: "list_webcomponents",
+    description: "List available Mozaic Web Components by category. Returns custom element tag names and descriptions.",
+    inputSchema: {
+        type: "object",
+        properties: {
+            category: {
+                type: "string",
+                enum: ["form", "navigation", "feedback", "layout", "data-display", "action", "all"],
+                default: "all",
+                description: "Filter web components by category",
+            },
+        },
+    },
+};
+//# sourceMappingURL=list-webcomponents.js.map

package/dist/tools/list-webcomponents.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozaic-mcp-server",
-  "version": "2.1.1",
+  "version": "2.3.0",
   "description": "Self-contained Claude Code skills for Mozaic Design System by ADEO",
   "type": "module",
   "main": "dist/index.js",

package/skills/mozaic-freemarker-builder/scripts/generate-component.sh

@@ -0,0 +1,27 @@
+#!/bin/bash
+# Generate Freemarker macro usage code
+COMPONENT="${1:?Component name required}"
+CONFIG="${2:-{}}"
+CONTENT="${3:-Content goes here}"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
+
+# Get component info
+COMP_DATA=$(sqlite3 "$DB_PATH" "SELECT slug FROM components WHERE frameworks LIKE '%freemarker%' AND (LOWER(slug) LIKE LOWER('%$COMPONENT%') OR LOWER(name) LIKE LOWER('%$COMPONENT%')) LIMIT 1;")
+
+if [ -z "$COMP_DATA" ]; then
+  echo "Component '$COMPONENT' not found"
+  exit 1
+fi
+
+MACRO_NAME=$(echo "$COMP_DATA" | tr '-' '')
+
+# Generate code
+cat <<EOF
+<#import "mozaic/${MACRO_NAME}.ftl" as ${MACRO_NAME}>
+
+<#assign config = ${CONFIG}>
+
+<@${MACRO_NAME}.${MACRO_NAME} config=config>
+    ${CONTENT}
+</@${MACRO_NAME}.${MACRO_NAME}>
+EOF

package/skills/mozaic-freemarker-builder/scripts/get-component.sh

@@ -0,0 +1,28 @@
+#!/bin/bash
+# Get detailed Freemarker component information
+COMPONENT="${1:?Component name required}"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
+
+sqlite3 "$DB_PATH" <<EOF
+.mode json
+SELECT
+  c.name,
+  c.slug,
+  c.category,
+  c.description,
+  json_group_array(
+    json_object(
+      'name', p.name,
+      'type', p.type,
+      'required', p.required,
+      'default', p.default_value,
+      'description', p.description
+    )
+  ) as props
+FROM components c
+LEFT JOIN component_props p ON p.component_id = c.id
+WHERE c.frameworks LIKE '%freemarker%'
+  AND (LOWER(c.slug) LIKE LOWER('%$COMPONENT%') OR LOWER(c.name) LIKE LOWER('%$COMPONENT%'))
+GROUP BY c.id
+LIMIT 1;
+EOF

package/skills/mozaic-freemarker-builder/scripts/list-components.sh

@@ -0,0 +1,13 @@
+#!/bin/bash
+# List Freemarker components by category
+CATEGORY="${1:-all}"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
+
+sqlite3 "$DB_PATH" <<EOF
+.mode json
+SELECT name, slug, category, description
+FROM components
+WHERE frameworks LIKE '%freemarker%'
+${CATEGORY:+AND category = '$CATEGORY'}
+ORDER BY category, name;
+EOF

package/skills/mozaic-freemarker-builder/scripts/search-components.sh

@@ -0,0 +1,14 @@
+#!/bin/bash
+# Search Freemarker components by name or description
+QUERY="${1:?Search query required}"
+DB_PATH="${MOZAIC_DB_PATH:-${HOME}/.claude/mozaic.db}"
+
+sqlite3 "$DB_PATH" <<EOF
+.mode json
+SELECT name, slug, category, description
+FROM components
+WHERE frameworks LIKE '%freemarker%'
+  AND (LOWER(name) LIKE LOWER('%$QUERY%') OR LOWER(description) LIKE LOWER('%$QUERY%'))
+ORDER BY name
+LIMIT 20;
+EOF