Quantcast
Channel: NSHipster
Viewing all articles
Browse latest Browse all 382

Swift Code Formatters

$
0
0

I just left a hipster coffee shop. It was packed with iOS devs, whispering amongst each other about how they can’t wait for Apple to release an official style guide and formatter for Swift.

Over the past few days, the community has been buzzing about the latest pitch from Tony Allevato and Dave Abrahams to adopt an official style guide and formatting tool for the Swift language.

Dozens of community members have already weighed in on the draft proposal. As with all matters of style, opinions are strong, and everybody has one. Fortunately, the discourse from the community has been generally constructive and insightful, articulating a diversity of viewpoints, use cases, and concerns.

At the time of writing, it appears that a plurality, if not an outright majority of respondents are +1 (or more) for some degree of official guidance on formatting conventions. And those in favor of a sanctioned style guide would also like for there to be a tool that automatically diagnoses and fixes violations of these guidelines. However, others have expressed concerns about the extent to which these guidelines are applicable and configurable.

This week on NSHipster, we’ll take a look at the current field of Swift formatters available today — including the swift-format tool released as part of the proposal — and see how they all stack up. From there, we’ll take a step back and try to put everything in perspective.

But first, let’s start with a question:


What is Code Formatting?

For our purposes, we’ll define code formatting as any change made to code that makes it easier to understand without changing its behavior. Although this definition extends to differences in equivalent forms, (e.g. [Int] vs. Array<Int>), we’ll limit our discussion here to whitespace and punctuation.

Swift, like many other programming languages, is quite liberal in its acceptance of newlines, tabs, and spaces. Most whitespace is insignificant, having no effect on the code around from the compiler’s point of view.

When we use whitespace to make code more comprehensible without changing its behavior, that’s an example of secondary notation; the primary notation, of course, being the code itself.

Put enough semicolons in the right places, and you can write pretty much anything in a single line of code. But all things being equal, why not use horizontal and vertical whitespace to visually structure code in a way that’s easier for us to understand, right?

Unfortunately, the ambiguity created by the compiler’s accepting nature of whitespace can often cause confusion and disagreement among programmers: “Should I add a newline before a curly bracket? How do I break up statements that extend beyond the width of the editor?”

Organizations often codify guidelines for how to deal with these issues, but they’re often under-specified, under-enforced, and out-of-date. The role of a code formatter is to automatically enforce a set of conventions so that programmers can set aside their differences and get to work solving actual problems.

Formatter Tool Comparison

The Swift community has considered questions of style from the very beginning. Style guides have existed from the very first days of Swift, as have various open source tools to automate the process of formatting code to match them.

In order to get a sense of the current state of Swift code formatters, we’ll take a look at the following four tools:

ProjectRepository URL
SwiftFormathttps://github.com/nicklockwood/SwiftFormat
SwiftLinthttps://github.com/realm/SwiftLint
Prettier with Swift Pluginhttps://github.com/prettier/prettier
swift-format (proposed)https://github.com/google/swift/tree/format

To establish a basis of comparison, we’ll use the following code sample to evaluate each tool (using their default configuration):

structShippingAddress:Codable{varrecipient:StringvarstreetAddress:Stringvarlocality:Stringvarregion:String;varpostalCode:Stringvarcountry:Stringinit(recipient:String,streetAddress:String,locality:String,region:String,postalCode:String,country:String){self.recipient=recipientself.streetAddress=streetAddressself.locality=localityself.region=region;self.postalCode=postalCodeguardcountry.count==2,country==country.uppercased()else{fatalError("invalid country code")}self.country=country}}letapplePark=ShippingAddress(recipient:"Apple, Inc.",streetAddress:"1 Apple Park Way",locality:"Cupertino",region:"CA",postalCode:"95014",country:"US")

Although code formatting encompasses a wide range of possible syntactic and semantic transformations, we’ll focus on newlines and indentation, which we believe to be baseline requirements for any code formatter.

SwiftFormat

First up is SwiftFormat, a tool as helpful as it is self-descriptive.

Installation

SwiftFormat is distributed via Homebrew as well as Mint and CocoaPods.

You can install it by running the following command:

$ brew install swiftformat
        

In addition, SwiftFormat also provides an Xcode Source Editor Extension, found in the EditorExtension, which you can use to reformat code in Xcode. Or, if you’re a user of VSCode, you can invoke SwiftFormat with this plugin.

Usage

The swiftformat command formats each Swift file found in the specified file and directory paths.

$ swiftformat Example.swift
        

SwiftFormat has a variety of rules that can be configured either individually via command-line options or using a configuration file.

