wavemaker-dev-mcp 0.1.1 → 1.0.0

package/dist/layout-tools.d.ts

@@ -7,10 +7,13 @@ export interface SuggestComponentInput {
 export declare function suggestComponent(input: SuggestComponentInput): {
     component: string;
     reason: string;
+    importPath: string;
 };
 export declare function mapSpacing(px: number): {
     token: string;
-    value: number;
+    px: number;
+    linearLayoutSpacing: number;
+    containerGap: number;
 };
 export interface ValidateLayoutInput {
     layout: string;
@@ -23,10 +26,17 @@ export interface EnforceSpacingInput {
     type?: string;
     layout?: string;
 }
-/** Rule-based gap/padding tokens from container type and flex direction. */
+/**
+ * Returns recommended spacing values for WmLinearLayout and WmContainer.
+ * - linearLayoutSpacing: pass as spacing={N} on WmLinearLayout
+ * - containerGap: pass as gap={N} on WmContainer (pixels)
+ * - padding: use in styles={{ padding }} on any container
+ */
 export declare function enforceSpacing(input: EnforceSpacingInput): {
-    gap: string;
+    linearLayoutSpacing: number;
+    containerGap: number;
     padding: string;
+    token: string;
 };
 /** Placeholder until Playwright-based DOM analysis is wired. */
 export declare function analyzeDomMock(): {
@@ -34,4 +44,18 @@ export declare function analyzeDomMock(): {
     spacing: number;
     alignment: string;
 };
+export interface FixLayoutSpacingInput {
+    siblingsCount?: number;
+}
+export type FixLayoutSpacingResult = {
+    wrapper: "WmLinearLayout";
+    itemWrapper: "WmLinearLayoutItem";
+    direction: "row";
+    spacing: number;
+    note: string;
+} | {
+    wrapper: null;
+};
+/** Recommend wrapping multiple siblings in WmLinearLayout autolayout. */
+export declare function fixLayoutSpacing(input: FixLayoutSpacingInput): FixLayoutSpacingResult;
 //# sourceMappingURL=layout-tools.d.ts.map

package/dist/layout-tools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-tools.d.ts","sourceRoot":"","sources":["../src/layout-tools.ts"],"names":[],"mappings":"AAAA,mDAAmD;AAEnD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAcpG;AAKD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAYvE;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,CAa/E;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAY3F;AAED,gEAAgE;AAChE,wBAAgB,cAAc,IAAI;IAAE,aAAa,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAM9F"}
+{"version":3,"file":"layout-tools.d.ts","sourceRoot":"","sources":["../src/layout-tools.ts"],"names":[],"mappings":"AAAA,mDAAmD;AAEnD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAmCxH;AAQD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,mBAAmB,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAavH;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,CAsB/E;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG;IAC1D,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAmBA;AAED,gEAAgE;AAChE,wBAAgB,cAAc,IAAI;IAAE,aAAa,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAM9F;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAC9B;IACE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,WAAW,EAAE,oBAAoB,CAAC;IAClC,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,GACD;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAC;AAEtB,yEAAyE;AACzE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,sBAAsB,CAYrF"}

package/dist/layout-tools.js

@@ -6,64 +6,103 @@ exports.mapSpacing = mapSpacing;
 exports.validateLayout = validateLayout;
 exports.enforceSpacing = enforceSpacing;
 exports.analyzeDomMock = analyzeDomMock;
+exports.fixLayoutSpacing = fixLayoutSpacing;
 function suggestComponent(input) {
     const { layout, repeat, grouped } = input;
-    let component = "WmFlex";
-    if (layout === "grid")
-        component = "WmGrid";
-    else if (repeat)
-        component = "WmList";
-    else if (grouped)
-        component = "WmCard";
-    else if (layout === "horizontal")
-        component = "WmFlex";
-    else if (layout === "vertical")
-        component = "WmFlex";
+    if (layout === "grid") {
+        return {
+            component: "WmLayoutGrid",
+            reason: "12-column grid layout. Pair with WmGridRow and WmGridColumn.",
+            importPath: "@wavemaker/react-runtime/components/container/layout-grid",
+        };
+    }
+    if (repeat) {
+        return {
+            component: "WmList",
+            reason: "Repeating items from a data source.",
+            importPath: "@wavemaker/react-runtime/components/data/list",
+        };
+    }
+    if (grouped) {
+        return {
+            component: "WmCard",
+            reason: "Grouped content in a card surface.",
+            importPath: "@wavemaker/react-runtime/components/data/card",
+        };
+    }
+    // horizontal, vertical, or unspecified → autolayout
     return {
-        component,
-        reason: "Rule-based mapping",
+        component: "WmLinearLayout",
+        reason: layout === "horizontal"
+            ? "Row autolayout. Wrap each child in WmLinearLayoutItem. Use spacing={N} for gap between items."
+            : layout === "vertical"
+                ? "Column autolayout. Wrap each child in WmLinearLayoutItem. Use spacing={N} for gap between items."
+                : "Default autolayout. Wrap each child in WmLinearLayoutItem. Use spacing={N} for gap between items.",
+        importPath: "@wavemaker/react-runtime/components/container/linear-layout",
     };
 }
-const TOKENS = [4, 8, 16, 24, 32];
+// Spacing token pixel values (4px grid)
+const TOKEN_PX = [4, 8, 16, 24, 32];
 const TOKEN_NAMES = ["xs", "sm", "md", "lg", "xl"];
+// WmLinearLayout spacing values (pt-based, matching foundation CSS classes)
+const LINEAR_LAYOUT_SPACING = [3, 6, 12, 18, 24];
 function mapSpacing(px) {
-    let closest = TOKENS[0];
-    for (const t of TOKENS) {
-        if (Math.abs(t - px) < Math.abs(closest - px)) {
-            closest = t;
+    let closestIndex = 0;
+    for (let i = 1; i < TOKEN_PX.length; i++) {
+        if (Math.abs(TOKEN_PX[i] - px) < Math.abs(TOKEN_PX[closestIndex] - px)) {
+            closestIndex = i;
         }
     }
-    const index = TOKENS.indexOf(closest);
     return {
-        token: TOKEN_NAMES[index],
-        value: closest,
+        token: TOKEN_NAMES[closestIndex],
+        px: TOKEN_PX[closestIndex],
+        linearLayoutSpacing: LINEAR_LAYOUT_SPACING[closestIndex],
+        containerGap: TOKEN_PX[closestIndex],
     };
 }
 function validateLayout(input) {
     const { layout, code } = input;
     const errors = [];
-    if (layout.includes("row") && !code.includes('direction="row"')) {
-        errors.push("Missing row direction");
+    if (layout.includes("row")) {
+        const hasRowContainer = code.includes('direction="row"') || // WmContainer / WmLinearLayout
+            code.includes("direction='row'");
+        if (!hasRowContainer) {
+            errors.push('Missing row direction — add direction="row" to WmLinearLayout or WmContainer');
+        }
     }
     if (!code.includes("Wm")) {
-        errors.push("Non-WaveMaker components used");
+        errors.push("Non-WaveMaker components used — replace with Wm* components");
+    }
+    if (code.includes("WmFlex") || code.includes("WmGrid>") || code.includes("WmGrid ")) {
+        errors.push("WmFlex and WmGrid do not exist — use WmLinearLayout (autolayout) or WmContainer for flex, WmLayoutGrid for grid");
     }
     return { errors };
 }
-/** Rule-based gap/padding tokens from container type and flex direction. */
+/**
+ * Returns recommended spacing values for WmLinearLayout and WmContainer.
+ * - linearLayoutSpacing: pass as spacing={N} on WmLinearLayout
+ * - containerGap: pass as gap={N} on WmContainer (pixels)
+ * - padding: use in styles={{ padding }} on any container
+ */
 function enforceSpacing(input) {
     const { type, layout } = input;
-    let gap = "md";
-    let padding = "md";
+    // Default: md
+    let index = 2; // md
     if (type === "card-group")
-        gap = "lg";
+        index = 3; // lg
     if (type === "section")
-        gap = "xl";
+        index = 4; // xl
+    // layout overrides type
     if (layout === "row")
-        gap = "lg";
+        index = 3; // lg
     if (layout === "column")
-        gap = "md";
-    return { gap, padding };
+        index = 2; // md
+    return {
+        linearLayoutSpacing: LINEAR_LAYOUT_SPACING[index],
+        containerGap: TOKEN_PX[index],
+        padding: `var(--wm-space-${index + 1})`,
+        token: TOKEN_NAMES[index],
+    };
 }
 /** Placeholder until Playwright-based DOM analysis is wired. */
 function analyzeDomMock() {
@@ -73,4 +112,18 @@ function analyzeDomMock() {
         alignment: "left",
     };
 }
+/** Recommend wrapping multiple siblings in WmLinearLayout autolayout. */
+function fixLayoutSpacing(input) {
+    const { siblingsCount } = input;
+    if (siblingsCount != null && siblingsCount > 1) {
+        return {
+            wrapper: "WmLinearLayout",
+            itemWrapper: "WmLinearLayoutItem",
+            direction: "row",
+            spacing: 18,
+            note: "Wrap each sibling in a WmLinearLayoutItem child. Use flexgrow={1} for equal-width items.",
+        };
+    }
+    return { wrapper: null };
+}
 //# sourceMappingURL=layout-tools.js.map

package/dist/layout-tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout-tools.js","sourceRoot":"","sources":["../src/layout-tools.ts"],"names":[],"mappings":";AAAA,mDAAmD;;AAQnD,4CAcC;AAKD,gCAYC;AAOD,wCAaC;AAQD,wCAYC;AAGD,wCAMC;AAhFD,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1C,IAAI,SAAS,GAAG,QAAQ,CAAC;IAEzB,IAAI,MAAM,KAAK,MAAM;QAAE,SAAS,GAAG,QAAQ,CAAC;SACvC,IAAI,MAAM;QAAE,SAAS,GAAG,QAAQ,CAAC;SACjC,IAAI,OAAO;QAAE,SAAS,GAAG,QAAQ,CAAC;SAClC,IAAI,MAAM,KAAK,YAAY;QAAE,SAAS,GAAG,QAAQ,CAAC;SAClD,IAAI,MAAM,KAAK,UAAU;QAAE,SAAS,GAAG,QAAQ,CAAC;IAErD,OAAO;QACL,SAAS;QACT,MAAM,EAAE,oBAAoB;KAC7B,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAClC,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAEnD,SAAgB,UAAU,CAAC,EAAU;IACnC,IAAI,OAAO,GAAG,MAAM,CAAC,CAAC,CAAE,CAAC;IACzB,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC;QACvB,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC;YAC9C,OAAO,GAAG,CAAC,CAAC;QACd,CAAC;IACH,CAAC;IACD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO;QACL,KAAK,EAAE,WAAW,CAAC,KAAK,CAAE;QAC1B,KAAK,EAAE,OAAO;KACf,CAAC;AACJ,CAAC;AAOD,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,MAAM,GAAa,EAAE,CAAC;IAE5B,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;QAChE,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QACzB,MAAM,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO,EAAE,MAAM,EAAE,CAAC;AACpB,CAAC;AAOD,4EAA4E;AAC5E,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC/B,IAAI,GAAG,GAAG,IAAI,CAAC;IACf,IAAI,OAAO,GAAG,IAAI,CAAC;IAEnB,IAAI,IAAI,KAAK,YAAY;QAAE,GAAG,GAAG,IAAI,CAAC;IACtC,IAAI,IAAI,KAAK,SAAS;QAAE,GAAG,GAAG,IAAI,CAAC;IAEnC,IAAI,MAAM,KAAK,KAAK;QAAE,GAAG,GAAG,IAAI,CAAC;IACjC,IAAI,MAAM,KAAK,QAAQ;QAAE,GAAG,GAAG,IAAI,CAAC;IAEpC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AAC1B,CAAC;AAED,gEAAgE;AAChE,SAAgB,cAAc;IAC5B,OAAO;QACL,aAAa,EAAE,EAAE;QACjB,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,MAAM;KAClB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"layout-tools.js","sourceRoot":"","sources":["../src/layout-tools.ts"],"names":[],"mappings":"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"}

package/dist/skills/loader.d.ts

@@ -0,0 +1,36 @@
+export interface SkillEntry {
+    name: string;
+    file: string;
+    category?: string;
+    summary: string;
+    tags: string[];
+}
+export interface TokenEntry {
+    name: string;
+    file: string;
+    summary: string;
+    tags: string[];
+}
+export interface SkillIndex {
+    version: string;
+    generated: string;
+    sources?: {
+        runtimeCommit?: string;
+        cssCommit?: string;
+    };
+    components: SkillEntry[];
+    tokens: TokenEntry[];
+}
+export declare function loadIndex(): SkillIndex;
+export declare function readSkillFile(relativePath: string): string;
+/** Find a component skill by name (case-insensitive, strips "Wm" prefix for matching). */
+export declare function findComponentSkill(query: string): SkillEntry | undefined;
+/** Find a token skill by name. */
+export declare function findTokenSkill(query: string): TokenEntry | undefined;
+/** Search components and tokens by free-text query. Returns top matches. */
+export declare function searchSkills(query: string, topN?: number): Array<{
+    type: "component" | "token";
+    entry: SkillEntry | TokenEntry;
+    score: number;
+}>;
+//# sourceMappingURL=loader.d.ts.map

package/dist/skills/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/skills/loader.ts"],"names":[],"mappings":"AAkBA,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE;QACR,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB;AAYD,wBAAgB,SAAS,IAAI,UAAU,CAMtC;AAED,wBAAgB,aAAa,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAW1D;AAED,0FAA0F;AAC1F,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CASxE;AAED,kCAAkC;AAClC,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAIpE;AAiBD,4EAA4E;AAC5E,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,KAAK,CAAC;IAAE,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC;IAAC,KAAK,EAAE,UAAU,GAAG,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAmB3I"}

package/dist/skills/loader.js

@@ -0,0 +1,107 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadIndex = loadIndex;
+exports.readSkillFile = readSkillFile;
+exports.findComponentSkill = findComponentSkill;
+exports.findTokenSkill = findTokenSkill;
+exports.searchSkills = searchSkills;
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_path_1 = __importDefault(require("node:path"));
+// Walk up from dist/skills/loader.js to find the skills/ directory at the package root
+function findSkillsRoot() {
+    // dist/skills/loader.js → resolve ../../skills → <package-root>/skills
+    const candidates = [
+        node_path_1.default.resolve(__dirname, "../../skills"),
+        node_path_1.default.resolve(__dirname, "../../../skills"),
+    ];
+    for (const candidate of candidates) {
+        if (node_fs_1.default.existsSync(node_path_1.default.join(candidate, "index.json"))) {
+            return candidate;
+        }
+    }
+    throw new Error(`skills/index.json not found. Searched: ${candidates.join(", ")}`);
+}
+let _index = null;
+let _skillsRoot = null;
+function getSkillsRoot() {
+    if (!_skillsRoot) {
+        _skillsRoot = findSkillsRoot();
+    }
+    return _skillsRoot;
+}
+function loadIndex() {
+    if (_index)
+        return _index;
+    const root = getSkillsRoot();
+    const raw = node_fs_1.default.readFileSync(node_path_1.default.join(root, "index.json"), "utf8");
+    _index = JSON.parse(raw);
+    return _index;
+}
+function readSkillFile(relativePath) {
+    const root = getSkillsRoot();
+    const absolute = node_path_1.default.resolve(root, relativePath);
+    // Prevent directory traversal
+    if (!absolute.startsWith(root + node_path_1.default.sep) && absolute !== root) {
+        throw new Error(`Invalid skill path: ${relativePath}`);
+    }
+    if (!node_fs_1.default.existsSync(absolute)) {
+        throw new Error(`Skill file not found: ${relativePath}`);
+    }
+    return node_fs_1.default.readFileSync(absolute, "utf8");
+}
+/** Find a component skill by name (case-insensitive, strips "Wm" prefix for matching). */
+function findComponentSkill(query) {
+    const index = loadIndex();
+    const normalised = query.toLowerCase().replace(/^wm/, "");
+    return index.components.find((c) => c.name.toLowerCase() === query.toLowerCase() ||
+        c.name.toLowerCase().replace(/^wm/, "") === normalised ||
+        c.file.toLowerCase().includes(normalised));
+}
+/** Find a token skill by name. */
+function findTokenSkill(query) {
+    const index = loadIndex();
+    const q = query.toLowerCase();
+    return index.tokens.find((t) => t.name.toLowerCase() === q || t.tags.includes(q));
+}
+/** Score a skill entry against a free-text query. Returns 0 if no match. */
+function scoreEntry(entry, terms) {
+    const name = ("name" in entry ? entry.name : "").toLowerCase();
+    const summary = entry.summary.toLowerCase();
+    const tags = entry.tags.map((t) => t.toLowerCase());
+    let score = 0;
+    for (const term of terms) {
+        if (name.includes(term))
+            score += 3;
+        if (tags.some((t) => t === term))
+            score += 2;
+        if (tags.some((t) => t.includes(term)))
+            score += 1;
+        if (summary.includes(term))
+            score += 1;
+    }
+    return score;
+}
+/** Search components and tokens by free-text query. Returns top matches. */
+function searchSkills(query, topN = 5) {
+    const index = loadIndex();
+    const terms = query
+        .toLowerCase()
+        .split(/\s+/)
+        .filter((t) => t.length > 1);
+    const results = [];
+    for (const c of index.components) {
+        const score = scoreEntry(c, terms);
+        if (score > 0)
+            results.push({ type: "component", entry: c, score });
+    }
+    for (const t of index.tokens) {
+        const score = scoreEntry(t, terms);
+        if (score > 0)
+            results.push({ type: "token", entry: t, score });
+    }
+    return results.sort((a, b) => b.score - a.score).slice(0, topN);
+}
+//# sourceMappingURL=loader.js.map

package/dist/skills/loader.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wavemaker-dev-mcp",
-  "version": "0.1.1",
-  "description": "MCP server for WaveMaker React runtime and foundation-css: search, read props, and tokens from node_modules",
+  "version": "1.0.0",
+  "description": "MCP server for WaveMaker React — pre-built component and token skill docs for AI-assisted code generation",
   "keywords": [
     "mcp",
     "wavemaker",
@@ -22,6 +22,7 @@
   },
   "files": [
     "dist",
+    "skills",
     "README.md",
     "LICENSE"
   ],
@@ -29,20 +30,23 @@
     "node": ">=18"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "rm -rf dist && tsc",
     "postbuild": "chmod +x dist/index.js",
     "start": "node dist/index.js",
     "test": "playwright test",
+    "generate-skills": "tsx scripts/generate-skills.ts",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0",
-    "fast-glob": "^3.3.3",
     "zod": "^4.3.6"
   },
   "devDependencies": {
     "@playwright/test": "^1.59.0",
     "@types/node": "^25.5.0",
+    "fast-glob": "^3.3.3",
+    "ts-morph": "^27.0.2",
+    "tsx": "^4.21.0",
     "typescript": "^6.0.2"
   }
 }

package/skills/components/wm-accordion-pane.md

@@ -0,0 +1,44 @@
+---
+component: WmAccordionPane
+category: container
+import: components/container/accordion/accordion-pane
+tags: [container, accordion, pane, icon, panel, badge]
+summary: Accordion Pane layout container.
+generated: true
+---
+
+# WmAccordionPane
+
+Accordion Pane layout container.
+
+## Usage
+
+```jsx
+<WmAccordionPane
+  name="accordionPane"
+  title="My Panel"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| title | `string` | No | `"Title"` | Pane header title. |
+| subheading | `string` | No | — | Optional subheading below the title. |
+| iconclass | `string` | No | — | Icon class for the pane header (e.g., "wi wi-home"). |
+| badgevalue | `string \| number` | No | — | Badge value displayed in the header. |
+| badgetype | `AccordionPaneBadgeType` | No | `"default"` | Badge style variant. |
+| isdefaultpane | `boolean` | No | — | Whether this pane is the default expanded pane. |
+| active | `boolean` | Yes | — | Whether the pane is currently expanded. Injected by parent. |
+| smoothscroll | `boolean` | No | `false` | Enable smooth scroll when expanding. |
+| onExpand | `(event?: Event, props?: WmAccordionPaneProps) => void` | No | — | Called when pane expands. Injected by parent. |
+| onCollapse | `(event?: Event, props?: WmAccordionPaneProps) => void` | No | — | Called when pane collapses. Injected by parent. |
+| toggle | `(event?: Event, name?: string) => void` | No | — | Toggle function. Injected by parent. |
+| expand | `(event?: Event, name?: string) => void` | No | — | Expand function. Injected by parent. |
+| collapse | `(event?: Event, name?: string) => void` | No | — | Collapse function. Injected by parent. |
+| onLoad | `(props: WmAccordionPaneProps, onLoadCallback?: () => void) => void` | No | — | Called when pane loads. |
+| render | `(props: WmAccordionPaneProps, onLoadCallback?: () => void) => ReactNode` | No | — | Custom render function for pane content. Receives props and onLoad callback. |
+| tabindex | `number` | No | — | Tab index for keyboard navigation. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-accordion.md

@@ -0,0 +1,43 @@
+---
+component: WmAccordion
+category: container
+import: components/container/accordion
+tags: [container, accordion, data-binding, input]
+summary: Accordion layout container.
+generated: true
+---
+
+# WmAccordion
+
+Accordion layout container.
+
+## Usage
+
+```jsx
+<WmAccordion
+  name="accordion"
+  dataset={items}
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| closeothers | `boolean` | No | `true` | When true, expanding a pane collapses all other panes. |
+| defaultpaneindex | `number` | No | `0` | Index of the pane to show by default (0-based). |
+| statehandler | `StateHandler` | No | `"none"` | Where to persist accordion state (active pane index). |
+| dataset | `Record<string, unknown>[]` | No | — | Data source for dynamic accordion. Each item renders a pane. |
+| nodatamessage | `string` | No | `"No Data Found"` | Message shown when dataset is empty in dynamic mode. |
+| type | `"static" \| "dynamic"` | No | `"static"` | Accordion type: static (children) or dynamic (dataset). |
+| onChange | `(event: { newPaneIndex: number; oldPaneIndex: number }) => void` | No | — | Called when the active pane changes. |
+| onLoad | `(props: WmAccordionProps, onLoadCallback?: () => void) => void` | No | — | Called when accordion loads. Receives props and optional callback. |
+| render | `( item: Record<string, unknown>, index: number, dataset: Record<string, unkno...` | No | — | Render function for dynamic accordion. Receives item, index, and full dataset. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-accordion-*`
+
+See foundation-css: `src/tokens/web/components/accordion/accordion.json`

package/skills/components/wm-alert-dialog.md

@@ -0,0 +1,42 @@
+---
+component: WmAlertDialog
+category: dialogs
+import: components/dialogs/alert-dialog
+tags: [dialogs, alert, dialog, icon]
+summary: Alert Dialog — modal dialog.
+generated: true
+---
+
+# WmAlertDialog
+
+Alert Dialog — modal dialog.
+
+## Usage
+
+```jsx
+<WmAlertDialog
+  name="alertDialog"
+  title="My Panel"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| oktext | `string` | No | — | Text for the OK button. |
+| title | `string` | No | — | Title text for the alert dialog. |
+| alerttype | `string` | No | — | The type of alert (e.g. "error", "info"). |
+| iconclass | `string` | No | — | CSS class for the icon. |
+| text | `string` | No | — | Message text content for the alert. |
+| message | `string \| ReactNode` | No | — | Message content for the alert (can be React node). |
+| onOk | `() => void` | No | — | Callback fired when the OK button is clicked. |
+| onClose | `(event?: SyntheticEvent) => void` | No | — | Callback fired when the dialog requests to be closed. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-alert-dialog-*`
+
+See foundation-css: `src/tokens/web/components/modal-dialog/modal-dialog.json`

package/skills/components/wm-anchor.md

@@ -0,0 +1,51 @@
+---
+component: WmAnchor
+category: basic
+import: components/basic/anchor
+tags: [basic, anchor, caption, icon, badge]
+summary: Anchor display widget.
+generated: true
+---
+
+# WmAnchor
+
+Anchor display widget.
+
+## Usage
+
+```jsx
+<WmAnchor
+  name="anchor"
+  caption="My Anchor"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| caption | `string` | Yes | `"Link"` | The text to be displayed as the anchor caption. |
+| iconclass | `string` | No | — | The CSS class for the icon to be displayed. |
+| encodeurl | `string` | No | — | If true, the hyperlink URL will be encoded. |
+| hyperlink | `string` | No | — | The URL to navigate to when the anchor is clicked. |
+| iconheight | `string` | No | — | The height of the icon. |
+| iconwidth | `string` | No | — | The width of the icon. |
+| iconurl | `string` | No | — | The URL of the icon image. |
+| iconmargin | `string` | No | `"0 4"` | The margin around the icon. |
+| iconposition | `IconPositionType` | No | `"left"` | The position of the icon relative to the caption. |
+| badgevalue | `string \| number` | No | — | The value to be displayed in a badge next to the anchor. |
+| shortcutkey | `string` | No | — | The keyboard shortcut for the anchor. |
+| target | `string` | No | — | The target attribute for the anchor (e.g., '_blank', '_self'). |
+| id | `string` | No | — | — |
+| itemLink | `string` | No | — | Internal prop for linked items in lists. |
+| href | `string` | No | — | Prop to allow overriding the href, though it's typically computed internally. |
+| variant | `"standard"` | No | — | — |
+| action | `string` | No | — | — |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-anchor-*`
+
+See foundation-css: `src/tokens/web/components/anchor/anchor.json`