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/web/badge/index.css  | 5 +++++
 src/web/badge/index.html | 3 +++
 src/web/badge/index.js   | 1 +
 src/web/badge/root.zig   | 8 ++++++++
 src/web/index.css        | 4 ++++
 src/web/index.html       | 3 +++
 src/web/index.js         | 0
 7 files changed, 24 insertions(+)
 create mode 100644 src/web/badge/index.css
 create mode 100644 src/web/badge/index.html
 create mode 100644 src/web/badge/index.js
 create mode 100644 src/web/badge/root.zig
 create mode 100644 src/web/index.css
 create mode 100644 src/web/index.html
 create mode 100644 src/web/index.js

(limited to 'src/web')

diff --git a/src/web/badge/index.css b/src/web/badge/index.css
new file mode 100644
index 0000000..3f237d6
--- /dev/null
+++ b/src/web/badge/index.css
@@ -0,0 +1,5 @@
+#container {
+	background: red;
+	padding: 5px;
+	border-radius: 5px;
+}
diff --git a/src/web/badge/index.html b/src/web/badge/index.html
new file mode 100644
index 0000000..dcb38e1
--- /dev/null
+++ b/src/web/badge/index.html
@@ -0,0 +1,3 @@
+<div id="container">
+	<slot name="content"></slot>
+</div>
diff --git a/src/web/badge/index.js b/src/web/badge/index.js
new file mode 100644
index 0000000..60fbac5
--- /dev/null
+++ b/src/web/badge/index.js
@@ -0,0 +1 @@
+Z.by_id('sdf')
diff --git a/src/web/badge/root.zig b/src/web/badge/root.zig
new file mode 100644
index 0000000..5e8ea25
--- /dev/null
+++ b/src/web/badge/root.zig
@@ -0,0 +1,8 @@
+const z = @import("z");
+
+pub const component: z.Component = .{
+    .name = .badge,
+    .body = @embedFile("index.html"),
+    .style = @embedFile("index.css"),
+    .script = @embedFile("index.js"),
+};
diff --git a/src/web/index.css b/src/web/index.css
new file mode 100644
index 0000000..a93ea47
--- /dev/null
+++ b/src/web/index.css
@@ -0,0 +1,4 @@
+body {
+	padding: 0;
+	margin: 0;
+}
diff --git a/src/web/index.html b/src/web/index.html
new file mode 100644
index 0000000..3bf9953
--- /dev/null
+++ b/src/web/index.html
@@ -0,0 +1,3 @@
+<z-component type="badge">
+	<span slot="content">Hello Z!</span>
+</z-component>
diff --git a/src/web/index.js b/src/web/index.js
new file mode 100644
index 0000000..e69de29
-- 
cgit v1.2.3-70-g09d2