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


by aparajita ST2/ST3

Cappuccino bundle for Sublime Text


  • 2 2014.
    3 1.1.2
  • github.​com
  • github.​com
  • 3 years ago
  • 1 hour ago
  • 6 years ago


  • Total 2K
  • Win 573
  • OS X 979
  • Linux 268
Oct 20 Oct 19 Oct 18 Oct 17 Oct 16 Oct 15 Oct 14 Oct 13 Oct 12 Oct 11 Oct 10 Oct 9 Oct 8 Oct 7 Oct 6 Oct 5 Oct 4 Oct 3 Oct 2 Oct 1 Sep 30 Sep 29 Sep 28 Sep 27 Sep 26 Sep 25 Sep 24 Sep 23 Sep 22 Sep 21 Sep 20 Sep 19 Sep 18 Sep 17 Sep 16 Sep 15 Sep 14 Sep 13 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8 Sep 7 Sep 6
Windows 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2 0 0 0 0 0 0 0
OS X 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 1 0 0 2 1 1 1 1 1 0 0 0 0 0 1 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0



Cappuccino support for ST3

Build Status

This language bundle for Sublime Text 3 provides extensive support for Cappuccino, including:

  • Full syntax highlighting for Objective-J source (.j files)
  • Symbol lists which include classes, protocols, methods, macro functions, and Javascript functions
  • Smart balancing of square brackets in message sends
  • Smart alignment of ':' parameter separators
  • Many snippets to reduce typing

NOTE: This version is for Sublime Text 3, the Sublime Text 2 version is here.


Please use Package Control to install this bundle. This will ensure that the bundle will be updated when new versions are available. If you want to install from source so you can modify the source code, you probably know what you are doing so we won’t cover that here.

To install via Package Control, do the following:

  1. Within Sublime Text, bring up the Command Palette and type install. Among the commands you should see Package Control: Install Package. If that command is not highlighted, use the keyboard or mouse to select it. There will be a pause of a few seconds while Package Control fetches the list of available plugins.

  2. When the plugin list appears, type cappuccino. Among the entries you should see Cappuccino. If that entry is not highlighted, use the keyboard or mouse to select it.

Once the bundle is installed, to take advantage of the smart bracket balancing, you will need to install ruby. On Mac OS X, ruby is already installed. On Linux and Windows, you can follow the installation instructions here. To specify the path to particular ruby, use the ruby_path setting, as described below.

Smart bracket balancing

If you have ruby installed, whenever you type ] the current line of code is parsed and an attempt is made to determine if you are closing an Objective-J message send, and if so inserts a [ in the appropriate place and adds a space before the ]. For example, if you have typed

var dict = [CPDictionary alloc]

then type ], the parser will figure out that you are making a nested message send, and will change the line to:

var dict = [[CPDictionary alloc] ]

and place the cursor just before the second ]. The parser will also handle a case like this:

var b = [self bar];

Let's assume you realize that self needs to be [self foo], you can place the cursor to the right of self and type ]. The parser will change the line to

var b = [[self ] bar];

with the cursor just before the first ]. Very handy!

Smart ':' alignment

Here's a common scenario: you want to send the message doSomething:withOneThing:andAnother:andOneMoreThing:. You know that it will be easier to read if you split it up into multiple lines. But the Cappuccino/Cocoa coding standard is to align colons on message sends split over multiple lines. You can do this manually, but it’s a pain.

This bundle automatically aligns colons as you type. For example, you start typing:

[self doSomething:something]

Then you press Return and type withOneThing. At this point, assuming you have auto indentation on, you will have:

[self doSomething:something

Normally, you would have to back up and insert space in front of withOneThing to line up the end of that word with the end of doSomething on the line above. But with this bundle, when you type :, the line is aligned for you:

[self doSomething:something

The cursor is after the :, so you can keep typing. This also works when typing method declarations, and actually works whenever you type : on a line within a method declaration or message send if there are no preceding square brackets on the line.

If you have an existing method declaration or message send that you want to split into multiple lines, you no longer have to manually line up the colons. If you place the cursor anywhere in within a method parameter and press Enter/Return, a colon to the right is aligned with the first colon in the method name.

For example, given this method declaration:

- (void)doSomething:(CPString)something withOneThing:(CPObject)oneThing andAnother:(CPArray)another

if you place the cursor before withOneThing (or anywhere in the whitespace before it) and press Enter/Return, the line is wrapped to align the colons:

- (void)doSomething:(CPString)something
       withOneThing:(CPObject)oneThing andAnother:(CPArray)another

Note that the anchor point for the align is the colon after the first method parameter on the line, so in the example above, if you had placed the cursor before andAnother, you would get this:

- (void)doSomething:(CPString)something withOneThing:(CPObject)oneThing

Wrapping of existing lines also works with message sends, so given this:

[self doSomething:something withOneThing:one andAnother:another];

if you place the cursor before withOneThing (or within the whitespace before it) and press Enter/Return, you get:

[self doSomething:something
         withOneThing:one andAnother:another];

Note that within message sends, alignment occurs with the closest containing message send, so for example if you are typing this, with the cursor just after bar on the second line:

[self doSomething:something withOneThing:one andAnother:[self foo:woo

when you type : you will get this:

[self doSomething:something withOneThing:one andAnother:[self foo:woo

because the alignment is with the closest containing message send.

Symbol lookup

On Mac OS X, this bundle provides documentation lookup for symbols using Dash. The symbol that is looked up depends on the current selection (or the first selection if there are multiple selections):

  • If the selection, expanded to word boundaries, begins with “CP”, and is not within a method or protocol declaration, the word is looked up. This is ideal for looking up constants.

  • If the selection is within a method, the containing method and its class or protocol is looked up.

  • If the selection is not within a method, the containing class or protocol is looked up.

  • If the selection is within Objective-J source, the selected text is looked up.

A “CP” name prefix is converted to “NS” for the lookup.


Settings control the behavior of this bundle. The default settings with descriptions can be viewed by selecting the menu Preferences->Package Settings->Cappuccino->Settings - Default. You should never edit this file, it is there only for reference. A copy of the default settings is copied to the Sublime Text “User” directory when this language bundle is loaded. An existing user settings file is not overwritten.


If you want to use a particular instance of ruby for smart bracket balancing, or if the bundle has trouble finding your system’s default ruby, you can set a path to a ruby executable in this setting. If using backslashes on Windows, be sure to double them. Note that ~ will be converted into the path to your home directory.

"ruby_path": "~/.rbenv/shims/ruby"
"ruby_path": "c:\\ruby\\ruby.exe"


This bundle provides a large variety of snippets to handle common Cappuccino coding tasks.


Trigger Name
pt CGPointEqualToPoint
pt CGPointMake
pt CGPointMakeZero
rect CGRectMake
rect CGRectMakeZero


Trigger Name
color CPColor clear
color CPColor hex
color CPColor random
color CPColor rgb float
color CPColor rgb int
color CPColor white float
color CPColor white int


Trigger Name
db debugger
di dump inset to console
dp dump point to console
dr dump rect to console
ds dump size to console
log console.log


Trigger Name
mbl setAutoresizingMask: bottom left
mbr setAutoresizingMask: bottom right
mc setAutoresizingMask: center
mf setAutoresizingMask: full resize
mhl setAutoresizingMask: resize height left
mhr setAutoresizingMask: resize height right
mtl setAutoresizingMask: top left
mtr setAutoresizingMask: top right
mwb setAutoresizingMask: resize width bottom
mwt setAutoresizingMask: resize width top


Trigger Name
ac action method
acc @accessors
asv add subview
cat new category
cl new class
delr delegate responds to selector
gs getter/setter
imp import “…”
imp import <…>
init -init
init -initWithFrame
init -initWithFrame method
mark pragma mark -
res responds to selector
sel @selector
shadow add text shadow to CPControl
text new editable text field
text new label


If you would like to contribute enhancements or fixes, please do the following:

  1. Fork the plugin repository.
  2. Hack on a separate topic branch created from the latest master.
  3. Commit and push the topic branch.
  4. Make a pull request.
  5. Be patient. ;-)

Please note that modications should follow these coding guidelines:

  • Indent is 4 spaces.
  • Code should pass flake8 linter.
  • Vertical whitespace helps readability, don’t be afraid to use it.

Thank you for helping out!