@gtkx/ffi 0.14.0 → 0.16.0

package/README.md

@@ -31,36 +31,36 @@ npm run dev
 
 ```tsx
 import {
- GtkApplicationWindow,
- GtkBox,
- GtkButton,
- GtkLabel,
- quit,
- render,
+  GtkApplicationWindow,
+  GtkBox,
+  GtkButton,
+  GtkLabel,
+  quit,
+  render,
 } from "@gtkx/react";
 import * as Gtk from "@gtkx/ffi/gtk";
 import { useState } from "react";
 
 const App = () => {
- const [count, setCount] = useState(0);
-
- return (
- <GtkApplicationWindow
- title="Counter"
- defaultWidth={300}
- defaultHeight={200}
- onClose={quit}
->
- <GtkBox
- orientation={Gtk.Orientation.VERTICAL}
- spacing={20}
- valign={Gtk.Align.CENTER}
->
- <GtkLabel label={`Count: ${count}`} cssClasses={["title-1"]} />
- <GtkButton label="Increment" onClicked={() => setCount((c) => c + 1)} />
- </GtkBox>
- </GtkApplicationWindow>
- );
+  const [count, setCount] = useState(0);
+
+  return (
+    <GtkApplicationWindow
+      title="Counter"
+      defaultWidth={300}
+      defaultHeight={200}
+      onClose={quit}
+    >
+      <GtkBox
+        orientation={Gtk.Orientation.VERTICAL}
+        spacing={20}
+        valign={Gtk.Align.CENTER}
+      >
+        <GtkLabel label={`Count: ${count}`} cssClasses={["title-1"]} />
+        <GtkButton label="Increment" onClicked={() => setCount((c) => c + 1)} />
+      </GtkBox>
+    </GtkApplicationWindow>
+  );
 };
 
 render(<App />, "com.example.counter");
@@ -71,6 +71,7 @@ render(<App />, "com.example.counter");
 - **React 19** — Hooks, concurrent features, and the component model you know
 - **Native GTK4 widgets** — Real native controls, not web components in a webview
 - **Adwaita support** — Modern GNOME styling with Libadwaita components
+- **Declarative animations** — Framer Motion-like API using native Adwaita animations
 - **Hot Module Replacement** — Fast refresh during development
 - **TypeScript first** — Full type safety with auto-generated bindings
 - **CSS-in-JS styling** — Familiar styling patterns adapted for GTK
@@ -80,11 +81,11 @@ render(<App />, "com.example.counter");
 
 Explore complete applications in the [`examples/`](./examples) directory:
 
-- **[browser](./examples/browser)** — Simple browser using WebKitWebView
 - **[gtk-demo](./examples/gtk-demo)** — Full replica of the official GTK demo app
 - **[hello-world](./examples/hello-world)** — Minimal application showing a counter
 - **[todo](./examples/todo)** — Full-featured todo application with Adwaita styling and testing
-- **[x-showcase](./examples/x-showcase)** — Showcase of all x.* virtual components
+- **[x-showcase](./examples/x-showcase)** — Showcase of all x.\* virtual components
+- **[browser](./examples/browser)** — Simple browser using WebKitWebView
 - **[deploying](./examples/deploying)** — Example of packaging and distributing a GTKX app
 
 ## Documentation

package/dist/batch.d.ts

@@ -1,71 +1 @@
-import { type Arg, type Type } from "@gtkx/native";
-/**
- * Begins a new FFI call batch.
- *
- * Batching queues multiple FFI calls and executes them together in a single
- * native round-trip, reducing overhead. Batches can be nested.
- *
- * @example
- * ```tsx
- * beginBatch();
- * widget.setVisible(true);
- * widget.setSensitive(true);
- * endBatch(); // Executes both calls in one FFI round-trip
- * ```
- *
- * @see {@link endBatch} for executing batched calls
- * @see {@link batch} for a convenient wrapper
- */
-export declare const beginBatch: () => void;
-/**
- * Checks if currently inside a batch context.
- *
- * @returns `true` if {@link beginBatch} was called without a matching {@link endBatch}
- */
-export declare const isBatching: () => boolean;
-/**
- * Ends the current batch and executes all queued FFI calls.
- *
- * Must be paired with a preceding {@link beginBatch} call.
- *
- * @see {@link beginBatch} for starting a batch
- * @see {@link batch} for a convenient wrapper
- */
-export declare const endBatch: () => void;
-/**
- * Discards all pending batched calls without executing them.
- *
- * Used for error recovery when batched operations should be abandoned.
- */
-export declare const discardAllBatches: () => void;
-/**
- * Makes an FFI call, batching it if inside a batch context.
- *
- * Calls with void return type are queued for batching. Calls with return
- * values are executed immediately since the result is needed.
- *
- * @param library - Shared library name (e.g., "libgtk-4.so.1")
- * @param symbol - Function symbol name
- * @param args - Function arguments
- * @param returnType - Expected return type
- * @returns The function return value, or undefined for void calls
- */
-export declare const call: (library: string, symbol: string, args: Arg[], returnType: Type) => unknown;
-/**
- * Executes a function with automatic batching.
- *
- * Wraps the function in {@link beginBatch}/{@link endBatch} calls.
- *
- * @param fn - Function to execute with batching
- * @returns The function's return value
- *
- * @example
- * ```tsx
- * batch(() => {
- *   widget.setVisible(true);
- *   widget.setSensitive(true);
- *   widget.setCssClasses(["active"]);
- * });
- * ```
- */
-export declare const batch: <T extends (...args: unknown[]) => unknown>(fn: T) => ReturnType<T>;
+export { call } from "./native/lifecycle.js";

package/dist/batch.js

@@ -1,108 +1 @@
-import { batchCall, call as nativeCall } from "@gtkx/native";
-import { isStarted } from "./native/lifecycle.js";
-const batchStack = [];
-/**
- * Begins a new FFI call batch.
- *
- * Batching queues multiple FFI calls and executes them together in a single
- * native round-trip, reducing overhead. Batches can be nested.
- *
- * @example
- * ```tsx
- * beginBatch();
- * widget.setVisible(true);
- * widget.setSensitive(true);
- * endBatch(); // Executes both calls in one FFI round-trip
- * ```
- *
- * @see {@link endBatch} for executing batched calls
- * @see {@link batch} for a convenient wrapper
- */
-export const beginBatch = () => {
-    batchStack.push([]);
-};
-/**
- * Checks if currently inside a batch context.
- *
- * @returns `true` if {@link beginBatch} was called without a matching {@link endBatch}
- */
-export const isBatching = () => {
-    return batchStack.length > 0;
-};
-/**
- * Ends the current batch and executes all queued FFI calls.
- *
- * Must be paired with a preceding {@link beginBatch} call.
- *
- * @see {@link beginBatch} for starting a batch
- * @see {@link batch} for a convenient wrapper
- */
-export const endBatch = () => {
-    const queue = batchStack.pop();
-    if (!queue)
-        return;
-    if (queue.length > 0) {
-        batchCall(queue);
-    }
-};
-/**
- * Discards all pending batched calls without executing them.
- *
- * Used for error recovery when batched operations should be abandoned.
- */
-export const discardAllBatches = () => {
-    batchStack.length = 0;
-    endBatch();
-};
-/**
- * Makes an FFI call, batching it if inside a batch context.
- *
- * Calls with void return type are queued for batching. Calls with return
- * values are executed immediately since the result is needed.
- *
- * @param library - Shared library name (e.g., "libgtk-4.so.1")
- * @param symbol - Function symbol name
- * @param args - Function arguments
- * @param returnType - Expected return type
- * @returns The function return value, or undefined for void calls
- */
-export const call = (library, symbol, args, returnType) => {
-    if (!isStarted()) {
-        const err = new Error(`[gtkx] FFI call blocked in forked process: ${library}:${symbol}`);
-        console.error(err.message);
-        console.error("Stack trace:", err.stack);
-        throw err;
-    }
-    const currentQueue = batchStack[batchStack.length - 1];
-    if (currentQueue && returnType.type === "undefined") {
-        currentQueue.push({ library, symbol, args });
-        return undefined;
-    }
-    return nativeCall(library, symbol, args, returnType);
-};
-/**
- * Executes a function with automatic batching.
- *
- * Wraps the function in {@link beginBatch}/{@link endBatch} calls.
- *
- * @param fn - Function to execute with batching
- * @returns The function's return value
- *
- * @example
- * ```tsx
- * batch(() => {
- *   widget.setVisible(true);
- *   widget.setSensitive(true);
- *   widget.setCssClasses(["active"]);
- * });
- * ```
- */
-export const batch = (fn) => {
-    beginBatch();
-    try {
-        return fn();
-    }
-    finally {
-        endBatch();
-    }
-};
+export { call } from "./native/lifecycle.js";

package/dist/cairo/cairo.d.ts

@@ -2,7 +2,8 @@ import { Context } from "../generated/cairo/context.js";
 import type { Antialias, FillRule, FontSlant, FontWeight, LineCap, LineJoin, Operator } from "../generated/cairo/enums.js";
 import { FontOptions } from "../generated/cairo/font-options.js";
 import { Pattern } from "../generated/cairo/pattern.js";
-export { Context, Pattern, FontOptions };
+import { Surface } from "../generated/cairo/surface.js";
+export { Context, Pattern, FontOptions, Surface };
 declare module "../generated/cairo/context.js" {
     interface Context {
         /**
@@ -17,6 +18,28 @@ declare module "../generated/cairo/context.js" {
          * @param y - The Y coordinate of the end of the line
          */
         lineTo(x: number, y: number): this;
+        /**
+         * Relative move: begins a new sub-path offset from the current point.
+         * @param dx - The X offset from the current point
+         * @param dy - The Y offset from the current point
+         */
+        relMoveTo(dx: number, dy: number): this;
+        /**
+         * Relative line: adds a line from the current point by the given offset.
+         * @param dx - The X offset from the current point
+         * @param dy - The Y offset from the current point
+         */
+        relLineTo(dx: number, dy: number): this;
+        /**
+         * Relative curve: adds a cubic Bézier spline with control points relative to current point.
+         * @param dx1 - X offset of the first control point
+         * @param dy1 - Y offset of the first control point
+         * @param dx2 - X offset of the second control point
+         * @param dy2 - Y offset of the second control point
+         * @param dx3 - X offset of the end point
+         * @param dy3 - Y offset of the end point
+         */
+        relCurveTo(dx1: number, dy1: number, dx2: number, dy2: number, dx3: number, dy3: number): this;
         /**
          * Adds a cubic Bézier spline to the path from the current point to (x3, y3),
          * using (x1, y1) and (x2, y2) as control points.
@@ -235,6 +258,53 @@ declare module "../generated/cairo/context.js" {
          * @returns The current antialiasing mode
          */
         getAntialias(): Antialias;
+        /**
+         * Emits the current page for backends that support multiple pages (PDF, PostScript).
+         * After this call, the current page is cleared.
+         */
+        showPage(): this;
+        /**
+         * Gets the target surface for the cairo context.
+         * @returns The target surface
+         */
+        getTarget(): Surface;
+        /**
+         * Sets a surface as the source pattern for drawing operations.
+         * @param surface - The surface to use as source
+         * @param x - X coordinate of the surface origin
+         * @param y - Y coordinate of the surface origin
+         */
+        setSourceSurface(surface: Surface, x: number, y: number): this;
+        /**
+         * Gets the current point of the current path.
+         * @returns An object with x and y coordinates, or null if there is no current point
+         */
+        getCurrentPoint(): {
+            x: number;
+            y: number;
+        } | null;
+    }
+}
+declare module "../generated/cairo/surface.js" {
+    interface Surface {
+        /**
+         * Creates a Cairo drawing context for this surface.
+         * @returns A new Context for drawing on this surface
+         */
+        createContext(): Context;
+        /**
+         * Finishes the surface and flushes any pending output.
+         * After calling this, the surface should not be used.
+         */
+        finish(): void;
+        /**
+         * Creates a new surface similar to this one.
+         * @param content - The content type ("COLOR", "ALPHA", or "COLOR_ALPHA")
+         * @param width - Width of the new surface in device-space units
+         * @param height - Height of the new surface in device-space units
+         * @returns A new similar surface
+         */
+        createSimilar(content: "COLOR" | "ALPHA" | "COLOR_ALPHA", width: number, height: number): Surface;
     }
 }
 declare module "../generated/cairo/font-options.js" {
@@ -315,7 +385,7 @@ declare module "../generated/cairo/pattern.js" {
  * Text extents returned by {@link Context.textExtents}.
  * All values are in user-space units.
  */
-export interface TextExtents {
+export type TextExtents = {
     /** Horizontal distance from the origin to the leftmost part of the glyphs */
     xBearing: number;
     /** Vertical distance from the origin to the topmost part of the glyphs */
@@ -328,4 +398,8 @@ export interface TextExtents {
     xAdvance: number;
     /** Vertical distance to advance after drawing the text */
     yAdvance: number;
+};
+export declare class PdfSurface extends Surface {
+    static readonly glibTypeName: string;
+    constructor(filename: string, widthInPoints: number, heightInPoints: number);
 }

package/dist/cairo/cairo.js

@@ -1,39 +1,54 @@
-import { alloc, call, read } from "@gtkx/native";
+import { alloc, call, createRef, read } from "@gtkx/native";
 import { Context } from "../generated/cairo/context.js";
 import { FontOptions } from "../generated/cairo/font-options.js";
 import { Pattern } from "../generated/cairo/pattern.js";
+import { Surface } from "../generated/cairo/surface.js";
 import { getNativeObject } from "../native/object.js";
-export { Context, Pattern, FontOptions };
+export { Context, Pattern, FontOptions, Surface };
 const LIB = "libcairo.so.2";
 const LIB_GOBJECT = "libcairo-gobject.so.2";
 const FONT_OPTIONS_T = {
     type: "boxed",
     innerType: "CairoFontOptions",
-    lib: LIB_GOBJECT,
+    library: LIB_GOBJECT,
     getTypeFn: "cairo_gobject_font_options_get_type",
     ownership: "borrowed",
 };
 const CAIRO_T = {
     type: "boxed",
     innerType: "CairoContext",
-    lib: LIB_GOBJECT,
+    library: LIB_GOBJECT,
     getTypeFn: "cairo_gobject_context_get_type",
     ownership: "borrowed",
 };
 const PATTERN_T = {
     type: "boxed",
     innerType: "CairoPattern",
-    lib: LIB_GOBJECT,
+    library: LIB_GOBJECT,
     getTypeFn: "cairo_gobject_pattern_get_type",
     ownership: "full",
 };
 const PATTERN_T_NONE = {
     type: "boxed",
     innerType: "CairoPattern",
-    lib: LIB_GOBJECT,
+    library: LIB_GOBJECT,
     getTypeFn: "cairo_gobject_pattern_get_type",
     ownership: "borrowed",
 };
+const SURFACE_T = {
+    type: "boxed",
+    innerType: "CairoSurface",
+    library: LIB_GOBJECT,
+    getTypeFn: "cairo_gobject_surface_get_type",
+    ownership: "full",
+};
+const SURFACE_T_NONE = {
+    type: "boxed",
+    innerType: "CairoSurface",
+    library: LIB_GOBJECT,
+    getTypeFn: "cairo_gobject_surface_get_type",
+    ownership: "borrowed",
+};
 const DOUBLE_TYPE = { type: "float", size: 64 };
 Context.prototype.moveTo = function (x, y) {
     call(LIB, "cairo_move_to", [
@@ -51,6 +66,34 @@ Context.prototype.lineTo = function (x, y) {
     ], { type: "undefined" });
     return this;
 };
+Context.prototype.relMoveTo = function (dx, dy) {
+    call(LIB, "cairo_rel_move_to", [
+        { type: CAIRO_T, value: this.handle },
+        { type: DOUBLE_TYPE, value: dx },
+        { type: DOUBLE_TYPE, value: dy },
+    ], { type: "undefined" });
+    return this;
+};
+Context.prototype.relLineTo = function (dx, dy) {
+    call(LIB, "cairo_rel_line_to", [
+        { type: CAIRO_T, value: this.handle },
+        { type: DOUBLE_TYPE, value: dx },
+        { type: DOUBLE_TYPE, value: dy },
+    ], { type: "undefined" });
+    return this;
+};
+Context.prototype.relCurveTo = function (dx1, dy1, dx2, dy2, dx3, dy3) {
+    call(LIB, "cairo_rel_curve_to", [
+        { type: CAIRO_T, value: this.handle },
+        { type: DOUBLE_TYPE, value: dx1 },
+        { type: DOUBLE_TYPE, value: dy1 },
+        { type: DOUBLE_TYPE, value: dx2 },
+        { type: DOUBLE_TYPE, value: dy2 },
+        { type: DOUBLE_TYPE, value: dx3 },
+        { type: DOUBLE_TYPE, value: dy3 },
+    ], { type: "undefined" });
+    return this;
+};
 Context.prototype.curveTo = function (x1, y1, x2, y2, x3, y3) {
     call(LIB, "cairo_curve_to", [
         { type: CAIRO_T, value: this.handle },
@@ -196,7 +239,7 @@ Context.prototype.setLineJoin = function (lineJoin) {
 Context.prototype.setDash = function (dashes, offset) {
     call(LIB, "cairo_set_dash", [
         { type: CAIRO_T, value: this.handle },
-        { type: { type: "array", itemType: DOUBLE_TYPE, listType: "array", ownership: "full" }, value: dashes },
+        { type: { type: "array", itemType: DOUBLE_TYPE, kind: "array", ownership: "full" }, value: dashes },
         { type: { type: "int", size: 32, unsigned: false }, value: dashes.length },
         { type: DOUBLE_TYPE, value: offset },
     ], { type: "undefined" });
@@ -290,7 +333,7 @@ Context.prototype.textExtents = function (text) {
         { type: CAIRO_T, value: this.handle },
         { type: { type: "string", ownership: "full" }, value: text },
         {
-            type: { type: "boxed", innerType: "cairo_text_extents_t", lib: LIB, ownership: "borrowed" },
+            type: { type: "boxed", innerType: "cairo_text_extents_t", library: LIB, ownership: "borrowed" },
             value: extents,
         },
     ], { type: "undefined" });
@@ -378,7 +421,7 @@ FontOptions.create = () => {
     const ptr = call(LIB, "cairo_font_options_create", [], {
         type: "boxed",
         innerType: "CairoFontOptions",
-        lib: LIB_GOBJECT,
+        library: LIB_GOBJECT,
         getTypeFn: "cairo_gobject_font_options_get_type",
         ownership: "full",
     });
@@ -412,3 +455,71 @@ FontOptions.prototype.setSubpixelOrder = function (subpixelOrder) {
     ], { type: "undefined" });
     return this;
 };
+Context.prototype.showPage = function () {
+    call(LIB, "cairo_show_page", [{ type: CAIRO_T, value: this.handle }], { type: "undefined" });
+    return this;
+};
+Surface.prototype.createContext = function () {
+    const ptr = call(LIB, "cairo_create", [{ type: SURFACE_T_NONE, value: this.handle }], CAIRO_T);
+    return getNativeObject(ptr, Context);
+};
+Surface.prototype.finish = function () {
+    call(LIB, "cairo_surface_finish", [{ type: SURFACE_T_NONE, value: this.handle }], { type: "undefined" });
+};
+const CONTENT_MAP = {
+    COLOR: 0x1000,
+    ALPHA: 0x2000,
+    COLOR_ALPHA: 0x3000,
+};
+Surface.prototype.createSimilar = function (content, width, height) {
+    const ptr = call(LIB, "cairo_surface_create_similar", [
+        { type: SURFACE_T_NONE, value: this.handle },
+        { type: { type: "int", size: 32, unsigned: false }, value: CONTENT_MAP[content] },
+        { type: { type: "int", size: 32, unsigned: false }, value: width },
+        { type: { type: "int", size: 32, unsigned: false }, value: height },
+    ], SURFACE_T);
+    return getNativeObject(ptr, Surface);
+};
+Context.prototype.getTarget = function () {
+    const ptr = call(LIB, "cairo_get_target", [{ type: CAIRO_T, value: this.handle }], SURFACE_T_NONE);
+    return getNativeObject(ptr, Surface);
+};
+Context.prototype.setSourceSurface = function (surface, x, y) {
+    call(LIB, "cairo_set_source_surface", [
+        { type: CAIRO_T, value: this.handle },
+        { type: SURFACE_T_NONE, value: surface.handle },
+        { type: DOUBLE_TYPE, value: x },
+        { type: DOUBLE_TYPE, value: y },
+    ], { type: "undefined" });
+    return this;
+};
+Context.prototype.getCurrentPoint = function () {
+    const hasPoint = call(LIB, "cairo_has_current_point", [{ type: CAIRO_T, value: this.handle }], {
+        type: "boolean",
+    });
+    if (!hasPoint) {
+        return null;
+    }
+    const xRef = createRef(0.0);
+    const yRef = createRef(0.0);
+    call(LIB, "cairo_get_current_point", [
+        { type: CAIRO_T, value: this.handle },
+        { type: { type: "ref", innerType: DOUBLE_TYPE }, value: xRef },
+        { type: { type: "ref", innerType: DOUBLE_TYPE }, value: yRef },
+    ], { type: "undefined" });
+    return {
+        x: xRef.value,
+        y: yRef.value,
+    };
+};
+export class PdfSurface extends Surface {
+    static glibTypeName = "CairoSurface";
+    constructor(filename, widthInPoints, heightInPoints) {
+        super();
+        this.handle = call(LIB, "cairo_pdf_surface_create", [
+            { type: { type: "string", ownership: "full" }, value: filename },
+            { type: DOUBLE_TYPE, value: widthInPoints },
+            { type: DOUBLE_TYPE, value: heightInPoints },
+        ], SURFACE_T);
+    }
+}

package/dist/generated/adw/about-dialog.js

@@ -279,7 +279,7 @@ export class AboutDialog extends Dialog {
                         type: "string",
                         ownership: "borrowed",
                     },
-                    listType: "array",
+                    kind: "array",
                     ownership: "borrowed",
                 },
                 value: people,
@@ -329,7 +329,7 @@ export class AboutDialog extends Dialog {
                         type: "string",
                         ownership: "borrowed",
                     },
-                    listType: "array",
+                    kind: "array",
                     ownership: "borrowed",
                 },
                 value: people,
@@ -409,7 +409,7 @@ export class AboutDialog extends Dialog {
                     type: "int",
                     size: 32,
                     unsigned: false,
-                    lib: "libgtk-4.so.1",
+                    library: "libgtk-4.so.1",
                     getTypeFn: "gtk_license_get_type",
                 },
                 value: licenseType,
@@ -561,7 +561,7 @@ export class AboutDialog extends Dialog {
                 type: "string",
                 ownership: "borrowed",
             },
-            listType: "array",
+            kind: "array",
             ownership: "borrowed",
         });
     }
@@ -641,7 +641,7 @@ export class AboutDialog extends Dialog {
                 type: "string",
                 ownership: "borrowed",
             },
-            listType: "array",
+            kind: "array",
             ownership: "borrowed",
         });
     }
@@ -676,7 +676,7 @@ export class AboutDialog extends Dialog {
                 type: "string",
                 ownership: "borrowed",
             },
-            listType: "array",
+            kind: "array",
             ownership: "borrowed",
         });
     }
@@ -696,7 +696,7 @@ export class AboutDialog extends Dialog {
                 type: "string",
                 ownership: "borrowed",
             },
-            listType: "array",
+            kind: "array",
             ownership: "borrowed",
         });
     }
@@ -744,7 +744,7 @@ export class AboutDialog extends Dialog {
             type: "int",
             size: 32,
             unsigned: false,
-            lib: "libgtk-4.so.1",
+            library: "libgtk-4.so.1",
             getTypeFn: "gtk_license_get_type",
         });
     }
@@ -921,7 +921,7 @@ export class AboutDialog extends Dialog {
                         type: "string",
                         ownership: "borrowed",
                     },
-                    listType: "array",
+                    kind: "array",
                     ownership: "borrowed",
                 },
                 value: artists,
@@ -1085,7 +1085,7 @@ export class AboutDialog extends Dialog {
                         type: "string",
                         ownership: "borrowed",
                     },
-                    listType: "array",
+                    kind: "array",
                     ownership: "borrowed",
                 },
                 value: designers,
@@ -1158,7 +1158,7 @@ export class AboutDialog extends Dialog {
                         type: "string",
                         ownership: "borrowed",
                     },
-                    listType: "array",
+                    kind: "array",
                     ownership: "borrowed",
                 },
                 value: developers,
@@ -1201,7 +1201,7 @@ export class AboutDialog extends Dialog {
                         type: "string",
                         ownership: "borrowed",
                     },
-                    listType: "array",
+                    kind: "array",
                     ownership: "borrowed",
                 },
                 value: documenters,
@@ -1305,7 +1305,7 @@ export class AboutDialog extends Dialog {
                     type: "int",
                     size: 32,
                     unsigned: false,
-                    lib: "libgtk-4.so.1",
+                    library: "libgtk-4.so.1",
                     getTypeFn: "gtk_license_get_type",
                 },
                 value: licenseType,
@@ -1546,7 +1546,7 @@ export class AboutDialog extends Dialog {
                             returnType: {
                                 type: "boolean",
                             },
-                            trampoline: "closure",
+                            kind: "closure",
                         },
                         value: wrappedHandler,
                     },