Highlight Dynamic
Highlight dynamic placeholders like ${} and {{}} inside your files!
Features
- Highlights
${} style (JavaScript/TypeScript/JSON)
- Highlights
{{}} style (Handlebars, templates)
- Hover shows info
- Works live while editing
- Adds a button in the status bar
Usage
- Open any text/code file
- Click the
🔍 Highlight Vars status bar button
- Or run the command
Highlight Dynamic Placeholders from Command Palette
Extension Settings
Settings
You can customize the colors and visibility of highlights in your VS Code settings:
| Setting |
Type |
Default |
Description |
highlightDynamic.doubleBraceColor |
string |
rgba(255, 165, 0, 0.3) |
Background color for {{}} placeholders |
highlightDynamic.singleBraceColor |
string |
rgba(255, 255, 0, 0.3) |
Background color for {} placeholders |
highlightDynamic.commentColor |
string |
rgba(0, 255, 255, 0.2) |
Background color for comments |
highlightDynamic.showDoubleBrace |
boolean |
true |
Show/hide {{}} placeholder highlights |
highlightDynamic.showSingleBrace |
boolean |
true |
Show/hide {} placeholder highlights |
highlightDynamic.showComments |
boolean |
true |
Show/hide comment highlights |
4. For your side view list filtering (if you already have the tree view), filter the list based on these toggles by reading config similarly.
If you want, I can help you with full updated code for:
package.json with settingsextension.ts with dynamic color and toggle support- README.md updates
Would you like me to prepare that?
Known Issues
- Doesn't support multiline placeholders yet
Release Notes
0.0.1
Author
Created with ❤️ by Soab Mahmud Syfuddhin
| |
