1 # Context Coloring [![Build Status](https://travis-ci.org/jacksonrayhamilton/context-coloring.png?branch=master)](https://travis-ci.org/jacksonrayhamilton/context-coloring) [![Coverage Status](https://coveralls.io/repos/jacksonrayhamilton/context-coloring/badge.svg?branch=master)](https://coveralls.io/r/jacksonrayhamilton/context-coloring?branch=master)
4 <img alt="Screenshot of JavaScript code highlighted by context." src="screenshot.png" title="Screenshot">
7 Highlights code by scope. Top-level scopes are one color, second-level scopes
8 are another color, and so on. Variables retain the color of the scope in which
9 they are defined. A variable defined in an outer scope referenced by an inner
10 scope is colored the same as the outer scope.
12 By default, comments and strings are still highlighted syntactically.
16 - Light and dark (customizable) color schemes.
18 - Script, function and block scopes (and even `catch` block scopes).
19 - Very fast for files under 1000 lines.
21 - `defun`, `lambda`, `let`, `let*`, `cond`, `condition-case`, quotes,
22 backquotes (and splicing).
23 - 25,000 lines per second!
29 JavaScript language support requires either [js2-mode][], or
30 [Node.js 0.10+][node] and the [scopifier][] executable.
34 - `M-x package-install RET context-coloring RET`
38 - Clone this repository.
42 git clone https://github.com/jacksonrayhamilton/context-coloring.git
45 - Byte-compile the package for improved speed.
52 - Add the following to your init file:
55 (add-to-list 'load-path "~/.emacs.d/context-coloring")
56 (require 'context-coloring)
59 ### Dependencies (js-mode)
62 npm install -g scopifier
67 Add the following to your init file:
71 (add-hook 'js-mode-hook 'context-coloring-mode)
74 (add-to-list 'auto-mode-alist '("\\.js\\'" . js2-mode))
75 (add-hook 'js2-mode-hook 'context-coloring-mode)
78 (add-hook 'emacs-lisp-mode-hook 'context-coloring-mode)
85 - `context-coloring-syntactic-comments` (default: `t`): If non-nil, also color
86 comments using `font-lock`.
87 - `context-coloring-syntactic-strings` (default: `t`): If non-nil, also color
88 strings using `font-lock`.
89 - `context-coloring-default-delay` (default: `0.25`; supported modes: `js-mode`,
90 `js3-mode`): Default (sometimes overridden) delay between a buffer update and
92 - `context-coloring-js-block-scopes` (default: `nil`; supported modes:
93 `js2-mode`): If non-nil, also color block scopes in the scope hierarchy in
98 Color schemes for custom themes are automatically applied when those themes are
99 active. Built-in theme support is available for: `ample`, `anti-zenburn`,
100 `grandshell`, `leuven`, `monokai`, `solarized`, `spacegray`, `tango` and
103 You can define your own theme colors too:
106 (context-coloring-define-theme
121 See `C-h f context-coloring-define-theme` for more info on theme parameters.
125 To add support for a new language, write a "scopifier" for it, and define a new
126 coloring dispatch strategy with `context-coloring-define-dispatch`. Then the
127 plugin should handle the rest. (See `C-h f context-coloring-define-dispatch`
128 for more info on dispatch strategies.)
130 A "scopifier" is a CLI program that reads a buffer's contents from stdin and
131 writes a JSON array of numbers to stdout. Every three numbers in the array
132 represent a range of color. For instance, if I fed the following string of
133 JavaScript code to a scopifier
136 var a = function () {};
139 then the scopifier would produce the following array
145 where, for every three numbers, the first number is a 1-indexed start [point][],
146 the second number is an exclusive end point, and the third number is a scope
147 level. The result of applying level 0 coloring to the range [1, 24) and
148 then applying level 1 coloring to the range [9, 23) would result in the
152 <img alt="Screenshot of ranges [1, 24) and [9, 23)." src="scopifier.png" title="Screenshot">
155 If there is an abstract syntax tree generator for your language, you can walk
156 the syntax tree, find variables and scopes, and build their positions and levels
157 into an array like the one above.
159 For example, a Ruby scopifier might be defined and implemented like this:
162 (context-coloring-define-dispatch
166 :command "/home/username/scopifier")
175 print scopifier ARGF.read
178 When a `--version` argument is passed, a scopifier should print its version
179 number and exit. This allows context-coloring to determine if an update is
182 Alternatively, you could implement a "colorizer" in Emacs Lisp. A colorizer
183 also handles the job of calling `context-coloring-colorize-region` to apply
184 colors to a buffer. A colorizer may have better performance than a scopifier
185 when parsing and coloring can be performed in the same pass.
187 [js2-mode]: https://github.com/mooz/js2-mode
188 [node]: http://nodejs.org/download/
189 [scopifier]: https://github.com/jacksonrayhamilton/scopifier
190 [point]: http://www.gnu.org/software/emacs/manual/html_node/elisp/Point.html