Tabular Eye

https://plugins.jetbrains.com/plugin/31443-tabular-eye

Renders certain code blocks in two columns without adding whitespace and supports proportional fonts.

• JS/TS/JSON object literals
• JS/TS 2D arrays
• JS/TS imports
• JS/TS single line if chains
• TS interfaces
• CSS properties
• Python dataclasses
• Python dictionary literals
• Python keyword args
• YAML objects
• YAML lists (for non-monospace fonts)
• Nginx directives
• SQL tables
• C and Go (for non-monospace fonts on already whitespace tabularized code)

Syntax Eye: There's another settings panel, which lets you add a configurable syntax highlight style (Faint Text) to a list of a words you can specify. For example, in the nginx code base, there are a lot of NGX_ prefixes, so I make them faint so I can scan the code faster.

Demo

JS

CSS

Credits

The idea for this plugin came from these projects:

• https://nick-gravgaard.com/elastic-tabstops/
• JetBrains MPS decision tables
• JetBrains CSV tabular rendering

---

Development

./gradlew runIde

./gradlew buildPlugin

The resulting ZIP: build/distributions/tabular-eye-1.0-SNAPSHOT.zip

---

Plugin based on the IntelliJ Platform Plugin Template.