Semantic Highlighter
🌈 Highlights similar variables on focus
Details
Installs
- Total 1K
- Win 562
- Mac 247
- Linux 210
Apr 19 | Apr 18 | Apr 17 | Apr 16 | Apr 15 | Apr 14 | Apr 13 | Apr 12 | Apr 11 | Apr 10 | Apr 9 | Apr 8 | Apr 7 | Apr 6 | Apr 5 | Apr 4 | Apr 3 | Apr 2 | Apr 1 | Mar 31 | Mar 30 | Mar 29 | Mar 28 | Mar 27 | Mar 26 | Mar 25 | Mar 24 | Mar 23 | Mar 22 | Mar 21 | Mar 20 | Mar 19 | Mar 18 | Mar 17 | Mar 16 | Mar 15 | Mar 14 | Mar 13 | Mar 12 | Mar 11 | Mar 10 | Mar 9 | Mar 8 | Mar 7 | Mar 6 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 |
Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Readme
- Source
- raw.githubusercontent.com
Semantic Highlighter
🌈 Highlights similar variables on focus
It underlines variables with the same string (for now). Sublime does this by double-clicking a word but why do two if you can do one!
oooh but that is not “semantic”.. - a wise man
Sure. Here are suggestions for you though.
- Use a different package
- Modify your color scheme file using Sublime's “Hashed Syntax Highlighting”
- use VS Code
Installation
- Install from
packagecontrol.io
or unpack the zip in your packages directory
Usage
- Move your cursor to a variable using the following:
- Mouse 🖱
- Arrow keys ⌨
- See colored underlines.
Features
- See beautiful colors 🌈
- Lessens stress (especially when accompanied with ☕)
- Improve understanding of your co-worker's gibberish code 😒
- Easily see where that variable has been hiding 👀
Commands
semantic_highlighter_jump
(ctrl+l
,ctrl+j
) Jump to the next variable in scopesemantic_highlighter_edit
(ctrl+l
,ctrl+e
) Edit all the similar variables in scope
The color-scheme file
The package comes with a customizable template color scheme that has 144 varying HSL representations. For now, I simply fetch a random number and match it.
Creating a custom analyzer
The plugin will highlight symbols based on an analyzer. Since I cannot do every programming language, you can further improve variable detection by creating your own language analyzer.
For a quick intro, the analyzer class has a getBlockScope
method that should return one of the following:
- A scope name string of the block the symbol belongs to
None
if the selection is a valid symbol but does not belong to any blocks (i.e. global variable)False
if the selection is not a valid symbol
To understand how “scopes” work, check out the following links:
Included analyzers
- A generic fallback analyzer
- Python
- PHP
- Javascript
- Vue
Support
You can always support me via Github Sponsors, Patreon or Ko-fi
License
Links
InspiredFrustrated by Sublime Color-coder- Read about Semantic Highlighting