implement frontend framework

1 files changed, 18 insertions, 0 deletions

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 ++ "}"),
+    }));
+}