Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kapitanluffy/sublime-semantic-highlighter

🌈 Highlights similar variables on focus
https://github.com/kapitanluffy/sublime-semantic-highlighter

analyzer color-scheme plugin semantic sublime sublime-text sublime-text-plugin theme

Last synced: about 1 month ago
JSON representation

🌈 Highlights similar variables on focus

Host: GitHub
URL: https://github.com/kapitanluffy/sublime-semantic-highlighter
Owner: kapitanluffy
License: mit
Created: 2019-10-28T16:34:10.000Z (almost 5 years ago)
Default Branch: master
Last Pushed: 2023-04-23T18:35:00.000Z (over 1 year ago)
Last Synced: 2024-05-01T22:48:27.745Z (4 months ago)
Topics: analyzer, color-scheme, plugin, semantic, sublime, sublime-text, sublime-text-plugin, theme
Language: Python
Homepage:
Size: 505 KB
Stars: 12
Watchers: 3
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-pinoy-made - GitHub

README

        #### 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](https://github.com/vprimachenko/Sublime-Colorcoder)

- Modify your color scheme file using Sublime's "[Hashed Syntax Highlighting](https://www.sublimetext.com/docs/3/color_schemes.html#hashed_syntax_highlighting)"

- use VS Code





    



    



    



    



    



##### Installation

- Install from `packagecontrol.io` or unpack the [zip](https://github.com/kapitanluffy/sublime-semantic-highlighter/archive/master.zip) in your packages directory

##### Usage

1. Move your cursor to a variable using the following:

    - Mouse 🖱

    - Arrow keys ⌨

2. See colored underlines.

![Preview](preview.gif)

##### 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:

- [Scope Naming](https://www.sublimetext.com/docs/3/scope_naming.html).

- [Selectors](https://www.sublimetext.com/docs/3/selectors.html)

##### Included analyzers

- A generic *fallback* analyzer

- Python

- PHP

- Javascript

- Vue

##### Support

You can always support me via [Github Sponsors](https://github.com/sponsors/kapitanluffy), [Patreon](https://www.patreon.com/kapitanluffy) or [Ko-fi](https://www.ko-fi.com/kapitanluffy)

##### License

[MIT](LICENSE)

##### Links

- ~~Inspired~~ Frustrated by [Sublime Color-coder](https://github.com/vprimachenko/Sublime-Colorcoder)

- Read about [Semantic Highlighting](https://zwabel.wordpress.com/2009/01/08/c-ide-evolution-from-syntax-highlighting-to-semantic-highlighting/)