1 files changed, 96 insertions, 0 deletions
diff --git a/lang/gjs/src/gtk3/jsx-runtime.ts b/lang/gjs/src/gtk3/jsx-runtime.ts
new file mode 100644
index 0000000..22dc424
--- /dev/null
+++ b/lang/gjs/src/gtk3/jsx-runtime.ts
@@ -0,0 +1,96 @@
+import Gtk from "gi://Gtk?version=3.0"
+import { mergeBindings, type BindableChild } from "./astalify.js"
+import * as Widget from "./widget.js"
+
+function isArrowFunction(func: any): func is (args: any) => any {
+    return !Object.hasOwn(func, "prototype")
+}
+
+export function Fragment({ children = [], child }: {
+    child?: BindableChild
+    children?: Array<BindableChild>
+}) {
+    return mergeBindings([...children, child])
+}
+
+export function jsx(
+    ctor: keyof typeof ctors | typeof Gtk.Widget,
+    { children, ...props }: any,
+) {
+    children ??= []
+
+    if (!Array.isArray(children))
+        children = [children]
+
+    children = children.filter(Boolean)
+
+    if (children.length === 1)
+        props.child = children[0]
+    else if (children.length > 1)
+        props.children = children
+
+    if (typeof ctor === "string") {
+        return new ctors[ctor](props)
+    }
+
+    if (isArrowFunction(ctor))
+        return ctor(props)
+
+    // @ts-expect-error can be class or function
+    return new ctor(props)
+}
+
+const ctors = {
+    box: Widget.Box,
+    button: Widget.Button,
+    centerbox: Widget.CenterBox,
+    circularprogress: Widget.CircularProgress,
+    drawingarea: Widget.DrawingArea,
+    entry: Widget.Entry,
+    eventbox: Widget.EventBox,
+    // TODO: fixed
+    // TODO: flowbox
+    icon: Widget.Icon,
+    label: Widget.Label,
+    levelbar: Widget.LevelBar,
+    // TODO: listbox
+    overlay: Widget.Overlay,
+    revealer: Widget.Revealer,
+    scrollable: Widget.Scrollable,
+    slider: Widget.Slider,
+    stack: Widget.Stack,
+    switch: Widget.Switch,
+    window: Widget.Window,
+}
+
+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
+            eventbox: Widget.EventBoxProps
+            // TODO: fixed
+            // TODO: flowbox
+            icon: Widget.IconProps
+            label: Widget.LabelProps
+            levelbar: Widget.LevelBarProps
+            // TODO: listbox
+            overlay: Widget.OverlayProps
+            revealer: Widget.RevealerProps
+            scrollable: Widget.ScrollableProps
+            slider: Widget.SliderProps
+            stack: Widget.StackProps
+            switch: Widget.SwitchProps
+            window: Widget.WindowProps
+        }
+    }
+}
+
+export const jsxs = jsx