snths_ui/ui.odin

package synthas_ui

v2 :: [2]f32
rect2 :: struct {x, y, width, height: f32}

@private rect_get_tl :: #force_inline proc(rect: rect2) -> v2 {return {rect.x, rect.y}}
@private rect_get_tr :: #force_inline proc(rect: rect2) -> v2 {return {rect.x + rect.width, rect.y}}
@private rect_get_br :: #force_inline proc(rect: rect2) -> v2 {return {rect.x + rect.width, rect.y + rect.height}}
@private rect_get_bl :: #force_inline proc(rect: rect2) -> v2 {return {rect.x, rect.y + rect.height}}

@private rect_grow :: proc(rect: rect2, amount: v2) -> rect2 {
	return {rect.x - amount.x / 2.0, rect.y - amount.y / 2.0, rect.width + amount.x, rect.height + amount.y}
}

@private ctx: ^Context

Context :: struct {
	origin: v2,
	containers: [dynamic]int,
	container_last_element: [dynamic]int,
	elements: [dynamic]Element,
	same_line: bool,
}

@private CONTAINER_STACK_SIZE :: 16

init :: proc(state: ^Context, element_capacity: int, allocator := context.allocator) {
	state.containers = make(type_of(state.containers), 0, CONTAINER_STACK_SIZE, allocator)
	state.container_last_element = make(type_of(state.container_last_element), 0, CONTAINER_STACK_SIZE, allocator)
	state.elements = make(type_of(state.elements), 0, element_capacity, allocator)
}

Element :: struct {
	area: rect2,
	using config: ElementConfiguration,
	type: ElementType,
}

ElementConfiguration :: struct {
	label: cstring,
	color: [4]u8,
	margin, padding: v2,
}

ElementType :: enum {
	Container,
	Button,
}

Size_Pixels :: distinct f32
Size_Percentage :: distinct f32
Size_Flex :: distinct bool

Size :: union {
	Size_Pixels,
	Size_Percentage,
	Size_Flex,
}

Dimensions :: struct {
	width, height: Size,
}

Axis :: enum {X, Y}

start :: proc(ui_context: ^Context, origin: v2, size: v2) {
	ctx = ui_context
	ctx.origin = origin
	clear(&ctx.elements)
	clear(&ctx.containers)
	clear(&ctx.container_last_element)
	append(&ctx.elements, Element{
		area = {**origin, **size},
		label = "",
		color = {0, 0, 0, 0},
		margin = {},
		padding = {},
		type = .Container})
	append(&ctx.containers, 0)
	append(&ctx.container_last_element, -1)
}

end :: proc() -> []Element {
	assert(len(ctx.containers) < 2, "Didn't close all containers before ending UI layout mode")
	assert(len(ctx.containers) > 0, "Closed base container before ending UI layout mode")
	elements := ctx.elements[:]
	ctx = nil
	return elements
}

same_line :: proc() {
	ctx.same_line = true
}

element_get_outer_area :: proc(element: Element) -> rect2 {
	return rect_grow(element.area, element.margin * 2.0)
}

element_get_inner_area :: proc(element: Element) -> rect2 {
	return rect_grow(element.area, -element.padding * 2.0)
}

container_begin :: proc(dimensions: Dimensions, config: ElementConfiguration) {
	position: v2
	if len(ctx.containers) == 0 {
		position = ctx.origin + config.margin
	} else {
		if alignment_element := _element_container_previous(); alignment_element != nil {
			position = rect_get_tl(element_get_inner_area(alignment_element^)) + config.margin
		} else {
			position = rect_get_tl(element_get_inner_area(_element_previous()^)) + config.margin
		}
	}
	size := _resolve_dimensions(dimensions) - config.margin * 2.0
	element := Element{area = rect2{**position, **size}, config = config, type = .Container}
	_append_element(element)
	container_index := len(ctx.elements) - 1
	append(&ctx.containers, container_index)
	append(&ctx.container_last_element, -1)
}

@private _append_element :: proc(element: Element) {
	append(&ctx.elements, element)
	ctx.container_last_element[len(ctx.containers) - 1] = len(ctx.elements) - 1
}

container_end :: proc() {
	container := ctx.elements[pop(&ctx.containers)]
	pop(&ctx.container_last_element)
	// TODO: Set flex
	outer := element_get_outer_area(container)
}

button :: proc(dimensions: Dimensions) {
}

_resolve_dimensions :: proc(dimensions: Dimensions) -> v2 {
	return {_resolve_size(dimensions.width, .X), _resolve_size(dimensions.height, .Y)}
}

_resolve_size :: proc(size: Size, axis: Axis) -> f32 {
	switch value in size {
	case Size_Pixels:
		return cast(f32)value
	case Size_Percentage:
		if container := _container_current(); container != nil {
			inner := element_get_inner_area(container^)
			container_size := inner.width if axis == .X else inner.height
			return container_size * cast(f32)value
		} else {
			panic("Cannot use dimension Size_Percentage without an outer container")
		}
	case Size_Flex:
		return 0.0
	}
	unreachable()
}

_container_current :: proc() -> ^Element {
	return &ctx.elements[ctx.containers[len(ctx.containers) - 1]]
}

_element_previous :: proc() -> ^Element {
	return &ctx.elements[len(ctx.elements) - 1]
}

_element_container_previous :: proc() -> ^Element {
	if previous_index := ctx.container_last_element[len(ctx.containers) - 1]; previous_index != -1 {
		return &ctx.elements[previous_index]
	} else {
		return nil
	}
}