From cd32a3ca0173676ed31486b5fa4dbd8c744cdec5 Mon Sep 17 00:00:00 2001
From: Nathan Reiner <nathan@nathanreiner.xyz>
Date: Thu, 28 May 2026 16:30:26 +0200
Subject: implement frontend framework

---
 src/z/Component.zig | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/z/Component.zig

(limited to 'src/z/Component.zig')

diff --git a/src/z/Component.zig b/src/z/Component.zig
new file mode 100644
index 0000000..3211335
--- /dev/null
+++ b/src/z/Component.zig
@@ -0,0 +1,18 @@
+const std = @import("std");
+const html = @import("html");
+const z = @import("root.zig");
+
+name: @EnumLiteral(),
+body: []const u8,
+style: []const u8,
+script: []const u8,
+
+pub fn toElement(comptime self: @This()) html.Element {
+    return .transparent(.children(&.{
+        .native(.template, .{ .id = "@" ++ @tagName(self.name) }, .children(&.{
+            z.style.load(self.style),
+            z.body.load(self.body),
+        })),
+        z.script.load("Zenv.constructors['component__" ++ @tagName(self.name) ++ "'] = (Z) => {" ++ self.script ++ "}"),
+    }));
+}
-- 
cgit v1.2.3-70-g09d2