Comment on page
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.
White space comes before opening parentheses or braces:
public string get_text () {}
if (a == 5) {
return 4;
}
for (i = 0; i < maximum; i++) {}
my_function_name ();
var my_instance = new Object ();
An exception is admitted for Gettext-localized strings, where no space should go between the underscore and the opening parenthese:
// Space before parentheses since it's normal method:
button.label = set_label_string ();
// No space before parentheses since it's gettext-localized string:
button.tooltip_text = _("Download");
Whitespace goes between numbers and operators in all math-related code.
c = (n * 2) + 4;
Lines consisting of closing brackets (
} or )) should be followed by an empty line, except when followed by another closing bracket or an else statement.if (condition) {
// ...
} else {
// ...
}
// other code
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:
public int my_function (int a, string b, long c, int d, int e) {
if (a == 5) {
b = 3;
c += 2;
return d;
}
return e;
}
On conditionals and loops, always use braces even if there's only one line of code:
if (my_var > 2) {
print ("hello\n");
}
Cuddled else and else if:
if (a == 4) {
b = 1;
print ("Yay");
} else if (a == 3) {
b = 3;
print ("Not so good");
}
If you are checking the same variable more than twice, use switch/case instead of multiple else/if:
switch (week_day) {
case "Monday":
message ("Let's work!");
break;
case "Tuesday":
case "Wednesday":
message ("What about watching a movie?");
break;
default:
message ("You don't have any recommendation.");
break;
}
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.
<component type="desktop">
<name>Calendar</name>
<description>
<p>A slim, lightweight calendar app that syncs and manages multiple calendars in one place, like Google Calendar, Outlook and CalDAV.</p>
</description>
<releases>
<release version="5.0" date="2019-02-28" urgency="medium">
<description>
<p>Add a search entry for calendars</p>
</description>
</release>
</releases>
<screenshots>
<screenshot type="default">
<image>https://raw.githubusercontent.com/elementary/calendar/master/data/screenshot.png</image>
</screenshot>
</screenshots>
</component>
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 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.
/* User chose number five */
if (c == 5) {
a = 3;
b = 4;
d = -1; // Values larger than 5 are undefined
}
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./// TRANSLATORS: The first %s is search term, the second is the name of default browser
title = _("Search for %s in %s").printf (query, get_default_browser_name ());
Variable and function names are all lower case and separated by underscores:
var my_variable = 5;
public void my_function_name () {
do_stuff ();
}
Classes and enums are Upper Camel Case (aka Pascal Case):
public class UserListBox : Gtk.ListBox {
private enum OperatingSystem {
ELEMENTARY_OS,
UBUNTU
}
}
Constants and enum members should be all uppercase and separated by underscores:
public const string UBUNTU = "ubuntu";
private enum OperatingSystem {
ELEMENTARY_OS,
UBUNTU
}
The values of constant strings (such as when used with GLib.Action) should be lowercase and separated with dashes:
public const string ACTION_GO_BACK = "action-go-back";
Avoid using
as keyword when casting as it might give null as result, which could be forgotten to check./* OK */
((Gtk.Entry) widget).max_width_chars
/* NOT OK as this approach requires a check for null */
(widget as Gtk.Entry).max_width_chars
In places or operations where you would otherwise use
get or set , you should make use of = instead.For example, instead of using
set_can_focus (false);
you should use
can_focus = false;
This is especially clearer when initializing an object with many properties. Avoid the following
var label = new Gtk.Label ("Test Label");
label.set_ellipsize (Pango.EllipsizeMode.END);
label.set_valign (Gtk.Align.END);
label.set_width_chars (33);
label.set_xalign (0);
and instead do this
var label = new Gtk.Label ("Test Label") {
ellipsize = Pango.EllipsizeMode.END,
valign = Gtk.Align.END,
width_chars = 33,
xalign = 0
};
This goes for creating methods inside of classes as well. Instead of
private int _number;
public int get_number () {
return _number;
}
public void set_number (int value) {
_number = value;
}
you should use
public int number { get; set; }
or, where you need some extra logic in the getters and setters:
private int _number;
public int number {
get {
// We can run extra code here before returning the property. For example,
// we can multiply it by 2
return _number * 2;
}
set {
// We can run extra code here before/after updating the value. For example,
// we could check the validity of the new value or trigger some other state
// changes
_number = value;
}
}
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.Referring to GLib is not necessary. If you want to print something instead of:
GLib.print ("Hello World");
You can use
print ("Hello World");
Avoid using literals when formatting strings:
var string = @"Error parsing config: $(config_path)";
Instead, prefer printf style placeholders:
var string = "Error parsing config: %s".printf (config_path);
Warnings in Vala use printf syntax by default:
critical ("Error parsing config: %s", config_path);
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.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.
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:
var message_dialog = new Granite.MessageDialog.with_image_from_icon_name (
"Basic Information and a Suggestion",
"Further details, including information that explains any unobvious consequences of actions.",
"phone",
Gtk.ButtonsType.CANCEL
);
If you are using elementary Code or your code editor supports EditorConfig, you can use this as a default
.editorconfig file in your projects:# EditorConfig <https://EditorConfig.org>
root = true
# elementary defaults
[*]
charset = utf-8
end_of_line = lf
indent_size = tab
indent_style = space
insert_final_newline = true
max_line_length = 80
tab_width = 4
# Markup files
[{*.html,*.xml,*.xml.in,*.yml}]
tab_width = 2
Last modified 6mo ago