igniteui-theming 25.1.0 → 25.2.0

package/dist/mcp/tools/handlers/resource.js

@@ -1,33 +1,24 @@
-import { getResourceContent, RESOURCE_DEFINITIONS } from "../../resources/presets.js";
+import { RESOURCE_DEFINITIONS, getResourceContent } from "../../resources/presets.js";
+import "../../resources/index.js";
+//#region src/tools/handlers/resource.ts
+/**
+* Handler for read_resource tool.
+* Reads theming resource content by URI, bypassing the custom protocol scheme.
+*/
 async function handleReadResource(params) {
-  const { uri } = params;
-  const content = getResourceContent(uri);
-  if (!content) {
-    const available = RESOURCE_DEFINITIONS.map(
-      (r) => `  - ${r.uri}: ${r.name}`
-    ).join("\n");
-    return {
-      content: [
-        {
-          type: "text",
-          text: `Resource not found: ${uri}
-
-Available resources:
-${available}`
-        }
-      ],
-      isError: true
-    };
-  }
-  return {
-    content: [
-      {
-        type: "text",
-        text: content.content
-      }
-    ]
-  };
+	const { uri } = params;
+	const content = getResourceContent(uri);
+	if (!content) return {
+		content: [{
+			type: "text",
+			text: `Resource not found: ${uri}\n\nAvailable resources:\n${RESOURCE_DEFINITIONS.map((r) => `  - ${r.uri}: ${r.name}`).join("\n")}`
+		}],
+		isError: true
+	};
+	return { content: [{
+		type: "text",
+		text: content.content
+	}] };
 }
-export {
-  handleReadResource
-};
+//#endregion
+export { handleReadResource };

package/dist/mcp/tools/handlers/theme.js

@@ -1,106 +1,89 @@
 import { generateTheme } from "../../generators/sass.js";
