Add canonical class diagnostics #1475
Merged
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
thecrypticace
force-pushed
the
feat/canonical-diagnostic
branch
from
0866277 to
288d027
Compare
thecrypticace
force-pushed
the
feat/canonical-diagnostic
branch
from
288d027 to
310167e
Compare
RobinMalfait
approved these changes
Oct 7, 2025
|
are there any plans for a codemod to autofix canonical warns? we have a large monorepo with upwards of hundreds of files that could be automatically cleaned up with the help of a codemod |
Contributor
Author
|
The upgrade tool does this already — you can re-run it against your v4 codebase: |
|
thanks, this worked great! 🤗 maybe worth separate issue, but it would be nice to have this as part of the prettier plugin and be able to autofix canonical warns outside the codemod |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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 feature, when used with a new enough Tailwind CSS version (v4.1.15+), allows IntelliSense to detect when a utility you've written could be written in a more succinct / optimal fashion. These suggestions are unique to your project so if you customize your theme that will be taken into account.
It can suggest utilities that match arbitrary ones:
It can also match arbitrary values against values in your theme:
This includes matching against custom theme values in your project:
It even works for variants:
And of course it works for both simultaneously:
When presented with one of these diagnostics it will also have an accompanying code action that lets you replace the class:
Note: Matching is done with mostly exact values to your theme so colors that parse to the same value but don't match won't necessarily be suggested. This is a possible future improvement but requires some design work in Tailwind CSS itself.