Ascii art visual debugging for ASLayoutSpecs

[rcancro]

Created a class called ASAsciiArtBoxCreator that, given a parent name and an array of string representations of the children, will create an ascii representation of the parent.

Objects that want to be rendered in ascii art should implement the ASLayoutableAsciiArtProtocol protocol. The two methods are:

- (NSString *)asciiArtString;
- (NSString *)asciiArtName;

I have updated ASDisplayNode and ASLayoutSpec so that they conform to this new protocol. If you are working on a layout, you can put a breakpoint at the end of - (ASLayoutSpec *)layoutSpecThatFits:(ASSizeRange)constrainedSize and type po [layoutSpec asciiArtString] to see a visual representation of your layout.

For example, this is what the layout for KittenNode looks like:

(lldb) po [insetSpec asciiArtString]
-------------ASInsetLayoutSpec------------
|  ----------ASStackLayoutSpec---------  |
|  |  ASNetworkImageNode  ASTextNode  |  |
|  ------------------------------------  |
------------------------------------------

Here is an example of a more complicated example:

---------------------ASStackLayoutSpec-----------------------
|               -----ASStackLayoutSpec------                | 
|               |  --ASInsetLayoutSpec--   |                | 
|               |  |     ASTextNode    |   |                | 
|               |  ---------------------   |                | 
|               |  --ASInsetLayoutSpec--   |                | 
|  ASImageNode  |  |     ASTextNode    |   |  ASButtonNode  | 
|               |  ---------------------   |                | 
|               |  --ASInsetLayoutSpec--|  |                | 
|               |  |    ASStackNode     |  |                | 
|               |  ----------------------  |                | 
|               ----------------------------                | 
------------------------------------------------------------- 

[nguyenhuy]

This is gold 👍 👍 👍

[SRandazzo]

omg. 👍

[wmcbain]

😍WOW 😍

[Adlai-Holler]

[appleguy]

Just to make sure I understand — this only prints out one box with the node's name in it? Or does it somehow print the hierarchy?

[rcancro]

This should just print the node's name. If someone wanted to make ascii art of the node hierarchy they'd pass in self.subnodes as the children.

[appleguy]

This is just so cool. Thanks @rcancro for one of the most delightful patches ASDK has ever seen :).

If someone wants to write a few tests for this, it will keep our code coverage number up. It should be easy to add one or two in an existing test suite, just printing the node tree or spec tree of some existing hierarchy in the tests.