feat(@angular/cli): add style language detection to list_projects tool #31499
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This commit enhances the `list_projects` MCP tool by adding a `styleLanguage` field to the project output. This provides critical context for an AI model, enabling it to generate components with the correct stylesheet format (e.g., `.scss`, `.css`) without needing to parse additional configuration files. This makes the AI more autonomous and its code generation more accurate.
The detection logic uses a prioritized heuristic to determine the most likely style language:
1. Checks for a project-specific schematic setting in `angular.json`.
2. Checks for a workspace-level schematic setting.
3. Infers from the `build` target's `inlineStyleLanguage` option.
4. Infers from file extensions in the `build` target's `styles` array.
5. As a future-proof fallback, checks for the existence of an implicit `styles.{ext}` file in the project's source root.
The implementation was also refactored to use a single Zod schema as the source of truth for valid style languages, improving maintainability and eliminating repetitive code.
angular-robot
bot
added
detected: feature
clydin
added
the
action: review
jkrems
approved these changes
Oct 16, 2025
| import { McpToolContext, declareTool } from './tool-registry'; | ||
|
|
||
| // Single source of truth for what constitutes a valid style language. | ||
| const styleLanguageSchema = z.enum(['css', 'scss', 'sass', 'less']); |
There was a problem hiding this comment.
Should we include tailwind here already or would that depend on support in the app creation flow first?
There was a problem hiding this comment.
Was going to handle tailwind separate since the heuristics are more complicated and i'm undecided on whether it should be represented here or in another form.
clydin
added
action: merge
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This commit enhances the
list_projectsMCP tool by adding astyleLanguagefield to the project output. This provides critical context for an AI model, enabling it to generate components with the correct stylesheet format (e.g.,.scss,.css) without needing to parse additional configuration files. This makes the AI more autonomous and its code generation more accurate.The detection logic uses a prioritized heuristic to determine the most likely style language:
angular.json.buildtarget'sinlineStyleLanguageoption.buildtarget'sstylesarray.styles.{ext}file in the project's source root.