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