Example

Running the swiftformat command on our example using the default set of rules produces the following result:

// swiftformat version 0.39.4structShippingAddress:Codable{varrecipient:StringvarstreetAddress:Stringvarlocality:Stringvarregion:String;varpostalCode:Stringvarcountry:Stringinit(recipient:String,streetAddress:String,locality:String,region:String,postalCode:String,country:String){self.recipient=recipientself.streetAddress=streetAddressself.locality=localityself.region=region;self.postalCode=postalCodeguardcountry.count==2,country==country.uppercased()else{fatalError("invalid country code")}self.country=country}}letapplePark=ShippingAddress(recipient:"Apple, Inc.",streetAddress:"1 Apple Park Way",locality:"Cupertino",region:"CA",postalCode:"95014",country:"US")

As you can see, this is a clear improvement over the original. Each line is indented according to its scope, and each declaration has consistent spacing between punctuation. Both the semicolon in the property declarations and the newline in the initializer parameters are preserved; however, the closing curly braces aren’t moved to separate lines as might be expected.

Performance

SwiftFormat is consistently the fastest of the tools tested in this article, completing in a few milliseconds.

$time swiftformat Example.swift
                0.03 real         0.01 user         0.01 sys
        

SwiftLint

Next up is, SwiftLint, a mainstay of the Swift open source community. With over 100 built-in rules, SwiftLint can to perform a wide variety of checks on your code — everything from preferring AnyObject over class for class-only protocols to the so-called “Yoda condition rule”, which prescribes variables to be placed on the left-hand side of comparison operators (that is, if n == 42 not if 42 == n).

As its name implies, SwiftLint is not primarily a code formatter; it’s really a diagnostic tool for identifying convention violation and API misuse. However, by virtue of its auto-correction faculties, it’s frequently used to format code.

Installation

You can install SwiftLint using Homebrew with the following command:

$ brew install swiftlint
        

Alternatively, you can install SwiftLint with CocoaPods, Mint, or as a standalone installer package (.pkg).

Usage

To use SwiftLint as a code formatter, run the autocorrect subcommand passing the --format option and the files or directories to correct.

$ swiftlint autocorrect --format--path Example.swift
        

Example Formatting

Running the previous command on our example yields the following:

// swiftlint version 0.31.0structShippingAddress:Codable{varrecipient:StringvarstreetAddress:Stringvarlocality:Stringvarregion:String;varpostalCode:Stringvarcountry:Stringinit(recipient:String,streetAddress:String,locality:String,region:String,postalCode:String,country:String){self.recipient=recipientself.streetAddress=streetAddressself.locality=localityself.region=region;self.postalCode=postalCodeguardcountry.count==2,country==country.uppercased()else{fatalError("invalid country code")}self.country=country}}letapplePark=ShippingAddress(recipient:"Apple, Inc.",streetAddress:"1 Apple Park Way",locality:"Cupertino",region:"CA",postalCode:"95014",country:"US")

SwiftLint cleans up the worst of the indentation and inter-spacing issues but leaves other, extraneous whitespace intact. Again, it’s worth noting that formatting isn’t SwiftLint’s primary calling; if anything, it’s merely incidental to providing actionable code diagnostics. And taken from the perspective of “first, do no harm”, it’s hard to complain about the results here.

Time

For everything that SwiftLint checks for, it’s remarkably snappy — completing in a fraction of a second for our example.

$time swiftlint autocorrect --quiet--format--path Example.swift
                0.11 real         0.05 user         0.02 sys
        

Prettier with Swift Plugin

If you’ve mostly shied away from JavaScript (as discussed in last week’s article), this may be the first you’ve heard of Prettier. On the other hand, if you’re steeped in the world of ES6, React, and WebPack, you’ve almost certainly come to rely on it.

Prettier is unique among code formatters in that it optimizes — first and foremost — for aesthetics, wrapping lines of code onto newlines as if they were poetry.

Thanks to its (in-development) plugin architecture, the same line-breaking behavior can be applied to other languages, including Swift.

Installation

To use Prettier and its plugin for Swift, you’ll have to wade into the murky waters of the Node packaging ecosystem. There are a few different approaches to get everything installed (because of course there are), but Yarn is our favorite 😻.

$ brew install yarn
        $ yarn global add prettier prettier/plugin-swift
        

Usage

With the prettier command-line tool accessible from our $PATH, run it with one or more file or directory paths.

$ prettier Example.swift
        

Example Output

Here’s the result of running the latest build of the Swift plugin with Prettier on our example from before:

// prettier version 1.16.4// prettier/plugin-swift version 0.0.0 (bdf8726)structShippingAddress:Codable{varrecipient:StringvarstreetAddress:Stringvarlocality:Stringvarregion:StringvarpostalCode:Stringvarcountry:Stringinit(recipient:String,streetAddress:String,locality:String,region:String,postalCode:String,country:String){self.recipient=recipientself.streetAddress=streetAddressself.locality=localityself.region=region;self.postalCode=postalCodeguardcountry.count==2,country==country.uppercased()else{fatalError("invalid country code")}self.country=country}}letapplePark=ShippingAddress(recipient:"Apple, Inc.",streetAddress:"1 Apple Park Way",locality:"Cupertino",region:"CA",postalCode:"95014",country:"US")

Prettier describes itself to be “An opinionated code formatter”. In practice, this means that there isn’t much in the way of configuration; there are only two options: “regular code” and “prettier code”.

Now, you may object to the increase in vertical whitespace, but you’d be lying if you said this code didn’t look amazing. The way that everything is evenly spaced… the way that long lines are wrapped and indented… it’s almost hard to believe that you achieve something like this automatically.

Of course, our caveat from before still applies: This is still very much a work-in-progress and isn’t suitable for production use yet. Also, there’s the matter of performance…

Timing

To put it bluntly: Prettier is one or two orders of magnitude slower than every other tool discussed in this article.

$time prettier Example.swift
        1.14 real         0.56 user         0.38 sys
        

It’s unclear whether this is a consequence of navigating a language barrier or an opportunity for optimization, but Prettier is slow enough to cause problems at scale.

For now, we recommend using Prettier only for one-off formatting tasks, such as writing code for articles and books.

swift-format

Having looked at the current landscape of available Swift formatters, we now have a reasonable baseline for evaluating the swift-format tool proposed by Tony Allevato and Dave Abrahams.

Installation

The code for swift-format is currently hosted on the format branch of Google’s fork of the Swift project. You can check it out and build it from source by running the following commands:

$ git clone https://github.com/google/swift.git swift-format
        $cd swift-format
        $ git submodule update --init$ swift build
        

For your convenience, we’re providing a Homebrew formula that builds from our own fork of Google’s fork, which you can install with the following command:

$ brew install nshipster/formulae/swift-format
        

Usage

Run the swift-format command, passing one or more file and directory paths to Swift files that you want to format.

$ swift-format Example.swift
        

The swift-format command also takes a --configuration option, which takes a path to a JSON file. For now, the easiest way to customize swift-format behavior is to dump the default configuration to a file and go from there.

$ swift-format -m dump-configuration .swift-format.json
        

Running the command above populates the specified file with the following JSON:

{"blankLineBetweenMembers":{"ignoreSingleLineProperties":true},"indentation":{"spaces":2},"lineLength":100,"maximumBlankLines":1,"respectsExistingLineBreaks":true,"tabWidth":8,"version":1}

After fiddling with the configuration — such as setting lineLength to the correct value of 80 (don’t @ me)— you can apply it thusly:

$ swift-format Example.swift --configuration .swift-format.json
        

Example Output

Using its default configuration, here’s how swift-lint formats our example:

// swift-format version 0.0.1structShippingAddress:Codable{varrecipient:StringvarstreetAddress:Stringvarlocality:Stringvarregion:String;varpostalCode:Stringvarcountry:Stringinit(recipient:String,streetAddress:String,locality:String,region:String,postalCode:String,country:String){self.recipient=recipientself.streetAddress=streetAddressself.locality=localityself.region=regionself.postalCode=postalCodeguardcountry.count==2,country==country.uppercased()else{fatalError("invalid country code")}self.country=country}}letapplePark=ShippingAddress(recipient:"Apple, Inc.",streetAddress:"1 Apple Park Way",locality:"Cupertino",region:"CA",postalCode:"95014",country:"US")

For a version 0.0.1 release, this is promising! We could do without the original semicolon and don’t much care for the colon placement for the region property, either, but overall, this is pretty unobjectionable — which is exactly what you’d want from an official code style tool.

Timing

In terms of performance, swift-format is currently in the middle of the pack: not so fast as to feel instantaneous, but not so slow as to be an issue.

$time swift-format Example.swift
                0.51 real         0.20 user         0.27 sys
        

Based on our initial investigation (albeit limited), swift-format appears to offer a reasonable set of formatting conventions. Going forward, it will be helpful to create more motivated examples to help inform our collective beliefs about the contours of such a tool.

No matter what, it’ll be interesting to see how the proposal changes and the discussion evolves around these issues.


Viewing all articles
Browse latest Browse all 382

Trending Articles