mod: use allocators for Layout and Widget types

2024-11-19 22:56:37 +01:00
parent cd12fb12e6
commit 1c703a196a
18 changed files with 264 additions and 153 deletions
--- a/examples/tui.zig
+++ b/examples/tui.zig
@@ -0,0 +1,102 @@
+const std = @import("std");
+const zterm = @import("zterm");
+
+const App = zterm.App(
+    union(enum) {},
+    zterm.Renderer.Direct,
+    true,
+);
+const Cell = zterm.Cell;
+const Key = zterm.Key;
+const Layout = App.Layout;
+const Widget = App.Widget;
+
+const log = std.log.scoped(.tui);
+
+pub fn main() !void {
+    errdefer |err| log.err("Application Error: {any}", .{err});
+
+    var arena = std.heap.ArenaAllocator.init(std.heap.page_allocator);
+    defer arena.deinit();
+
+    const allocator = arena.allocator();
+
+    var app: App = .{};
+    var renderer: App.Renderer = .{};
+
+    // FIXME: the layout creates an 'incorrect alignment'?
+    var layout = Layout.createFrom(allocator, Layout.VContainer.init(allocator, .{
+        .{
+            Layout.createFrom(allocator, Layout.Framing.init(allocator, .{
+                .title = .{
+                    .str = "Welcome to my terminal website",
+                    .style = .{
+                        .ul = .{ .index = 6 },
+                        .ul_style = .single,
+                    },
+                },
+            }, .{
+                .layout = Layout.createFrom(allocator, Layout.HContainer.init(allocator, .{
+                    .{
+                        Widget.createFrom(allocator, Widget.Text.init(allocator, .left, &[1]Cell{
+                            .{ .content = "Yves Biener", .style = .{ .bold = true } },
+                        })),
+                        25,
+                    },
+                    .{
+                        Widget.createFrom(allocator, Widget.Text.init(allocator, .center, &[1]Cell{
+                            .{ .content = "File name", .style = .{ .bold = true } },
+                        })),
+                        50,
+                    },
+                    .{
+                        Widget.createFrom(allocator, Widget.Text.init(allocator, .right, &[1]Cell{
+                            .{ .content = "Contact", .style = .{ .bold = true, .ul_style = .single } },
+                        })),
+                        25,
+                    },
+                })),
+            })),
+            10,
+        },
+        .{
+            Layout.createFrom(allocator, Layout.Margin.init(allocator, .{ .left = 15, .right = 15 }, .{
+                .widget = Widget.createFrom(allocator, Widget.Text.init(allocator, .default, &[1]Cell{
+                    .{ .content = "Does this change anything?", .style = .{ .bold = true, .ul_style = .single } },
+                })),
+            })),
+            90,
+        },
+    }));
+    defer layout.deinit();
+
+    try app.start();
+    defer app.stop() catch unreachable;
+
+    // App.Event loop
+    while (true) {
+        const event = app.nextEvent();
+
+        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);
+    }
+}