Code Style

elementary.io Blog Human Interface Guidelines Contributor Guide
Search…
Code Style
Recommendations for clean code bases
Internally, elementary uses the following code style guide to ensure that code is consistently formatted both internally and across projects. Consistent and easily-legible code makes it easier for newcomers to learn and contribute. We'd like to recommend that in the spirit of Open Source collaboration, all Vala apps written in the wider ecosystem also follow these guidelines.
Whitespace
White space comes before opening parentheses or braces:
1
public string get_text () {}
2
if (a == 5) {
3
    return 4;
4
}
5
​
6
for (i = 0; i < maximum; i++) {}
7
my_function_name ();
8
var my_instance = new Object ();
Copied!
An exception is admitted for Gettext-localized strings, where no space should go between the underscore and the opening parenthese:
1
// Space before parentheses since it's normal method:
2
button.label = set_label_string ();
3
// No space before parentheses since it's gettext-localized string:
4
button.tooltip_text = _("Download");
Copied!
Whitespace goes between numbers and operators in all math-related code.
1
c = (n * 2) + 4;
Copied!
Lines consisting of closing brackets (} or )) should be followed by an empty line, except when followed by another closing bracket or an else statement.
1
if (condition) {
2
    // ...
3
} else {
4
    // ...
5
}
6
​
7
// other code
Copied!
Indentation
Vala
Vala code is indented using 4 spaces for consistency and readability.
In classes, functions, loops and general flow control, the first brace is on the end of the first line ("One True Brace Style"), followed by the indented code, and a line closing the function with a brace:
1
public int my_function (int a, string b, long c, int d, int e) {
2
    if (a == 5) {
3
        b = 3;
4
        c += 2;
5
        return d;
6
    }
7
​
8
    return e;
9
}
Copied!
On conditionals and loops, always use braces even if there's only one line of code:
1
if (my_var > 2) {
2
    print ("hello\n");
3
}
Copied!
Cuddled else and else if:
1
if (a == 4) {
2
    b = 1;
3
    print ("Yay");
4
} else if (a == 3) {
5
    b = 3;
6
    print ("Not so good");
7
}
Copied!
If you are checking the same variable more than twice, use switch/case instead of multiple else/if:
1
switch (week_day) {
2
   case "Monday":
3
       message ("Let's work!");
4
       break;
5
   case "Tuesday":
6
   case "Wednesday":
7
       message ("What about watching a movie?");
8
       break;
9
   default:
10
       message ("You don't have any recommendation.");
11
       break;
12
}
Copied!
Markup
Markup languages like HTML, XML, and YML should use two-space indentation since they are much more verbose and likely to hit line-length issues sooner.
1
<component type="desktop">
2
  <name>Calendar</name>
3
  <description>
4
    <p>A slim, lightweight calendar app that syncs and manages multiple calendars in one place, like Google Calendar, Outlook and CalDAV.</p>
5
  </description>
6
  <releases>
7
    <release version="5.0" date="2019-02-28" urgency="medium">
8
      <description>
9
        <p>Add a search entry for calendars</p>
10
      </description>
11
    </release>
12
  </releases>
13
  <screenshots>
14
    <screenshot type="default">
15
      <image>https://raw.githubusercontent.com/elementary/calendar/master/data/screenshot.png</image>
16
    </screenshot>
17
  </screenshots>
