feat: add ModalBackground and make all palettes modal

src/tui/ModalBackground.zig

@@ -0,0 +1,106 @@
+const std = @import("std");
+const tp = @import("thespian");
+
+const tui = @import("tui.zig");
+const Widget = @import("Widget.zig");
+const EventHandler = @import("EventHandler.zig");
+const Plane = @import("renderer").Plane;
+const key = @import("renderer").input.key;
+const event_type = @import("renderer").input.event_type;
+
+pub fn Options(context: type) type {
+    return struct {
+        ctx: Context,
+
+        on_click: *const fn (ctx: context, self: *State(Context)) void = on_click_exit_overlay_mode,
+        on_click2: *const fn (ctx: context, self: *State(Context)) void = do_nothing,
+        on_click3: *const fn (ctx: context, self: *State(Context)) void = do_nothing,
+        on_click4: *const fn (ctx: context, self: *State(Context)) void = do_nothing,
+        on_click5: *const fn (ctx: context, self: *State(Context)) void = do_nothing,
+        on_render: *const fn (ctx: context, self: *State(Context), theme: *const Widget.Theme) bool = on_render_default,
+        on_layout: *const fn (ctx: context) Widget.Layout = on_layout_default,
+        on_resize: *const fn (ctx: context, state: *State(Context), box: Widget.Box) void = on_resize_default,
+
+        pub const Context = context;
+        pub fn do_nothing(_: context, _: *State(Context)) void {}
+
+        fn on_click_exit_overlay_mode(_: context, _: *State(Context)) void {
+            tp.self_pid().send(.{ "cmd", "exit_overlay_mode" }) catch {};
+        }
+
+        pub fn on_render_default(_: context, _: *State(Context), _: *const Widget.Theme) bool {
+            return false;
+        }
+
+        pub fn on_layout_default(_: context) Widget.Layout {
+            return .dynamic;
+        }
+
+        pub fn on_resize_default(_: context, _: *State(Context), _: Widget.Box) void {}
+    };
+}
+
+pub fn create(ctx_type: type, allocator: std.mem.Allocator, parent: Widget, opts: Options(ctx_type)) !*State(ctx_type) {
+    const self = try allocator.create(State(ctx_type));
+    self.* = .{
+        .allocator = allocator,
+        .plane = parent.plane.*,
+        .opts = opts,
+    };
+    return self;
+}
+
+pub fn State(ctx_type: type) type {
+    return struct {
+        allocator: std.mem.Allocator,
+        plane: Plane,
+        opts: options_type,
+        hover: bool = false,
+
+        const Self = @This();
+        const options_type = Options(ctx_type);
+
+        pub fn deinit(self: *Self, allocator: std.mem.Allocator) void {
+            allocator.destroy(self);
+        }
+
+        pub fn render(self: *Self, theme: *const Widget.Theme) bool {
+            return self.opts.on_render(self.opts.ctx, self, theme);
+        }
+
+        pub fn widget(self: *Self) Widget {
+            return Widget.to(self);
+        }
+
+        pub fn receive(self: *Self, _: tp.pid_ref, m: tp.message) error{Exit}!bool {
+            var btn: u32 = 0;
+            if (try m.match(.{ "B", event_type.PRESS, tp.more })) {
+                return true;
+            } else if (try m.match(.{ "B", event_type.RELEASE, tp.extract(&btn), tp.more })) {
+                self.call_click_handler(btn);
+                return true;
+            } else if (try m.match(.{ "D", event_type.PRESS, tp.extract(&btn), tp.more })) {
+                return true;
+            } else if (try m.match(.{ "D", event_type.RELEASE, tp.extract(&btn), tp.more })) {
+                self.call_click_handler(btn);
+                return true;
+            } else if (try m.match(.{ "H", tp.extract(&self.hover) })) {
+                tui.current().rdr.request_mouse_cursor_pointer(self.hover);
+                return true;
+            }
+            return false;
+        }
+
+        fn call_click_handler(self: *Self, btn: u32) void {
+            if (!self.hover) return;
+            switch (btn) {
+                key.BUTTON1 => self.opts.on_click(self.opts.ctx, self),
+                key.BUTTON2 => self.opts.on_click2(self.opts.ctx, self),
+                key.BUTTON3 => self.opts.on_click3(self.opts.ctx, self),
+                key.BUTTON4 => self.opts.on_click4(self.opts.ctx, self),
+                key.BUTTON5 => self.opts.on_click5(self.opts.ctx, self),
+                else => {},
+            }
+        }
+    };
+}