😤 No more looking for where brackets are and where this block ends
🌈 Imagine this: Your cursor becomes the magic wand, and the code around it comes to life with vibrant highlights! 💡⚡️ Whether you're debugging, exploring, or just admiring your masterpiece, this extension adds a touch of brilliance to your coding experience.
🚀 Features:
Dynamic highlighting based on cursor position
Customizable color for that personal touch
Effortless integration with your existing VSCode setup
Support for JSX/TSX and React Native files
No more squinting at brackets or scrolling up and down to find the start and end of a block
Zero configuration needed for most languages
EXAMPLES
Extension Settings
This extension contributes the following settings:
blockHighlighter.background: Change the highlight
color. Format: #ffffffaa or [10,253,255,0.05]
blockHighlighter.omit: Array of languages that will
not be parsed by this extension
blockHighlighter.isWholeLine: Option to highlight
the entire line or only the text
blockHighlighter.accentCurrentLine: Option to
choose to accent the current line more intensely
than the rest of the block
blockHighlighter.openingBrackets:Starting token/character that the extension will consider as start of the block. Default:
["{","[","("]
blockHighlighter.closingBrackets: Map of starting tokens to Ending token/character that the extension will consider as end of the block. Default: {"{": "}","[": "]","(": ")"}
blockHighlighter.singleLineComment: Array of
single line comment tokens that will be ignored by the extension. Default: ["//"]
blockHighlighter.multiLineCommentStart: Array of
multi line comment tokens that will be ignored by the extension. Default: ["/*"]
blockHighlighter.multiLineCommentEnd: Array of
multi line comment tokens that will be ignored by the extension. Default: ["*/"]
blockHighlighter.stringLiterals: Array of string
literal tokens whose pairs will be ignored by the extension. Default: ['"', "'", '`']
Supported Languages
JavaScript like languages (JS,TS,C,Java,C=++ etc where {,},[,],(,) are used as block delimiters)
JSX/TSX (Highlighting is based on the Current selected component)
React Native (Same as JSX/TSX)
Any other language that has some form of block delimiters
The extension is language agnostic and will work with any language that has some form of block delimiters. The default settings should work for most languages, but you can customize the settings to suit your needs.
HTML/CSS/XML - The extension will not work with these languages for now. If you want support for these languages, please raise an issue on github and I will try to add support for them.
Changelog
For the changelog, please refer to the CHANGELOG.md file
Known Issues
None, Currently but if you find any please let me know by raising an issue on github
Basic Telemetry Collection
This extension collects basic telemetry provided by VSCode to track the number of users and the configuration used. This data is used to improve the extension and provide better support to the users. No personal data is collected. You can opt-out of telemetry by disabling it in vscode settings. You can also get your data or ask to delete it by contacting me through github.
