Yoga in Framer, v1

app.coffee

{ yoga } = require "npm"

# Establish a root node
root = yoga.Node.create()
root.setWidth(Screen.width)
root.setHeight(Screen.height)
root.setPadding(yoga.EDGE_ALL, 20)
root.setDisplay(yoga.DISPLAY_FLEX)
root.setFlexDirection(yoga.FLEX_DIRECTION_ROW)

# Create some children
child1 = yoga.Node.create()
child1.setFlex(1)

child2 = yoga.Node.create()
child2.setFlex(3)
child2.setMargin(yoga.EDGE_LEFT, 20)

# Add the children to the root
root.insertChild(child1, 0)
root.insertChild(child2, 1)

# Calculate layout
root.calculateLayout()

# Map children to Framer layers
for i in [0...root.getChildCount()]
	child = root.getChild i
	
	@layer = new Layer
		width: child.getComputedWidth()
		height: child.getComputedHeight()
		x: child.getComputedLeft()
		y: child.getComputedTop()