18
</component>
Copied!
Classes and Files
A file should only contain one public class.
All files have the same name as the class in them. For example, a file containing the class AbstractAppGrid should be called "AbstractAppGrid.vala"
Classes should be named in a descriptive way, and include the name of any parent classes. For example, a class that subclasses Gtk.ListBoxRow and displays the names of contacts should be called ContactRow.
Comments
Comments are either on the same line as the code they reference or in a special line.
Comments are indented alongside the code, and obvious comments do more harm than good.
1
/* User chose number five */
2
if (c == 5) {
3
    a = 3;
4
    b = 4;
5
    d = -1;  // Values larger than 5 are undefined
6
}
Copied!
Sometimes detailed descriptions in the context of translatable strings are necessary for disambiguation or to help in the creation of accurate translations. For these situations use /// TRANSLATORS: comments.
1
/// TRANSLATORS: The first %s is search term, the second is the name of default browser
2
title = _("Search for %s in %s").printf (query, get_default_browser_name ());
Copied!
Variable, Class, and Function Names
Variable and function names are all lower case and separated by underscores:
1
var my_variable = 5;
2
​
3
public void my_function_name () {
4
   do_stuff ();
5
}
Copied!
Classes and enums are Upper Camel Case (aka Pascal Case):
1
public class UserListBox : Gtk.ListBox {
2
    private enum OperatingSystem {
3
        ELEMENTARY_OS,
4
        UBUNTU
5
    }
6
}
Copied!
Constants and enum members should be all uppercase and separated by underscores:
1
public const string UBUNTU = "ubuntu";
2
​
3
private enum OperatingSystem {
4
    ELEMENTARY_OS,
5
    UBUNTU
6
}
Copied!
The values of constant strings (such as when used with GLib.Action) should be lowercase and separated with dashes:
1
public const string ACTION_GO_BACK = "action-go-back";
Copied!
Casting
Avoid using as keyword when casting as it might give null as result, which could be forgotten to check.
1
/* OK */
2
((Gtk.Entry) widget).max_width_chars
3
​
4
/* NOT OK as this approach requires a check for null */
5
(widget as Gtk.Entry).max_width_chars
Copied!
Prefer Properties Over Get/Set Methods
In places or operations where you would otherwise use get or set , you should make use of = instead.
For example, instead of using
1
set_can_focus (false);
Copied!
you should use
1
can_focus = false;
Copied!
Initialize Objects with Properites
This is especially clearer when initializing an object with many properties. Avoid the following
1
var label = new Gtk.Label ("Test Label");
2
label.set_ellipsize (Pango.EllipsizeMode.END);
3
label.set_valign (Gtk.Align.END);
4
label.set_width_chars (33);
5
label.set_xalign (0);
Copied!
and instead do this
1
var label = new Gtk.Label ("Test Label") {
2
    ellipsize = Pango.EllipsizeMode.END,
3
    valign = Gtk.Align.END,
4
    width_chars = 33,
5
    xalign = 0
6
};
Copied!
Create Classes with Properties
This goes for creating methods inside of classes as well. Instead of
1
private int _number;
2
​
3
public int get_number () {
4
    return _number;
5
}
6
​
7
public void set_number (int value) {
8
    _number = value;
9
}
Copied!
you should use
1
public int number { get; set; }
Copied!
or, where you need some extra logic in the getters and setters:
1
private int _number;
2
public int number {
3
    get {
4
        // We can run extra code here before returning the property. For example,
5
        // we can multiply it by 2
6
        return _number * 2;
7
    }
8
    set {
9
        // We can run extra code here before/after updating the value. For example,
10
        // we could check the validity of the new value or trigger some other state
11
        // changes
12
        _number = value;
13
    }
14
}
Copied!
Preferring properties in classes enables the use of GLib.Object.bind_property () between classes instead of needing to create signals and handle changing properties manually.
Vala Namespaces
Referring to GLib is not necessary. If you want to print something instead of:
1
GLib.print ("Hello World");
Copied!
You can use
1
print ("Hello World");
Copied!
String Formatting
Avoid using literals when formatting strings:
1
var string = @"Error parsing config: $(config_path)";
Copied!
Instead, prefer printf style placeholders:
1
var string = "Error parsing config: %s".printf (config_path);
Copied!
Warnings in Vala use printf syntax by default:
1
critical ("Error parsing config: %s", config_path);
Copied!
GTK events
Gtk widgets are intended to respond to click events that can be described as "press + release" instead of "press". Usually it is better to respond to toggle and release events instead of press.
Columns Per Line
Ideally, lines should have no more than 80 characters per line, because this is the default terminal size. However, as an exception, more characters could be added, because most people have wide-enough monitors nowadays. The hard limit is 120 characters.
Splitting Arguments Into Lines
For methods that take multiple arguments, it is not uncommon to have very long line lengths. In this case, treat parenthesis like brackets and split lines at commas like so:
1
var message_dialog = new Granite.MessageDialog.with_image_from_icon_name (
2
    "Basic Information and a Suggestion",
3
    "Further details, including information that explains any unobvious consequences of actions.",
4
    "phone",
5
    Gtk.ButtonsType.CANCEL
6
);
Copied!
EditorConfig
If you are using elementary Code or your code editor supports EditorConfig, you can use this as a default .editorconfig file in your projects:
1
# EditorConfig <https://EditorConfig.org>
2
root = true
3
​
4
# elementary defaults
5
[*]
6
charset = utf-8
7
end_of_line = lf
8
indent_size = tab
9
indent_style = space
10
insert_final_newline = true
11
max_line_length = 80
12
tab_width = 4
13
​
14
# Markup files
15
[{*.html,*.xml,*.xml.in,*.yml}]
16
tab_width = 2
Copied!