Skip to content

VSCode: Highlights everything based on current selected block.

License

Notifications You must be signed in to change notification settings

the-e3n/block-highlighter

Repository files navigation

Version Downloads License Issues Rating

drawing

Block Highlighter (TS/JS,JSX/TSX) README

Highlights the current block of code that contains the cursor.

Download 🔗

😤 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

Color is 10 red, 253 green, 255 blue, 0.04 alpha

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: {"{": "}","[": "]","(": ")"}

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)

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.

About

VSCode: Highlights everything based on current selected block.

Resources

License

Stars

Watchers

Forks

Packages

No packages published