add gtk typings and renderer for window

lib/jsx/jsx-runtime.ts

@@ -1,14 +1,16 @@
 import { renderJSX } from "./render";
-import type { JSXChildren, RenderedNode } from "./types";
+import type { GtkElements, GtkTag, JSXChildren } from "./types";
+import type GObject20 from "gi://GObject?version=2.0";
 
 namespace JSX {
-	export type Attributes = Record<string, unknown> & JSXChildren;
 	// Allow any html tag
-	export type IntrinsicElements = Record<string, Attributes>;
+	export type IntrinsicElements = {
+		[T in GtkTag]: GtkElements[T] & JSXChildren;
+	};
 
 	// Declare the shape of JSX rendering result
 	// This is required so the return types of components can be inferred
-	export type Element = RenderedNode;
+	export type Element = GObject20.Object & {};
 }
 
 // Expose the main namespace

lib/jsx/render.ts

@@ -1,16 +1,25 @@
 import type { JSX } from "./jsx-runtime";
-import type { FunctionComponent } from "./types";
+import {
+	GtkClasses,
+	type FunctionComponent,
+	type GtkElements,
+	type GtkTag,
+} from "./types";
 
-export function renderJSX<T extends keyof JSX.IntrinsicElements>(
-	tag: string | FunctionComponent | undefined,
+function renderTag<T extends GtkTag>(tag: T, attributes: GtkElements[T]) {
+	return new GtkClasses[tag]({ ...attributes });
+}
+
+export function renderJSX<T extends GtkTag>(
+	tag: T | FunctionComponent | undefined,
 	props: JSX.IntrinsicElements[T],
 ) {
 	if (typeof tag === "function") {
-		return tag(props);
+		return tag(props as Record<string, unknown>);
 	}
 	if (typeof tag === "undefined") {
 		return {};
 	}
 	const { children, ...rest } = props;
-	return { [tag]: { ...rest } };
+	return renderTag(tag, rest as GtkElements[T]);
 }

lib/jsx/types/gtk.ts

@@ -0,0 +1,11 @@
+import Gtk40 from "gi://Gtk?version=4.0";
+
+export const GtkClasses = {
+	window: Gtk40.Window,
+};
+export type GtkElements = {
+	[K in keyof typeof GtkClasses]: ConstructorParameters<
+		(typeof GtkClasses)[K]
+	>[0];
+};
+export type GtkTag = keyof typeof GtkClasses;

lib/jsx/types/index.ts

@@ -0,0 +1,2 @@
+export * from "./gtk";
+export * from "./jsx";

lib/jsx/types/jsx.ts

@@ -1,4 +1,6 @@
-export type RenderedNode = object;
+import type { JSX } from "@lib/jsx/jsx-runtime";
+
+export type RenderedNode = JSX.Element;
 
 export type JSXNode =
 	| RenderedNode