Semantic Coding

With Dark Theme

package enables semantic highlighting for JavaScript code. Identifiers are highlighted in different colors (the same identifier always in the same color) while everything else (like language keywords) is displayed in various shades of gray. This approach runs contrary to classical ideas about syntax highlighting but is rapidly becoming very popular.

In addition to being a useful tool for actual, productive JavaScript coding, the package also demonstrates some techniques that might serve other developers when creating similar packages for other languages:

  • Advanced use of Less to dynamically create a syntax theme that goes well with the existing one
  • A language grammar that is defined programmatically rather than through a .cson grammar file
  • Connecting an external parser (Acorn in this case)
  • Support for tokenizing unterminated multi-line comments (required to allow incremental, i.e. line-by-line, tokenizing)
  • Reverting to regex- rather than eval-based keyword recognition to work around Atom Shell's CSP restrictions (this problem is being tracked in )

As a result, this package ships with a modified version of Acorn, but it would be preferable if those issues could be worked out so that Acorn can be pulled from npm in the future.

See also:
You might also like
Video Demo - semSMT: Source Code Migration with Semantic
Video Demo - semSMT: Source Code Migration with Semantic ...
Semantic Code Camp, Business of Semantics, Daniella
Semantic Code Camp, Business of Semantics, Daniella ...
DXR: Semantic Code Browsing with Clang
DXR: Semantic Code Browsing with Clang
Related Posts