-import "../../knowledge/colors.js";
-import "../../knowledge/component-metadata.js";
-import "../../knowledge/custom-palettes.js";
-import "../../utils/types.js";
-import "../../knowledge/palettes.js";
-import "node:fs";
-import "node:path";
-import "../../utils/color.js";
-import { validatePaletteColors, analyzeThemeColorsForPalette, generateWarningComments, generatePaletteSuitabilityComments, formatValidationResult, formatPaletteSuitabilityWarnings } from "../../validators/palette.js";
+import { analyzeThemeColorsForPalette, formatPaletteSuitabilityWarnings, formatValidationResult, generatePaletteSuitabilityComments, generateWarningComments, validatePaletteColors } from "../../validators/palette.js";
+import "../../validators/index.js";
+//#region src/tools/handlers/theme.ts
+/**
+* Handler for create_theme tool.
+*/
 async function handleCreateTheme(params) {
-  const variant = params.variant ?? "light";
-  const validation = await validatePaletteColors({
-    variant,
-    surface: params.surfaceColor
-  });
-  const suitabilityAnalysis = await analyzeThemeColorsForPalette({
-    primary: params.primaryColor,
-    secondary: params.secondaryColor,
-    surface: params.surfaceColor
-  });
-  const result = generateTheme({
-    platform: params.platform,
-    licensed: params.licensed,
-    designSystem: params.designSystem,
-    primaryColor: params.primaryColor,
-    secondaryColor: params.secondaryColor,
-    surfaceColor: params.surfaceColor,
-    variant: params.variant,
-    name: params.name,
-    fontFamily: params.fontFamily,
-    includeTypography: params.includeTypography,
-    includeElevations: params.includeElevations,
-    includeSpacing: params.includeSpacing
-  });
-  let finalCode = result.code;
-  const allWarningComments = [];
-  if (!validation.isValid) {
-    allWarningComments.push(...generateWarningComments(validation));
-  }
-  if (!suitabilityAnalysis.allSuitable) {
-    allWarningComments.push(
-      ...generatePaletteSuitabilityComments(suitabilityAnalysis)
-    );
-  }
-  if (allWarningComments.length > 0) {
-    const lines = finalCode.split("\n");
-    const useIndex = lines.findIndex(
-      (line) => line.startsWith("@use '") || line.startsWith('@use "')
-    );
-    if (useIndex > 0) {
-      lines.splice(useIndex, 0, ...allWarningComments, "");
-      finalCode = lines.join("\n");
-    }
-  }
-  const responseParts = [result.description];
-  let platformNote = "";
-  switch (params.platform) {
-    case "angular":
-      platformNote = "Platform: Ignite UI for Angular";
-      break;
-    case "webcomponents":
-      platformNote = "Platform: Ignite UI for Web Components";
-      break;
-    case "react":
-      platformNote = "Platform: Ignite UI for React";
-      break;
-    case "blazor":
-      platformNote = "Platform: Ignite UI for Blazor";
-      break;
-    case "generic":
-      platformNote = "Platform: Ignite UI Theming (Standalone)";
-      break;
-    default:
-      platformNote = "Platform: Not specified (generic output). Specify `platform` for optimized code.";
-      break;
-  }
-  responseParts.push("");
-  responseParts.push(platformNote);
-  const validationText = formatValidationResult(validation);
-  if (validationText) {
-    responseParts.push("");
-    responseParts.push(validationText);
-  }
-  if (!suitabilityAnalysis.allSuitable) {
-    responseParts.push("");
-    responseParts.push(formatPaletteSuitabilityWarnings(suitabilityAnalysis));
-  }
-  responseParts.push("");
-  responseParts.push(`Variables created/used: ${result.variables.join(", ")}`);
-  responseParts.push("");
-  responseParts.push("```scss");
-  responseParts.push(finalCode.trimEnd());
-  responseParts.push("```");
-  return {
-    content: [
-      {
-        type: "text",
-        text: responseParts.join("\n")
-      }
-    ]
-  };
+	const validation = await validatePaletteColors({
+		variant: params.variant ?? "light",
+		surface: params.surfaceColor
+	});
+	const suitabilityAnalysis = await analyzeThemeColorsForPalette({
+		primary: params.primaryColor,
+		secondary: params.secondaryColor,
+		surface: params.surfaceColor
+	});
+	const result = generateTheme({
+		platform: params.platform,
+		licensed: params.licensed,
+		designSystem: params.designSystem,
+		primaryColor: params.primaryColor,
+		secondaryColor: params.secondaryColor,
+		surfaceColor: params.surfaceColor,
+		variant: params.variant,
+		name: params.name,
+		fontFamily: params.fontFamily,
+		includeTypography: params.includeTypography,
+		includeElevations: params.includeElevations,
+		includeSpacing: params.includeSpacing
+	});
+	let finalCode = result.code;
+	const allWarningComments = [];
+	if (!validation.isValid) allWarningComments.push(...generateWarningComments(validation));
+	if (!suitabilityAnalysis.allSuitable) allWarningComments.push(...generatePaletteSuitabilityComments(suitabilityAnalysis));
+	if (allWarningComments.length > 0) {
+		const lines = finalCode.split("\n");
+		const useIndex = lines.findIndex((line) => line.startsWith("@use '") || line.startsWith("@use \""));
+		if (useIndex > 0) {
+			lines.splice(useIndex, 0, ...allWarningComments, "");
+			finalCode = lines.join("\n");
+		}
+	}
+	const responseParts = [result.description];
+	let platformNote = "";
+	switch (params.platform) {
+		case "angular":
+			platformNote = "Platform: Ignite UI for Angular";
+			break;
+		case "webcomponents":
+			platformNote = "Platform: Ignite UI for Web Components";
+			break;
+		case "react":
+			platformNote = "Platform: Ignite UI for React";
+			break;
+		case "blazor":
+			platformNote = "Platform: Ignite UI for Blazor";
+			break;
+		case "generic":
+			platformNote = "Platform: Ignite UI Theming (Standalone)";
+			break;
+		default:
+			platformNote = "Platform: Not specified (generic output). Specify `platform` for optimized code.";
+			break;
+	}
+	responseParts.push("");
+	responseParts.push(platformNote);
+	const validationText = formatValidationResult(validation);
+	if (validationText) {
+		responseParts.push("");
+		responseParts.push(validationText);
+	}
+	if (!suitabilityAnalysis.allSuitable) {
+		responseParts.push("");
+		responseParts.push(formatPaletteSuitabilityWarnings(suitabilityAnalysis));
+	}
+	responseParts.push("");
+	responseParts.push(`Variables created/used: ${result.variables.join(", ")}`);
+	responseParts.push("");
+	responseParts.push("```scss");
+	responseParts.push(finalCode.trimEnd());
+	responseParts.push("```");
+	return { content: [{
+		type: "text",
+		text: responseParts.join("\n")
+	}] };
 }
