ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Semantic Highlighter

by kapitanluffy ST3

🌈 Highlights similar variables on focus

Labels text navigation

Details

Installs

  • Total 1K
  • Win 574
  • Mac 254
  • Linux 222
Jul 31 Jul 30 Jul 29 Jul 28 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
Windows 0 0 0 0 0 2 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 1 1 0 0 0 0 0 0 0 0 0 1 0 0 0
Mac 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 2 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 1 0 0 0 0
Linux 0 0 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 1 0 0 0 0 0 0 0 0 1 1 0 1 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.

Installation
  • Install from packagecontrol.io or unpack the zip in your packages directory
Usage
  1. Move your cursor to a variable using the following:
- Mouse 🖱
- Arrow keys ⌨
  1. See colored underlines.

Preview

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 scope

  • semantic_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

MIT

Links