@gtkx/react 0.1.43 → 0.1.44

package/dist/codegen/jsx-generator.js

@@ -5,6 +5,7 @@ const COLUMN_VIEW_WIDGET = "ColumnView";
 const DROPDOWN_WIDGETS = new Set(["DropDown"]);
 const GRID_WIDGETS = new Set(["Grid"]);
 const NOTEBOOK_WIDGET = "Notebook";
+const TEXT_VIEW_WIDGET = "TextView";
 const INTERNALLY_PROVIDED_PARAMS = {
     ApplicationWindow: new Set(["application"]),
 };
@@ -33,6 +34,7 @@ const isColumnViewWidget = (widgetName) => widgetName === COLUMN_VIEW_WIDGET;
 const isDropDownWidget = (widgetName) => DROPDOWN_WIDGETS.has(widgetName);
 const isGridWidget = (widgetName) => GRID_WIDGETS.has(widgetName);
 const isNotebookWidget = (widgetName) => widgetName === NOTEBOOK_WIDGET;
+const isTextViewWidget = (widgetName) => widgetName === TEXT_VIEW_WIDGET;
 const sanitizeDoc = (doc) => {
     let result = doc;
     result = result.replace(/<picture>[\s\S]*?<\/picture>/gi, "");
@@ -327,6 +329,11 @@ ${widgetPropsContent}
             lines.push(`\t/** Called when selection changes */`);
             lines.push(`\tonSelectionChanged?: (item: any, index: number) => void;`);
         }
+        if (isTextViewWidget(widget.name)) {
+            lines.push("");
+            lines.push(`\t/** Called when the text buffer content changes */`);
+            lines.push(`\tonChanged?: (text: string) => void;`);
+        }
         lines.push("");
         lines.push(`\tref?: Ref<Gtk.${widgetName}>;`);
         lines.push(`}`);

package/dist/factory.js

@@ -6,6 +6,7 @@ import { NotebookNode, NotebookPageNode } from "./nodes/notebook.js";
 import { OverlayNode } from "./nodes/overlay.js";
 import { RootNode } from "./nodes/root.js";
 import { SlotNode } from "./nodes/slot.js";
+import { TextViewNode } from "./nodes/text-view.js";
 import { WidgetNode } from "./nodes/widget.js";
 export { ROOT_NODE_CONTAINER } from "./nodes/root.js";
 const NODE_CLASSES = [
@@ -17,6 +18,7 @@ const NODE_CLASSES = [
     GridChildNode,
     NotebookPageNode,
     SlotNode,
+    TextViewNode,
     DropDownNode,
     GridNode,
     OverlayNode,

package/dist/generated/jsx.d.ts

@@ -1177,6 +1177,7 @@ export interface TextViewProps extends WidgetProps {
     onSetAnchor?: (self: Gtk.TextView) => void;
     onToggleCursorVisible?: (self: Gtk.TextView) => void;
     onToggleOverwrite?: (self: Gtk.TextView) => void;
+    onChanged?: (text: string) => void;
     ref?: Ref<Gtk.TextView>;
 }
 export interface ToggleButtonProps extends ButtonProps {

package/dist/nodes/text-view.d.ts

@@ -0,0 +1,14 @@
+import * as Gtk from "@gtkx/ffi/gtk";
+import type { Props } from "../factory.js";
+import { Node } from "../node.js";
+export declare class TextViewNode extends Node<Gtk.TextView> {
+    static matches(type: string): boolean;
+    private buffer;
+    private onChanged?;
+    private bufferChangedHandlerId?;
+    constructor(type: string, props: Props, app: Gtk.Application);
+    private connectBufferSignal;
+    private disconnectBufferSignal;
+    protected consumedProps(): Set<string>;
+    updateProps(oldProps: Props, newProps: Props): void;
+}

package/dist/nodes/text-view.js

@@ -0,0 +1,52 @@
+import { createRef } from "@gtkx/ffi";
+import * as GObject from "@gtkx/ffi/gobject";
+import * as Gtk from "@gtkx/ffi/gtk";
+import { Node } from "../node.js";
+const getBufferText = (buffer) => {
+    const startRef = createRef(new Gtk.TextIter());
+    const endRef = createRef(new Gtk.TextIter());
+    buffer.getStartIter(startRef);
+    buffer.getEndIter(endRef);
+    return buffer.getText(startRef.value, endRef.value, true);
+};
+export class TextViewNode extends Node {
+    static matches(type) {
+        return type === "TextView";
+    }
+    buffer;
+    onChanged;
+    bufferChangedHandlerId;
+    constructor(type, props, app) {
+        super(type, props, app);
+        this.buffer = this.widget.getBuffer();
+        this.onChanged = props.onChanged;
+        queueMicrotask(() => this.connectBufferSignal());
+    }
+    connectBufferSignal() {
+        if (this.onChanged && this.bufferChangedHandlerId === undefined) {
+            this.bufferChangedHandlerId = this.buffer.connect("changed", () => {
+                const text = getBufferText(this.buffer);
+                this.onChanged?.(text);
+            });
+        }
+    }
+    disconnectBufferSignal() {
+        if (this.bufferChangedHandlerId !== undefined) {
+            GObject.signalHandlerDisconnect(this.buffer, this.bufferChangedHandlerId);
+            this.bufferChangedHandlerId = undefined;
+        }
+    }
+    consumedProps() {
+        const consumed = super.consumedProps();
+        consumed.add("onChanged");
+        return consumed;
+    }
+    updateProps(oldProps, newProps) {
+        if (this.buffer && oldProps.onChanged !== newProps.onChanged) {
+            this.disconnectBufferSignal();
+            this.onChanged = newProps.onChanged;
+            this.connectBufferSignal();
+        }
+        super.updateProps(oldProps, newProps);
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gtkx/react",
-  "version": "0.1.43",
+  "version": "0.1.44",
   "description": "Build GTK4 desktop applications with React and TypeScript",
   "keywords": [
     "gtk",
@@ -36,10 +36,10 @@
   ],
   "dependencies": {
     "react-reconciler": "0.33.0",
-    "@gtkx/ffi": "0.1.43"
+    "@gtkx/ffi": "0.1.44"
   },
   "devDependencies": {
-    "@gtkx/gir": "0.1.43"
+    "@gtkx/gir": "0.1.44"
   },
   "peerDependencies": {
     "react": "^19"