mozaic-mcp-server 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/INSTALLATION.md +232 -0
  2. package/README.md +262 -0
  3. package/SKILLS.md +411 -0
  4. package/bin/install-skills.js +171 -0
  5. package/data/mozaic.db +0 -0
  6. package/data/mozaic.db-shm +0 -0
  7. package/data/mozaic.db-wal +0 -0
  8. package/dist/__tests__/sanity-check.test.d.ts +2 -0
  9. package/dist/__tests__/sanity-check.test.d.ts.map +1 -0
  10. package/dist/__tests__/sanity-check.test.js +167 -0
  11. package/dist/__tests__/sanity-check.test.js.map +1 -0
  12. package/dist/__tests__/tools.integration.test.d.ts +2 -0
  13. package/dist/__tests__/tools.integration.test.d.ts.map +1 -0
  14. package/dist/__tests__/tools.integration.test.js +220 -0
  15. package/dist/__tests__/tools.integration.test.js.map +1 -0
  16. package/dist/db/queries.d.ts +144 -0
  17. package/dist/db/queries.d.ts.map +1 -0
  18. package/dist/db/queries.js +536 -0
  19. package/dist/db/queries.js.map +1 -0
  20. package/dist/db/schema.d.ts +4 -0
  21. package/dist/db/schema.d.ts.map +1 -0
  22. package/dist/db/schema.js +253 -0
  23. package/dist/db/schema.js.map +1 -0
  24. package/dist/index.d.ts +3 -0
  25. package/dist/index.d.ts.map +1 -0
  26. package/dist/index.js +416 -0
  27. package/dist/index.js.map +1 -0
  28. package/dist/parsers/__tests__/docs-parser.test.d.ts +2 -0
  29. package/dist/parsers/__tests__/docs-parser.test.d.ts.map +1 -0
  30. package/dist/parsers/__tests__/docs-parser.test.js +251 -0
  31. package/dist/parsers/__tests__/docs-parser.test.js.map +1 -0
  32. package/dist/parsers/__tests__/icons-parser.test.d.ts +2 -0
  33. package/dist/parsers/__tests__/icons-parser.test.d.ts.map +1 -0
  34. package/dist/parsers/__tests__/icons-parser.test.js +169 -0
  35. package/dist/parsers/__tests__/icons-parser.test.js.map +1 -0
  36. package/dist/parsers/__tests__/react-parser.test.d.ts +2 -0
  37. package/dist/parsers/__tests__/react-parser.test.d.ts.map +1 -0
  38. package/dist/parsers/__tests__/react-parser.test.js +274 -0
  39. package/dist/parsers/__tests__/react-parser.test.js.map +1 -0
  40. package/dist/parsers/__tests__/scss-parser.test.d.ts +2 -0
  41. package/dist/parsers/__tests__/scss-parser.test.d.ts.map +1 -0
  42. package/dist/parsers/__tests__/scss-parser.test.js +364 -0
  43. package/dist/parsers/__tests__/scss-parser.test.js.map +1 -0
  44. package/dist/parsers/__tests__/tokens-parser.test.d.ts +2 -0
  45. package/dist/parsers/__tests__/tokens-parser.test.d.ts.map +1 -0
  46. package/dist/parsers/__tests__/tokens-parser.test.js +172 -0
  47. package/dist/parsers/__tests__/tokens-parser.test.js.map +1 -0
  48. package/dist/parsers/__tests__/vue-parser.test.d.ts +2 -0
  49. package/dist/parsers/__tests__/vue-parser.test.d.ts.map +1 -0
  50. package/dist/parsers/__tests__/vue-parser.test.js +207 -0
  51. package/dist/parsers/__tests__/vue-parser.test.js.map +1 -0
  52. package/dist/parsers/docs-parser.d.ts +4 -0
  53. package/dist/parsers/docs-parser.d.ts.map +1 -0
  54. package/dist/parsers/docs-parser.js +237 -0
  55. package/dist/parsers/docs-parser.js.map +1 -0
  56. package/dist/parsers/icons-parser.d.ts +33 -0
  57. package/dist/parsers/icons-parser.d.ts.map +1 -0
  58. package/dist/parsers/icons-parser.js +125 -0
  59. package/dist/parsers/icons-parser.js.map +1 -0
  60. package/dist/parsers/react-parser.d.ts +3 -0
  61. package/dist/parsers/react-parser.d.ts.map +1 -0
  62. package/dist/parsers/react-parser.js +406 -0
  63. package/dist/parsers/react-parser.js.map +1 -0
  64. package/dist/parsers/scss-parser.d.ts +9 -0
  65. package/dist/parsers/scss-parser.d.ts.map +1 -0
  66. package/dist/parsers/scss-parser.js +351 -0
  67. package/dist/parsers/scss-parser.js.map +1 -0
  68. package/dist/parsers/tokens/border-parser.d.ts +3 -0
  69. package/dist/parsers/tokens/border-parser.d.ts.map +1 -0
  70. package/dist/parsers/tokens/border-parser.js +83 -0
  71. package/dist/parsers/tokens/border-parser.js.map +1 -0
  72. package/dist/parsers/tokens/color-parser.d.ts +3 -0
  73. package/dist/parsers/tokens/color-parser.d.ts.map +1 -0
  74. package/dist/parsers/tokens/color-parser.js +88 -0
  75. package/dist/parsers/tokens/color-parser.js.map +1 -0
  76. package/dist/parsers/tokens/grid-parser.d.ts +3 -0
  77. package/dist/parsers/tokens/grid-parser.d.ts.map +1 -0
  78. package/dist/parsers/tokens/grid-parser.js +97 -0
  79. package/dist/parsers/tokens/grid-parser.js.map +1 -0
  80. package/dist/parsers/tokens/index.d.ts +9 -0
  81. package/dist/parsers/tokens/index.d.ts.map +1 -0
  82. package/dist/parsers/tokens/index.js +10 -0
  83. package/dist/parsers/tokens/index.js.map +1 -0
  84. package/dist/parsers/tokens/screen-parser.d.ts +3 -0
  85. package/dist/parsers/tokens/screen-parser.d.ts.map +1 -0
  86. package/dist/parsers/tokens/screen-parser.js +54 -0
  87. package/dist/parsers/tokens/screen-parser.js.map +1 -0
  88. package/dist/parsers/tokens/shadow-parser.d.ts +3 -0
  89. package/dist/parsers/tokens/shadow-parser.d.ts.map +1 -0
  90. package/dist/parsers/tokens/shadow-parser.js +62 -0
  91. package/dist/parsers/tokens/shadow-parser.js.map +1 -0
  92. package/dist/parsers/tokens/spacing-parser.d.ts +4 -0
  93. package/dist/parsers/tokens/spacing-parser.d.ts.map +1 -0
  94. package/dist/parsers/tokens/spacing-parser.js +85 -0
  95. package/dist/parsers/tokens/spacing-parser.js.map +1 -0
  96. package/dist/parsers/tokens/types.d.ts +33 -0
  97. package/dist/parsers/tokens/types.d.ts.map +1 -0
  98. package/dist/parsers/tokens/types.js +42 -0
  99. package/dist/parsers/tokens/types.js.map +1 -0
  100. package/dist/parsers/tokens/typography-parser.d.ts +3 -0
  101. package/dist/parsers/tokens/typography-parser.d.ts.map +1 -0
  102. package/dist/parsers/tokens/typography-parser.js +76 -0
  103. package/dist/parsers/tokens/typography-parser.js.map +1 -0
  104. package/dist/parsers/tokens-parser.d.ts +18 -0
  105. package/dist/parsers/tokens-parser.d.ts.map +1 -0
  106. package/dist/parsers/tokens-parser.js +57 -0
  107. package/dist/parsers/tokens-parser.js.map +1 -0
  108. package/dist/parsers/vue-parser.d.ts +3 -0
  109. package/dist/parsers/vue-parser.d.ts.map +1 -0
  110. package/dist/parsers/vue-parser.js +343 -0
  111. package/dist/parsers/vue-parser.js.map +1 -0
  112. package/dist/tools/generate-react-component.d.ts +35 -0
  113. package/dist/tools/generate-react-component.d.ts.map +1 -0
  114. package/dist/tools/generate-react-component.js +81 -0
  115. package/dist/tools/generate-react-component.js.map +1 -0
  116. package/dist/tools/generate-vue-component.d.ts +35 -0
  117. package/dist/tools/generate-vue-component.d.ts.map +1 -0
  118. package/dist/tools/generate-vue-component.js +81 -0
  119. package/dist/tools/generate-vue-component.js.map +1 -0
  120. package/dist/tools/get-component-info.d.ts +52 -0
  121. package/dist/tools/get-component-info.d.ts.map +1 -0
  122. package/dist/tools/get-component-info.js +94 -0
  123. package/dist/tools/get-component-info.js.map +1 -0
  124. package/dist/tools/get-css-utility.d.ts +41 -0
  125. package/dist/tools/get-css-utility.d.ts.map +1 -0
  126. package/dist/tools/get-css-utility.js +57 -0
  127. package/dist/tools/get-css-utility.js.map +1 -0
  128. package/dist/tools/get-design-tokens.d.ts +44 -0
  129. package/dist/tools/get-design-tokens.d.ts.map +1 -0
  130. package/dist/tools/get-design-tokens.js +124 -0
  131. package/dist/tools/get-design-tokens.js.map +1 -0
  132. package/dist/tools/get-icon.d.ts +32 -0
  133. package/dist/tools/get-icon.d.ts.map +1 -0
  134. package/dist/tools/get-icon.js +108 -0
  135. package/dist/tools/get-icon.js.map +1 -0
  136. package/dist/tools/get-install-info.d.ts +39 -0
  137. package/dist/tools/get-install-info.d.ts.map +1 -0
  138. package/dist/tools/get-install-info.js +160 -0
  139. package/dist/tools/get-install-info.js.map +1 -0
  140. package/dist/tools/list-components.d.ts +32 -0
  141. package/dist/tools/list-components.d.ts.map +1 -0
  142. package/dist/tools/list-components.js +62 -0
  143. package/dist/tools/list-components.js.map +1 -0
  144. package/dist/tools/list-css-utilities.d.ts +27 -0
  145. package/dist/tools/list-css-utilities.d.ts.map +1 -0
  146. package/dist/tools/list-css-utilities.js +48 -0
  147. package/dist/tools/list-css-utilities.js.map +1 -0
  148. package/dist/tools/search-documentation.d.ts +37 -0
  149. package/dist/tools/search-documentation.d.ts.map +1 -0
  150. package/dist/tools/search-documentation.js +120 -0
  151. package/dist/tools/search-documentation.js.map +1 -0
  152. package/dist/tools/search-icons.d.ts +41 -0
  153. package/dist/tools/search-icons.d.ts.map +1 -0
  154. package/dist/tools/search-icons.js +134 -0
  155. package/dist/tools/search-icons.js.map +1 -0
  156. package/package.json +98 -0
  157. package/skills/mozaic-css-utilities/skill.md +633 -0
  158. package/skills/mozaic-design-tokens/skill.md +621 -0
  159. package/skills/mozaic-icons/skill.md +624 -0
  160. package/skills/mozaic-react-builder/skill.md +652 -0
  161. package/skills/mozaic-vue-builder/skill.md +491 -0
