Semantic Highlighter
🌈 Highlights similar variables on focus
Details
Installs
- Total 973
- Win 535
- Mac 240
- Linux 198
Oct 24 | Oct 23 | Oct 22 | Oct 21 | Oct 20 | Oct 19 | Oct 18 | Oct 17 | Oct 16 | Oct 15 | Oct 14 | Oct 13 | Oct 12 | Oct 11 | Oct 10 | Oct 9 | Oct 8 | Oct 7 | Oct 6 | Oct 5 | Oct 4 | Oct 3 | Oct 2 | Oct 1 | Sep 30 | Sep 29 | Sep 28 | Sep 27 | Sep 26 | Sep 25 | Sep 24 | Sep 23 | Sep 22 | Sep 21 | Sep 20 | Sep 19 | Sep 18 | Sep 17 | Sep 16 | Sep 15 | Sep 14 | Sep 13 | Sep 12 | Sep 11 | Sep 10 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 1 | 1 | 0 | 0 | 0 | 0 | 1 | 1 |
Mac | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 1 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 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 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 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