Storyboard Constants31 Jan 2013
Automate all the things
Storyboards can really speed up development but a problem I run into over and over again is working with identifiers that are set in the storyboard and referenced in code.
Let's take the example of making a
You create a
segue and then assign it an
identifier in the storyboard... and that's the problem. The
identifier is defined in the storyboard, which leaves me with plenty of opportunities to mess up referencing the
segue in code.
My normal strategy is to create a constants file that would have a constant with the value of each of these identifiers, which starts to look like the following (forgive the naming):
This works for me and I'm happy, but it seems like a lot of manual graft and can become tiresome to maintain especially in a young project with lots of development spikes. It's also still very possible to make typos and mess up these declarations or for them to become out of sync with the storyboard.
I got to thinking about this problem and two things stood out
- I don't like doing things manually and
- I don't like that it is so easy to misspell a constant when swapping between storyboard and code (yes I am aware copy and paste exists).
So I started tinkering and I've come up with a rough tool that I've cunningly named
My automation idea is that you add a build script that will extract constants from your storyboards and then dump them into a file.
Grab it with
sudo gem install sbconstants
My first effort has a UI like this (command line app)
% sbconstants -h Usage: DESTINATION_FILE [options] -p, --prefix=<prefix> Only match identifiers with <prefix> -s, --source-dir=<source> Directory containing storyboards -q, --queries=<queries> YAML file containing queries -d, --dry-run Output to STDOUT -v, --verbose Verbose output
To get this working on a project the
gem needs to be installed to the system Ruby and then we need to call the executable from a build script. An example call would look like this
NB The argument is the destination file to dump the constants into - this needs to be added manually
Every time this project is built it will parse the storyboard files and pull out any constants and then dump them into
PASStoryboardConstants.(h|m). This of course means that
PASStoryboardConstants.(h|m) should not be edited by hand as it will just be clobbered any time we build.
The output of running this tool will look something like this:
The constants are grouped by where they were found in the storyboard xml e.g.
segue.identifier. This can really help give you some context about where/what/when and why a constant exists.
Options are fun and there are a few to play with - most of these options are really only any good for debugging.
-p, --prefix=<prefix> Only match identifiers with <prefix>
prefix option you can specify that you only want to grab identifiers that start with a certain prefix, which is always nice.
-s, --source-dir=<source> Directory containing storyboards
If you don't want to run the tool from the root of your app for some reason you can specify the source directory to start searching for storyboard files. The search is recursive using a glob something like
-d, --dry-run Output to STDOUT
If you just want to run the tool and not write the output to a file then this option will spit the result out to
-v, --verbose Verbose output
Perhaps you want a little more context about where your identifiers are being grabbed from for debugging purposes. Never fear just use the
--verbose switch and get output similar to:
-q, --queries=<queries> YAML file containing queries
Chances are I've missed some identifiers to search for in the storyboard. You don't want to wait for the
gem to be updated or have to fork it and fix it. Using this option you can provide a YAML file that contains a description of what identifers to search for. The current one looks something like this (NB this is a great starting point for creating your own yaml):
This looks a little funky but it's essentially groups of keys and values (both the key and the value can be an array). This actually gets expanded to looks for
+----------------------+-----------------------+ | node | attribute | + ---------------------+-----------------------+ | segue | identifier | | tableViewCell | reuseIdentifier | | view | restorationIdentifier | | navigationController | storyboardIdentifier | | viewController | storyboardIdentifier | | tableViewController | storyboardIdentifier | | viewController | restorationIdentifier | | navigationController | restorationIdentifier | | tableViewController | restorationIdentifier | +----------------------+-----------------------+
I'm not sure if this tool will be of any use to anyone but for the projects I've been tinkering with it seems to work pretty well leaving me confident that my storyboard identifier's will not go out of sync with how they are referenced in code.
If anyone does use this and they like it or they have any issues please report it to me so I can get it fixed up and improve my own workflow.