@@ -0,0 +1,52 @@
1
+ import type Database from "better-sqlite3";
2
+ export interface GetComponentInfoInput {
3
+ component: string;
4
+ framework?: "vue" | "react" | "html";
5
+ }
6
+ export interface ComponentInfoOutput {
7
+ name: string;
8
+ description?: string;
9
+ props: Array<{
10
+ name: string;
11
+ type?: string;
12
+ default?: string;
13
+ required: boolean;
14
+ options?: string[];
15
+ description?: string;
16
+ }>;
17
+ slots: string[];
18
+ events: string[];
19
+ examples: Array<{
20
+ title?: string;
21
+ code: string;
22
+ }>;
23
+ cssClasses: string[];
24
+ relatedComponents?: string[];
25
+ }
26
+ export declare function handleGetComponentInfo(db: Database.Database, input: GetComponentInfoInput): {
27
+ content: Array<{
28
+ type: "text";
29
+ text: string;
30
+ }>;
31
+ };
32
+ export declare const getComponentInfoTool: {
33
+ name: string;
34
+ description: string;
35
+ inputSchema: {
36
+ type: "object";
37
+ properties: {
38
+ component: {
39
+ type: string;
40
+ description: string;
41
+ };
42
+ framework: {
43
+ type: string;
44
+ enum: string[];
45
+ default: string;
46
+ description: string;
47
+ };
48
+ };
49
+ required: string[];
50
+ };
51
+ };
52
+ //# sourceMappingURL=get-component-info.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-component-info.d.ts","sourceRoot":"","sources":["../../src/tools/get-component-info.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;CACtC;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC,CAAC;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;IACH,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,wBAAgB,sBAAsB,CACpC,EAAE,EAAE,QAAQ,CAAC,QAAQ,EACrB,KAAK,EAAE,qBAAqB,GAC3B;IAAE,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,CA6DpD;AAqBD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;CAoBhC,CAAC"}
@@ -0,0 +1,94 @@
1
+ import { getComponentBySlug } from "../db/queries.js";
2
+ export function handleGetComponentInfo(db, input) {
3
+ const { component, framework = "vue" } = input;
4
+ // Normalize component name (remove M prefix if present, lowercase)
5
+ const slug = component.replace(/^M/i, "").toLowerCase();
6
+ const componentData = getComponentBySlug(db, slug);
7
+ if (!componentData) {
8
+ return {
9
+ content: [
10
+ {
11
+ type: "text",
12
+ text: `Component not found: ${component}. Try using the list_components tool to see available components.`,
13
+ },
14
+ ],
15
+ };
16
+ }
17
+ // Filter examples by framework
18
+ const filteredExamples = (componentData.examples || [])
19
+ .filter((ex) => ex.framework === framework)
20
+ .map((ex) => ({
21
+ title: ex.title,
22
+ code: ex.code,
23
+ }));
24
+ // Build output
25
+ const output = {
26
+ name: componentData.name,
27
+ description: componentData.description,
28
+ props: (componentData.props || []).map((p) => ({
29
+ name: p.name,
30
+ type: p.type,
31
+ default: p.defaultValue,
32
+ required: p.required || false,
33
+ options: p.options,
34
+ description: p.description,
35
+ })),
36
+ slots: (componentData.slots || []).map((s) => s.name),
37
+ events: (componentData.events || []).map((e) => e.name),
38
+ examples: filteredExamples,
39
+ cssClasses: componentData.cssClasses || [],
40
+ };
41
+ // Add basic example if none found
42
+ if (output.examples.length === 0) {
43
+ const basicExample = generateBasicExample(componentData.name, framework);
44
+ if (basicExample) {
45
+ output.examples.push({ title: "Basic Usage", code: basicExample });
46
+ }
47
+ }
48
+ return {
49
+ content: [
50
+ {
51
+ type: "text",
52
+ text: JSON.stringify(output, null, 2),
53
+ },
54
+ ],
55
+ };
56
+ }
57
+ // Generate a basic example if none exist
58
+ function generateBasicExample(componentName, framework) {
59
+ const tag = componentName;
60
+ switch (framework) {
61
+ case "vue":
62
+ return `<${tag}>Content</${tag}>`;
63
+ case "react":
64
+ return `<${tag}>Content</${tag}>`;
65
+ case "html": {
66
+ const cssClass = `mc-${componentName.replace(/^M/, "").toLowerCase()}`;
67
+ return `<div class="${cssClass}">Content</div>`;
68
+ }
69
+ default:
70
+ return null;
71
+ }
72
+ }
73
+ // Tool definition for MCP
74
+ export const getComponentInfoTool = {
75
+ name: "get_component_info",
76
+ description: "Get detailed information about a Mozaic framework component including props, slots, events, and examples. For CSS-only utilities (Flexy, Container, Margin, Padding), use get_css_utility instead.",
77
+ inputSchema: {
78
+ type: "object",
79
+ properties: {
80
+ component: {
81
+ type: "string",
82
+ description: "Component name (e.g., 'button', 'modal', 'MButton', 'accordion')",
83
+ },
84
+ framework: {
85
+ type: "string",
86
+ enum: ["vue", "react", "html"],
87
+ default: "vue",
88
+ description: "Framework for code examples",
89
+ },
90
+ },
91
+ required: ["component"],
92
+ },
93
+ };
94
+ //# sourceMappingURL=get-component-info.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-component-info.js","sourceRoot":"","sources":["../../src/tools/get-component-info.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,41 @@
1
+ import type Database from "better-sqlite3";
2
+ export interface GetCssUtilityInput {
3
+ name: string;
4
+ includeClasses?: boolean;
5
+ }
6
+ export interface CssUtilityOutput {
7
+ name: string;
8
+ category: string;
9
+ description?: string;
10
+ classes: string[];
11
+ examples: Array<{
12
+ title?: string;
13
+ code: string;
14
+ }>;
15
+ }
16
+ export declare function handleGetCssUtility(db: Database.Database, input: GetCssUtilityInput): {
17
+ content: Array<{
18
+ type: "text";
19
+ text: string;
20
+ }>;
21
+ };
22
+ export declare const getCssUtilityTool: {
23
+ name: string;
24
+ description: string;
25
+ inputSchema: {
26
+ type: "object";
27
+ properties: {
28
+ name: {
29
+ type: string;
30
+ description: string;
31
+ };
32
+ includeClasses: {
33
+ type: string;
34
+ default: boolean;
35
+ description: string;
36
+ };
37
+ };
38
+ required: string[];
39
+ };
40
+ };
41
+ //# sourceMappingURL=get-css-utility.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-css-utility.d.ts","sourceRoot":"","sources":["../../src/tools/get-css-utility.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;CACJ;AAED,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,QAAQ,CAAC,QAAQ,EACrB,KAAK,EAAE,kBAAkB,GACxB;IAAE,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,CAuCpD;AAGD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;CAoB7B,CAAC"}
@@ -0,0 +1,57 @@
1
+ import { getCssUtility } from "../db/queries.js";
2
+ export function handleGetCssUtility(db, input) {
3
+ const { name, includeClasses = true } = input;
4
+ // Normalize utility name (lowercase)
5
+ const slug = name.toLowerCase();
6
+ const utility = getCssUtility(db, slug);
7
+ if (!utility) {
8
+ return {
9
+ content: [
10
+ {
11
+ type: "text",
12
+ text: `CSS utility not found: ${name}. Available utilities: Flexy, Container, Margin, Padding, Ratio, Scroll. Use list_css_utilities to see all available utilities.`,
13
+ },
14
+ ],
15
+ };
16
+ }
17
+ // Build output
18
+ const output = {
19
+ name: utility.name,
20
+ category: utility.category,
21
+ description: utility.description,
22
+ classes: includeClasses ? utility.classes : [],
23
+ examples: utility.examples.map((e) => ({
24
+ title: e.title,
25
+ code: e.code,
26
+ })),
27
+ };
28
+ return {
29
+ content: [
30
+ {
31
+ type: "text",
32
+ text: JSON.stringify(output, null, 2),
33
+ },
34
+ ],
35
+ };
36
+ }
37
+ // Tool definition for MCP
38
+ export const getCssUtilityTool = {
39
+ name: "get_css_utility",
40
+ description: "Get CSS utility classes and examples for Mozaic layout and spacing utilities. These are CSS-only utilities (no framework component needed). Available utilities: Flexy (flexbox grid), Container, Margin, Padding, Ratio, Scroll.",
41
+ inputSchema: {
42
+ type: "object",
43
+ properties: {
44
+ name: {
45
+ type: "string",
46
+ description: "Utility name (e.g., 'flexy', 'margin', 'padding', 'container', 'ratio', 'scroll')",
47
+ },
48
+ includeClasses: {
49
+ type: "boolean",
50
+ default: true,
51
+ description: "Include all CSS class names in the response",
52
+ },
53
+ },
54
+ required: ["name"],
55
+ },
56
+ };
57
+ //# sourceMappingURL=get-css-utility.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-css-utility.js","sourceRoot":"","sources":["../../src/tools/get-css-utility.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAkBjD,MAAM,UAAU,mBAAmB,CACjC,EAAqB,EACrB,KAAyB;IAEzB,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE9C,qCAAqC;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAEhC,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAExC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,0BAA0B,IAAI,iIAAiI;iBACtK;aACF;SACF,CAAC;IACJ,CAAC;IAED,eAAe;IACf,MAAM,MAAM,GAAqB;QAC/B,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC9C,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACrC,KAAK,EAAE,CAAC,CAAC,KAAK;YACd,IAAI,EAAE,CAAC,CAAC,IAAI;SACb,CAAC,CAAC;KACJ,CAAC;IAEF,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;aACtC;SACF;KACF,CAAC;AACJ,CAAC;AAED,0BAA0B;AAC1B,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,iBAAiB;IACvB,WAAW,EACT,mOAAmO;IACrO,WAAW,EAAE;QACX,IAAI,EAAE,QAAiB;QACvB,UAAU,EAAE;YACV,IAAI,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,WAAW,EACT,mFAAmF;aACtF;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,IAAI;gBACb,WAAW,EAAE,6CAA6C;aAC3D;SACF;QACD,QAAQ,EAAE,CAAC,MAAM,CAAC;KACnB;CACF,CAAC"}
@@ -0,0 +1,44 @@
1
+ import type Database from "better-sqlite3";
2
+ export interface GetDesignTokensInput {
3
+ category: "colors" | "typography" | "spacing" | "shadows" | "borders" | "screens" | "grid" | "all";
4
+ format?: "json" | "scss" | "css" | "js";
5
+ }
6
+ export interface TokenOutput {
7
+ category: string;
8
+ subcategory?: string;
9
+ name: string;
10
+ path: string;
11
+ value: string;
12
+ valueComputed?: string;
13
+ cssVariable?: string;
14
+ scssVariable?: string;
15
+ description?: string;
16
+ }
17
+ export declare function handleGetDesignTokens(db: Database.Database, input: GetDesignTokensInput): {
18
+ content: Array<{
19
+ type: "text";
20
+ text: string;
21
+ }>;
22
+ };
23
+ export declare const getDesignTokensTool: {
24
+ name: string;
25
+ description: string;
26
+ inputSchema: {
27
+ type: "object";
28
+ properties: {
29
+ category: {
30
+ type: string;
31
+ enum: string[];
32
+ description: string;
33
+ };
34
+ format: {
35
+ type: string;
36
+ enum: string[];
37
+ default: string;
38
+ description: string;
39
+ };
40
+ };
41
+ required: string[];
42
+ };
43
+ };
44
+ //# sourceMappingURL=get-design-tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-design-tokens.d.ts","sourceRoot":"","sources":["../../src/tools/get-design-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAI3C,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EACJ,QAAQ,GACR,YAAY,GACZ,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,KAAK,CAAC;IACV,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA8DD,wBAAgB,qBAAqB,CACnC,EAAE,EAAE,QAAQ,CAAC,QAAQ,EACrB,KAAK,EAAE,oBAAoB,GAC1B;IAAE,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,CAmDpD;AAGD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;CAqB/B,CAAC"}
@@ -0,0 +1,124 @@
1
+ import { getTokensByCategory } from "../db/queries.js";
2
+ import { mapCategoryToDbCategories } from "../parsers/tokens-parser.js";
3
+ // Format tokens as SCSS variables
4
+ function formatAsScss(tokens) {
5
+ const lines = [];
6
+ for (const token of tokens) {
7
+ // Use scssVariable if available, otherwise generate from path
8
+ const varName = token.scssVariable || `$${token.path.replace(/\./g, "-")}`;
9
+ lines.push(`${varName}: ${token.valueRaw};`);
10
+ }
11
+ return lines.join("\n");
12
+ }
13
+ // Format tokens as CSS custom properties
14
+ function formatAsCss(tokens) {
15
+ const lines = [":root {"];
16
+ for (const token of tokens) {
17
+ // Use cssVariable if available, otherwise generate from path
18
+ const varName = token.cssVariable || `--${token.path.replace(/\./g, "-")}`;
19
+ lines.push(` ${varName}: ${token.valueRaw};`);
20
+ }
21
+ lines.push("}");
22
+ return lines.join("\n");
23
+ }
24
+ // Format tokens as JavaScript object
25
+ function formatAsJs(tokens) {
26
+ const obj = {};
27
+ for (const token of tokens) {
28
+ const parts = token.path.split(".");
29
+ let current = obj;
30
+ for (let i = 0; i < parts.length - 1; i++) {
31
+ const part = parts[i];
32
+ if (!(part in current)) {
33
+ current[part] = {};
34
+ }
35
+ current = current[part];
36
+ }
37
+ current[parts[parts.length - 1]] = token.valueRaw;
38
+ }
39
+ return `export const tokens = ${JSON.stringify(obj, null, 2)};`;
40
+ }
41
+ // Format tokens as JSON
42
+ function formatAsJson(tokens) {
43
+ return tokens.map((t) => ({
44
+ category: t.category,
45
+ subcategory: t.subcategory,
46
+ name: t.name,
47
+ path: t.path,
48
+ value: t.valueRaw,
49
+ valueComputed: t.valueComputed,
50
+ cssVariable: t.cssVariable,
51
+ scssVariable: t.scssVariable,
52
+ description: t.description,
53
+ }));
54
+ }
55
+ export function handleGetDesignTokens(db, input) {
56
+ const { category, format = "json" } = input;
57
+ let tokens = [];
58
+ if (category === "all") {
59
+ tokens = getTokensByCategory(db, "all");
60
+ }
61
+ else {
62
+ const dbCategories = mapCategoryToDbCategories(category);
63
+ for (const cat of dbCategories) {
64
+ tokens.push(...getTokensByCategory(db, cat));
65
+ }
66
+ }
67
+ if (tokens.length === 0) {
68
+ return {
69
+ content: [
70
+ {
71
+ type: "text",
72
+ text: `No tokens found for category: ${category}`,
73
+ },
74
+ ],
75
+ };
76
+ }
77
+ let output;
78
+ switch (format) {
79
+ case "scss":
80
+ output = formatAsScss(tokens);
81
+ break;
82
+ case "css":
83
+ output = formatAsCss(tokens);
84
+ break;
85
+ case "js":
86
+ output = formatAsJs(tokens);
87
+ break;
88
+ case "json":
89
+ default:
90
+ output = JSON.stringify(formatAsJson(tokens), null, 2);
91
+ break;
92
+ }
93
+ return {
94
+ content: [
95
+ {
96
+ type: "text",
97
+ text: output,
98
+ },
99
+ ],
100
+ };
101
+ }
102
+ // Tool definition for MCP
103
+ export const getDesignTokensTool = {
104
+ name: "get_design_tokens",
105
+ description: "Get design tokens (colors, typography, spacing, shadows, borders, screens, grid) from Mozaic Design System. Tokens include CSS/SCSS variables and computed values.",
106
+ inputSchema: {
107
+ type: "object",
108
+ properties: {
109
+ category: {
110
+ type: "string",
111
+ enum: ["colors", "typography", "spacing", "shadows", "borders", "screens", "grid", "all"],
112
+ description: "Token category to retrieve",
113
+ },
114
+ format: {
115
+ type: "string",
116
+ enum: ["json", "scss", "css", "js"],
117
+ default: "json",
118
+ description: "Output format for the tokens",
119
+ },
120
+ },
121
+ required: ["category"],
122
+ },
123
+ };
124
+ //# sourceMappingURL=get-design-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-design-tokens.js","sourceRoot":"","sources":["../../src/tools/get-design-tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAc,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AA2BxE,kCAAkC;AAClC,SAAS,YAAY,CAAC,MAAe;IACnC,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,8DAA8D;QAC9D,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;QAC3E,KAAK,CAAC,IAAI,CAAC,GAAG,OAAO,KAAK,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;IAC/C,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,yCAAyC;AACzC,SAAS,WAAW,CAAC,MAAe;IAClC,MAAM,KAAK,GAAa,CAAC,SAAS,CAAC,CAAC;IACpC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,6DAA6D;QAC7D,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;QAC3E,KAAK,CAAC,IAAI,CAAC,KAAK,OAAO,KAAK,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;IACjD,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,qCAAqC;AACrC,SAAS,UAAU,CAAC,MAAe;IACjC,MAAM,GAAG,GAA4B,EAAE,CAAC;IAExC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACpC,IAAI,OAAO,GAAG,GAAG,CAAC;QAElB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,EAAE,CAAC;gBACvB,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YACrB,CAAC;YACD,OAAO,GAAG,OAAO,CAAC,IAAI,CAA4B,CAAC;QACrD,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;IACpD,CAAC;IAED,OAAO,yBAAyB,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC;AAClE,CAAC;AAED,wBAAwB;AACxB,SAAS,YAAY,CAAC,MAAe;IACnC,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACxB,QAAQ,EAAE,CAAC,CAAC,QAAQ;QACpB,WAAW,EAAE,CAAC,CAAC,WAAW;QAC1B,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,KAAK,EAAE,CAAC,CAAC,QAAQ;QACjB,aAAa,EAAE,CAAC,CAAC,aAAa;QAC9B,WAAW,EAAE,CAAC,CAAC,WAAW;QAC1B,YAAY,EAAE,CAAC,CAAC,YAAY;QAC5B,WAAW,EAAE,CAAC,CAAC,WAAW;KAC3B,CAAC,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,EAAqB,EACrB,KAA2B;IAE3B,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAE5C,IAAI,MAAM,GAAY,EAAE,CAAC;IAEzB,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;QACvB,MAAM,GAAG,mBAAmB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;SAAM,CAAC;QACN,MAAM,YAAY,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;QACzD,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE,CAAC;YAC/B,MAAM,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,iCAAiC,QAAQ,EAAE;iBAClD;aACF;SACF,CAAC;IACJ,CAAC;IAED,IAAI,MAAc,CAAC;IAEnB,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,MAAM;YACT,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;YAC9B,MAAM;QACR,KAAK,KAAK;YACR,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;YAC7B,MAAM;QACR,KAAK,IAAI;YACP,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;YAC5B,MAAM;QACR,KAAK,MAAM,CAAC;QACZ;YACE,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACvD,MAAM;IACV,CAAC;IAED,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,MAAM;aACb;SACF;KACF,CAAC;AACJ,CAAC;AAED,0BAA0B;AAC1B,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,mBAAmB;IACzB,WAAW,EACT,oKAAoK;IACtK,WAAW,EAAE;QACX,IAAI,EAAE,QAAiB;QACvB,UAAU,EAAE;YACV,QAAQ,EAAE;gBACR,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC;gBACzF,WAAW,EAAE,4BAA4B;aAC1C;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC;gBACnC,OAAO,EAAE,MAAM;gBACf,WAAW,EAAE,8BAA8B;aAC5C;SACF;QACD,QAAQ,EAAE,CAAC,UAAU,CAAC;KACvB;CACF,CAAC"}
@@ -0,0 +1,32 @@
1
+ import type Database from "better-sqlite3";
2
+ export interface GetIconInput {
3
+ name: string;
4
+ format?: "svg" | "react" | "vue" | "all";
5
+ }
6
+ export declare function handleGetIcon(db: Database.Database, input: GetIconInput): {
7
+ content: Array<{
8
+ type: "text";
9
+ text: string;
10
+ }>;
11
+ };
12
+ export declare const getIconTool: {
13
+ name: string;
14
+ description: string;
15
+ inputSchema: {
16
+ type: "object";
17
+ properties: {
18
+ name: {
19
+ type: string;
20
+ description: string;
21
+ };
22
+ format: {
23
+ type: string;
24
+ enum: string[];
25
+ default: string;
26
+ description: string;
27
+ };
28
+ };
29
+ required: string[];
30
+ };
31
+ };
32
+ //# sourceMappingURL=get-icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-icon.d.ts","sourceRoot":"","sources":["../../src/tools/get-icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAQ3C,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;CAC1C;AAED,wBAAgB,aAAa,CAC3B,EAAE,EAAE,QAAQ,CAAC,QAAQ,EACrB,KAAK,EAAE,YAAY,GAClB;IAAE,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,CA0GpD;AAGD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;CAmBvB,CAAC"}
@@ -0,0 +1,108 @@
1
+ import { getIconByName, listIcons } from "../db/queries.js";
2
+ import { generateReactComponent, generateSvg, generateVueComponent, } from "../parsers/icons-parser.js";
3
+ export function handleGetIcon(db, input) {
4
+ const { name, format = "all" } = input;
5
+ if (!name || name.trim().length === 0) {
6
+ return {
7
+ content: [
8
+ {
9
+ type: "text",
10
+ text: JSON.stringify({
11
+ error: "Please provide an icon name",
12
+ example: 'get_icon({ name: "ArrowArrowBottom16" })',
13
+ hint: 'Use search_icons to find icon names, e.g., search_icons({ query: "arrow" })',
14
+ }, null, 2),
15
+ },
16
+ ],
17
+ };
18
+ }
19
+ // Try exact match first
20
+ let icon = getIconByName(db, name);
21
+ // If not found, try with common size suffixes
22
+ if (!icon) {
23
+ for (const size of [16, 24, 32, 48, 64]) {
24
+ icon = getIconByName(db, `${name}${size}`);
25
+ if (icon)
26
+ break;
27
+ }
28
+ }
29
+ // Still not found - try to find similar icons
30
+ if (!icon) {
31
+ // Search for icons with similar names
32
+ const similarIcons = listIcons(db, { limit: 5 });
33
+ const namePattern = name.toLowerCase();
34
+ const matches = similarIcons.filter((i) => i.iconName.toLowerCase().includes(namePattern) || i.name.toLowerCase().includes(namePattern));
35
+ return {
36
+ content: [
37
+ {
38
+ type: "text",
39
+ text: JSON.stringify({
40
+ error: `Icon "${name}" not found`,
41
+ suggestions: matches.length > 0
42
+ ? matches.map((m) => m.name)
43
+ : ['Use search_icons to find icons, e.g., search_icons({ query: "arrow" })'],
44
+ }, null, 2),
45
+ },
46
+ ],
47
+ };
48
+ }
49
+ // Build response based on format
50
+ const parsedIcon = {
51
+ name: icon.name,
52
+ iconName: icon.iconName,
53
+ type: icon.type,
54
+ size: icon.size,
55
+ viewBox: icon.viewBox,
56
+ paths: icon.paths,
57
+ };
58
+ const response = {
59
+ name: icon.name,
60
+ iconName: icon.iconName,
61
+ type: icon.type,
62
+ size: icon.size,
63
+ viewBox: icon.viewBox,
64
+ };
65
+ if (format === "svg" || format === "all") {
66
+ response.svg = generateSvg(parsedIcon);
67
+ }
68
+ if (format === "react" || format === "all") {
69
+ response.react = generateReactComponent(parsedIcon);
70
+ }
71
+ if (format === "vue" || format === "all") {
72
+ response.vue = generateVueComponent(parsedIcon);
73
+ }
74
+ // Add raw paths for advanced usage
75
+ if (format === "all") {
76
+ response.rawPaths = icon.paths;
77
+ }
78
+ return {
79
+ content: [
80
+ {
81
+ type: "text",
82
+ text: JSON.stringify(response, null, 2),
83
+ },
84
+ ],
85
+ };
86
+ }
87
+ // Tool definition for MCP
88
+ export const getIconTool = {
89
+ name: "get_icon",
90
+ description: "Get a specific Mozaic icon by name with SVG markup and usage code for React/Vue",
91
+ inputSchema: {
92
+ type: "object",
93
+ properties: {
94
+ name: {
95
+ type: "string",
96
+ description: 'The icon name (e.g., "ArrowArrowBottom16", "Cart24", "User32")',
97
+ },
98
+ format: {
99
+ type: "string",
100
+ enum: ["svg", "react", "vue", "all"],
101
+ default: "all",
102
+ description: "Output format: svg, react, vue, or all",
103
+ },
104
+ },
105
+ required: ["name"],
106
+ },
107
+ };
108
+ //# sourceMappingURL=get-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-icon.js","sourceRoot":"","sources":["../../src/tools/get-icon.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,39 @@
1
+ import type Database from "better-sqlite3";
2
+ export interface GetInstallInfoInput {
3
+ component: string;
4
+ framework?: "vue" | "react";
5
+ packageManager?: "npm" | "yarn" | "pnpm";
6
+ }
7
+ export declare function handleGetInstallInfo(db: Database.Database, input: GetInstallInfoInput): {
8
+ content: Array<{
9
+ type: "text";
10
+ text: string;
11
+ }>;
12
+ };
13
+ export declare const getInstallInfoTool: {
14
+ name: string;
15
+ description: string;
16
+ inputSchema: {
17
+ type: "object";
18
+ properties: {
19
+ component: {
20
+ type: string;
21
+ description: string;
22
+ };
23
+ framework: {
24
+ type: string;
25
+ enum: string[];
26
+ default: string;
27
+ description: string;
28
+ };
29
+ packageManager: {
30
+ type: string;
31
+ enum: string[];
32
+ default: string;
33
+ description: string;
34
+ };
35
+ };
36
+ required: string[];
37
+ };
38
+ };
39
+ //# sourceMappingURL=get-install-info.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-install-info.d.ts","sourceRoot":"","sources":["../../src/tools/get-install-info.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAG3C,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;CAC1C;AAyCD,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,CAwHpD;AAGD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;CA0B9B,CAAC"}