An utility to find hardcoded CSS colors in any project. A library to write your own project text search utility
npm install hardcodedDo you need to find all hardcoded colors to make sure you respect the theme variables across your project ?
Do you need to find all hardcoded strings in JSX elements to make sure everything is internationalized ?
Do you want to easily create a powerful new matching tool for your own hardcoded strings use case easily ?
Welcome to hardcoded, an utility and framework that implements this kind of use cases and allows you to easily implement your own.
- Command line
- Options
* Tools
+ --tool colors
+ --tool jsx-strings
- API
* Customize
- TODO / Ideas / Changelog / Other
``install it globally
npm i -g hardcoded
Options
* --help
* --format=plain|json|object (default: plain)
* --source=my/project (optional, defaults to current folder)
* --exclude=GLOB (can be passed multiple times)
* --include=GLOB (can be passed multiple times)
* --list (just list matching files)
* --noGitIgnore (if given it will not exclude .gitignore globs)
* --includeBinary (if given binary files will be included)
* --tool (The default tool is colors - see Tools section)
Tools
$3
The default tool. It searches for hardcoded CSS colors like
#ededed or rgb(1,2,3).It's useful when you want to make sure all colors are referenced from theme variables.
$3
It will find hardcoded text in JSX elements.
Useful when you want to make sure there are no hardcoded strings in an internationalized project.
API
`sh
npm install hardcoded
``See test.ts.
TODO / WIP
The idea is that you are able to enhance this library with plugins easily. If you solve another use case, being able to share a .js matcher file or (ideally) create your own hardcoded-my-cool-thing package.
Currently this is WIL and not possible, but the matching logic is isolated, see tools folder.