-export {
-  handleCreateTheme
-};
+//#endregion
+export { handleCreateTheme };

package/dist/mcp/tools/handlers/typography.js

@@ -1,33 +1,32 @@
-import { generateTypography } from "../../generators/sass.js";
 import { PLATFORM_METADATA } from "../../knowledge/platforms/index.js";
+import { generateTypography } from "../../generators/sass.js";
+//#region src/tools/handlers/typography.ts
+/**
+* Handler for create_typography tool.
+*/
 function handleCreateTypography(params) {
-  const result = generateTypography({
-    platform: params.platform,
-    licensed: params.licensed,
-    fontFamily: params.fontFamily,
-    designSystem: params.designSystem,
-    customScale: params.customScale,
-    name: params.name
-  });
-  const responseParts = [result.description];
-  const platformNote = params.platform ? `Platform: ${PLATFORM_METADATA[params.platform]?.name ?? params.platform}` : "Platform: Not specified (generic output). Specify `platform` for optimized code.";
-  responseParts.push("");
-  responseParts.push(platformNote);
-  responseParts.push("");
-  responseParts.push(`Variables used: ${result.variables.join(", ")}`);
-  responseParts.push("");
-  responseParts.push("```scss");
-  responseParts.push(result.code.trimEnd());
-  responseParts.push("```");
-  return {
-    content: [
-      {
-        type: "text",
-        text: responseParts.join("\n")
-      }
-    ]
-  };
+	const result = generateTypography({
+		platform: params.platform,
+		licensed: params.licensed,
+		fontFamily: params.fontFamily,
+		designSystem: params.designSystem,
+		customScale: params.customScale,
+		name: params.name
+	});
+	const responseParts = [result.description];
+	const platformNote = params.platform ? `Platform: ${PLATFORM_METADATA[params.platform]?.name ?? params.platform}` : "Platform: Not specified (generic output). Specify `platform` for optimized code.";
+	responseParts.push("");
+	responseParts.push(platformNote);
+	responseParts.push("");
+	responseParts.push(`Variables used: ${result.variables.join(", ")}`);
+	responseParts.push("");
+	responseParts.push("```scss");
+	responseParts.push(result.code.trimEnd());
+	responseParts.push("```");
+	return { content: [{
+		type: "text",
+		text: responseParts.join("\n")
+	}] };
 }
-export {
-  handleCreateTypography
-};
+//#endregion
+export { handleCreateTypography };

package/dist/mcp/tools/index.js

@@ -0,0 +1,13 @@
+import "./handlers/color.js";
+import "./handlers/component-theme.js";
+import "./handlers/component-tokens.js";
+import "./handlers/custom-palette.js";
+import "./handlers/elevations.js";
+import "./handlers/layout.js";
+import "./handlers/palette.js";
+import "./handlers/platform.js";
+import "./handlers/resource.js";
+import "./handlers/theme.js";
+import "./handlers/typography.js";
+import "./handlers/index.js";
+import "./schemas.js";