1 files changed, 68 insertions, 1 deletions
diff --git a/lang/gjs/src/gtk4/jsx-runtime.ts b/lang/gjs/src/gtk4/jsx-runtime.ts
index 6c8ea4d..80a3e87 100644
--- a/lang/gjs/src/gtk4/jsx-runtime.ts
+++ b/lang/gjs/src/gtk4/jsx-runtime.ts
@@ -1 +1,68 @@
-// TODO:
+import Gtk from "gi://Gtk?version=4.0"
+import { type BindableChild } from "./astalify.js"
+import { mergeBindings, jsx as _jsx } from "../_astal.js"
+import * as Widget from "./widget.js"
+
+export function Fragment({ children = [], child }: {
+    child?: BindableChild
+    children?: Array<BindableChild>
+}) {
+    if (child) children.push(child)
+    return mergeBindings(children)
+}
+
+export function jsx(
+    ctor: keyof typeof ctors | typeof Gtk.Widget,
+    props: any,
+) {
+    return _jsx(ctors, ctor as any, props)
+}
+
+const ctors = {
+    box: Widget.Box,
+    button: Widget.Button,
+    centerbox: Widget.CenterBox,
+    // circularprogress: Widget.CircularProgress,
+    // drawingarea: Widget.DrawingArea,
+    entry: Widget.Entry,
+    image: Widget.Image,
+    label: Widget.Label,
+    levelbar: Widget.LevelBar,
+    overlay: Widget.Overlay,
+    revealer: Widget.Revealer,
+    slider: Widget.Slider,
+    stack: Widget.Stack,
+    switch: Widget.Switch,
+    window: Widget.Window,
+    menubutton: Widget.MenuButton,
+    popover: Widget.Popover,
+}
+
+declare global {
+    // eslint-disable-next-line @typescript-eslint/no-namespace
+    namespace JSX {
+        type Element = Gtk.Widget
+        type ElementClass = Gtk.Widget
+        interface IntrinsicElements {
+            box: Widget.BoxProps
+            button: Widget.ButtonProps
+            centerbox: Widget.CenterBoxProps
+            // circularprogress: Widget.CircularProgressProps
+            // drawingarea: Widget.DrawingAreaProps
+            entry: Widget.EntryProps
+            image: Widget.ImageProps
+            label: Widget.LabelProps
+            levelbar: Widget.LevelBarProps
+            overlay: Widget.OverlayProps
+            revealer: Widget.RevealerProps
+            slider: Widget.SliderProps
+            stack: Widget.StackProps
+            switch: Widget.SwitchProps
+            window: Widget.WindowProps
+            menubutton: Widget.MenuButtonProps
+            popover: Widget.PopoverProps
+        }
+    }
+}
+
+export const jsxs = jsx