Expose list of components

[ldstreet]

Just like text styles and colors, components should be exposed as an array.

[dirtybit]

Hey @ldstreet,
Each component has a spec data and there usually a large number of components in projects/styleguides. So, even the list of components can be exposed as an array, it's not easy to expose the actual spec data for all components since fetching them eagerly would result in high network traffic and very long loading times.

The good news is that we're working hard on Public API, so this data will be accessible through the API for each individual component in a project/styleguide.

Can you share the use cases you have in mind so that we can understand the requirements better?

[ldstreet]

This sounds great.

I am looking to write a tool that can export a style guide into json representation that is then consumed by a styling layer in our iOS client. The JSON has nodes for colors, text styles, and components. The a shortened example of the necessary output looks like this:

{
    "colorPalette" : {
        "color1" : {
            "red" : 15,
            "green" : 74,
            "blue" : 145,
            "alpha" : 1.0
        },
        "color2" : {
            "red" : 109,
            "green" : 112,
            "blue" : 136,
            "alpha" : 1.0
        }
    },
    "textStyles" : {
        "text1" : {
            "font" : {
                "size" : 32.0,
                "weight" : "regular"
            },
            "textColorKey" : "color1"
        },
        "text2" : {
            "font" : {
                "size" : 32.0,
                "weight" : "regular"
            },
            "textColorKey" : "color2"
        },
    },
    "labelStyles" : {
        "label1" : {
            "textStyleKey" : "text1",
            "backgroundColorKey" : "color1"
        },
        "label2" : {
            "textStyleKey" : "text2",
            "backgroundColorKey" : "color2",
            "borderWidth" : 2,
            "borderColorKey" : "color1"
        }
    },
    "compositeViewStyles" : {
        "compositeView1" : {
            "topLabelStyleKey" : "label1",
            "bottomLabelStyleKey" : "label2"
        }
    }
}

The end result is being able to easily style any component like this:

let label = Label().styled(as: .label1)
let compositeView = CompositeView(top: "hi", bottom: "there").styled(as: .compositeView1)

[ldstreet]

Hello, I noticed that y’all have released your API but it seems like support for this feature is still missing. Is it planned to be added in the future? Thanks!