zterm/examples/stack.zig

const std = @import("std");
const zterm = @import("zterm");

const App = zterm.App(
    union(enum) {},
    zterm.Renderer.Direct,
    true,
);
const Key = zterm.Key;
const Layout = App.Layout;
const Widget = App.Widget;

const log = std.log.scoped(.stack);

pub fn main() !void {
    errdefer |err| log.err("Application Error: {any}", .{err});

    var gpa: std.heap.GeneralPurposeAllocator(.{}) = .{};
    defer {
        const deinit_status = gpa.deinit();
        // fail test; can't try in defer as defer is executed after we return
        if (deinit_status == .leak) {
            log.err("memory leak", .{});
        }
    }
    const allocator = gpa.allocator();

    var app: App = .{};
    var renderer: App.Renderer = .{};
    // TODO: when not running fullscreen, the application needs to screen down accordingly to display the contents
    // -> size hint how much should it use?

    var layout = Layout.createFrom(layout: {
        var framing = Layout.Framing.init(allocator, .{
            .style = .{
                .fg = .{
                    .index = 6,
                },
            },
            .frame = .round,
            .title = .{
                .str = "HStack",
                .style = .{
                    .ul_style = .single,
                    .ul = .{ .index = 6 },
                    .bold = true,
                },
            },
        }, .{
            .layout = Layout.createFrom(hstack: {
                var hstack = Layout.HStack.init(allocator, .{
                    Widget.createFrom(blk: {
                        var spacer = Widget.Spacer.init();
                        break :blk &spacer;
                    }),
                    Layout.createFrom(framing: {
                        var framing = Layout.Framing.init(
                            allocator,
                            .{
                                .style = .{
                                    .fg = .{
                                        .index = 6,
                                    },
                                },
                                .frame = .round,
                                .title = .{
                                    .str = "VStack",
                                    .style = .{
                                        .ul_style = .single,
                                        .ul = .{ .index = 6 },
                                        .bold = true,
                                    },
                                },
                            },
                            .{
                                .layout = Layout.createFrom(
                                    padding: {
                                        var padding = Layout.Margin.init(
                                            allocator,
                                            .{
                                                .margin = 10,
                                            },
                                            .{
                                                .layout = Layout.createFrom(vstack: {
                                                    var vstack = Layout.VStack.init(allocator, .{
                                                        Widget.createFrom(blk: {
                                                            const file = try std.fs.cwd().openFile("./examples/stack.zig", .{});
                                                            defer file.close();
                                                            var widget = Widget.RawText.init(allocator, file);
                                                            break :blk &widget;
                                                        }),
                                                        Widget.createFrom(blk: {
                                                            var spacer = Widget.Spacer.init();
                                                            break :blk &spacer;
                                                        }),
                                                        Widget.createFrom(blk: {
                                                            const file = try std.fs.cwd().openFile("./examples/stack.zig", .{});
                                                            defer file.close();
                                                            var widget = Widget.RawText.init(allocator, file);
                                                            break :blk &widget;
                                                        }),
                                                    });
                                                    break :vstack &vstack;
                                                }),
                                            },
                                        );
                                        break :padding &padding;
                                    },
                                ),
                            },
                        );
                        break :framing &framing;
                    }),
                    Widget.createFrom(blk: {
                        var spacer = Widget.Spacer.init();
                        break :blk &spacer;
                    }),
                });
                break :hstack &hstack;
            }),
        });
        break :layout &framing;
    });
    defer layout.deinit();

    try app.start();
    defer app.stop() catch unreachable;

    // App.Event loop
    while (true) {
        const event = app.nextEvent();
        log.debug("received event: {s}", .{@tagName(event)});

        switch (event) {
            .quit => break,
            .resize => |size| {
                renderer.resize(size);
            },
            .key => |key| {
                // ctrl+c to quit
                if (Key.matches(key, .{ .cp = 'c', .mod = .{ .ctrl = true } })) {
                    app.quit();
                }
            },
            .err => |err| {
                log.err("Received {any} with message: {s}", .{ err.err, err.msg });
            },
        }
        const events = try layout.handle(event);
        for (events.items) |e| {
            app.postEvent(e);
        }
        try layout.render(&renderer);
    }
}