@gtkx/react 0.10.2 → 0.10.4

package/dist/host-config.d.ts

@@ -5,7 +5,6 @@ import type { Container, Props } from "./types.js";
 declare global {
     var __GTKX_CONTAINER_NODE_CACHE__: Map<number, Node> | undefined;
 }
-export declare const isCommitting: () => boolean;
 type TextInstance = Node;
 type SuspenseInstance = never;
 type HydratableInstance = never;

package/dist/host-config.js

@@ -1,13 +1,11 @@
 import { beginBatch, endBatch, getObjectId } from "@gtkx/ffi";
 import React from "react";
 import { createNode } from "./factory.js";
-import { clearFiredSignals } from "./nodes/internal/signal-store.js";
+import { signalStore } from "./nodes/internal/signal-store.js";
 import { flushAfterCommit } from "./scheduler.js";
 if (!globalThis.__GTKX_CONTAINER_NODE_CACHE__) {
     globalThis.__GTKX_CONTAINER_NODE_CACHE__ = new Map();
 }
-let committing = false;
-export const isCommitting = () => committing;
 const containerNodeCache = globalThis.__GTKX_CONTAINER_NODE_CACHE__;
 const getOrCreateContainerNode = (container) => {
     const id = getObjectId(container.id);
@@ -73,15 +71,14 @@ export function createHostConfig() {
             parent.insertBefore(child, beforeChild);
         },
         prepareForCommit: () => {
-            committing = true;
+            signalStore.blockAll();
             beginBatch();
             return null;
         },
         resetAfterCommit: () => {
             endBatch();
-            clearFiredSignals();
+            signalStore.unblockAll();
             flushAfterCommit();
-            committing = false;
         },
         commitTextUpdate: (textInstance, oldText, newText) => {
             textInstance.updateProps({ label: oldText }, { label: newText });

package/dist/jsx.d.ts

@@ -105,29 +105,6 @@ export type FixedChildProps = SlotProps & {
     /** Y coordinate in pixels */
     y?: number;
 };
-/**
- * Props for declarative toast notifications.
- *
- * @see {@link Toast} for usage
- */
-export type ToastProps = {
-    /** The toast message text */
-    title: string;
-    /** Timeout in seconds (0 for indefinite) */
-    timeout?: number;
-    /** Priority level for interrupting other toasts */
-    priority?: import("@gtkx/ffi/adw").ToastPriority;
-    /** Label for the action button */
-    buttonLabel?: string;
-    /** Action name to trigger when button is clicked */
-    actionName?: string;
-    /** Whether to use Pango markup in the title */
-    useMarkup?: boolean;
-    /** Callback when the toast button is clicked */
-    onButtonClicked?: () => void;
-    /** Callback when the toast is dismissed */
-    onDismissed?: () => void;
-};
 /**
  * Props for custom list view rendering.
  *
@@ -336,29 +313,6 @@ export declare const GridChild: "GridChild";
  * ```
  */
 export declare const FixedChild: "FixedChild";
-/**
- * Element type for declarative toast notifications within an AdwToastOverlay.
- *
- * When mounted, shows the toast. When unmounted, the toast auto-dismisses.
- * Toasts can have an optional action button and callbacks.
- *
- * @example
- * ```tsx
- * <AdwToastOverlay>
- *   <MyContent />
- *   {showToast && (
- *     <Toast
- *       title="File saved"
- *       timeout={3}
- *       buttonLabel="Undo"
- *       onButtonClicked={handleUndo}
- *       onDismissed={() => setShowToast(false)}
- *     />
- *   )}
- * </AdwToastOverlay>
- * ```
- */
-export declare const Toast: "Toast";
 /**
  * Element types for pages within a GtkNotebook (tabbed interface).
  *
@@ -686,7 +640,6 @@ declare global {
                 StackPage: StackPageProps;
                 GridChild: GridChildProps;
                 FixedChild: FixedChildProps;
-                Toast: ToastProps;
                 "Notebook.Page": NotebookPageProps;
                 "Notebook.PageTab": NotebookPageTabProps;
                 ListItem: ListItemProps;

package/dist/jsx.js

@@ -73,29 +73,6 @@ export const GridChild = "GridChild";
  * ```
  */
 export const FixedChild = "FixedChild";
-/**
- * Element type for declarative toast notifications within an AdwToastOverlay.
- *
- * When mounted, shows the toast. When unmounted, the toast auto-dismisses.
- * Toasts can have an optional action button and callbacks.
- *
- * @example
- * ```tsx
- * <AdwToastOverlay>
- *   <MyContent />
- *   {showToast && (
- *     <Toast
- *       title="File saved"
- *       timeout={3}
- *       buttonLabel="Undo"
- *       onButtonClicked={handleUndo}
- *       onDismissed={() => setShowToast(false)}
- *     />
- *   )}
- * </AdwToastOverlay>
- * ```
- */
-export const Toast = "Toast";
 /**
  * Element types for pages within a GtkNotebook (tabbed interface).
  *

package/dist/node.d.ts

@@ -1,4 +1,3 @@
-import { SignalStore } from "./nodes/internal/signal-store.js";
 import type { Container, ContainerClass, Props } from "./types.js";
 export declare class Node<T = unknown, P = Props> {
     static priority: number;
@@ -6,7 +5,6 @@ export declare class Node<T = unknown, P = Props> {
     static createContainer(_props: Props, _containerClass: ContainerClass, _rootContainer?: Container): unknown;
     container: T;
     typeName: string;
-    protected signalStore: SignalStore;
     constructor(typeName: string, _props: P | undefined, container: T, _rootContainer?: Container);
     appendChild(_child: Node): void;
     removeChild(_child: Node): void;

package/dist/node.js

@@ -1,4 +1,4 @@
-import { SignalStore } from "./nodes/internal/signal-store.js";
+import { signalStore } from "./nodes/internal/signal-store.js";
 export class Node {
     static priority = 0;
     static matches(_type, _containerOrClass) {
@@ -9,11 +9,9 @@ export class Node {
     }
     container;
     typeName;
-    signalStore;
     constructor(typeName, _props = {}, container, _rootContainer) {
         this.typeName = typeName;
         this.container = container;
-        this.signalStore = new SignalStore();
     }
     appendChild(_child) { }
     removeChild(_child) { }
@@ -21,6 +19,6 @@ export class Node {
     updateProps(_oldProps, _newProps) { }
     mount() { }
     unmount() {
-        this.signalStore.clear();
+        signalStore.clear(this);
     }
 }

package/dist/nodes/column-view-column.js

@@ -11,7 +11,7 @@ export class ColumnViewColumnNode extends VirtualNode {
     itemRenderer;
     constructor(typeName, props, container, rootContainer) {
         super(typeName, props, container, rootContainer);
-        this.itemRenderer = new ListItemRenderer(this.signalStore);
+        this.itemRenderer = new ListItemRenderer();
         this.column = new Gtk.ColumnViewColumn();
         this.column.setFactory(this.itemRenderer.getFactory());
     }

package/dist/nodes/column-view.js

@@ -1,6 +1,7 @@
 import * as Gtk from "@gtkx/ffi/gtk";
 import { registerNodeClass } from "../registry.js";
 import { ColumnViewColumnNode } from "./column-view-column.js";
+import { signalStore } from "./internal/signal-store.js";
 import { filterProps, isContainerType } from "./internal/utils.js";
 import { ListItemNode } from "./list-item.js";
 import { List } from "./models/list.js";
@@ -79,7 +80,7 @@ class ColumnViewNode extends WidgetNode {
                 this.handleSortChange = () => {
                     onSortChange?.(sorter.getPrimarySortColumn()?.getId() ?? null, sorter.getPrimarySortOrder());
                 };
-                this.signalStore.set(sorter, "changed", this.handleSortChange);
+                signalStore.set(this, sorter, "changed", this.handleSortChange);
             }
         }
         if (!oldProps || oldProps.sortColumn !== newProps.sortColumn || oldProps.sortOrder !== newProps.sortOrder) {

package/dist/nodes/index.d.ts

@@ -21,8 +21,6 @@ import "./simple-list-view.js";
 import "./slot.js";
 import "./stack-page.js";
 import "./stack.js";
-import "./toast-overlay.js";
-import "./toast.js";
 import "./toolbar-child.js";
 import "./tree-list-item.js";
 import "./tree-list-view.js";

package/dist/nodes/index.js

@@ -21,8 +21,6 @@ import "./simple-list-view.js";
 import "./slot.js";
 import "./stack-page.js";
 import "./stack.js";
-import "./toast-overlay.js";
-import "./toast.js";
 import "./toolbar-child.js";
 import "./tree-list-item.js";
 import "./tree-list-view.js";

package/dist/nodes/internal/list-item-renderer.d.ts

@@ -1,15 +1,13 @@
 import * as Gtk from "@gtkx/ffi/gtk";
 import type { ReactNode } from "react";
 import type { ListStore } from "./list-store.js";
-import type { SignalStore } from "./signal-store.js";
 export type RenderItemFn<T> = (item: T | null) => ReactNode;
 export declare class ListItemRenderer {
     private factory;
     private store?;
     private fiberRoots;
     private renderFn?;
-    private signalStore;
-    constructor(signalStore: SignalStore);
+    constructor();
     getFactory(): Gtk.SignalListItemFactory;
     setRenderFn(renderFn?: RenderItemFn<unknown>): void;
     setStore(store?: ListStore): void;

package/dist/nodes/internal/list-item-renderer.js

@@ -2,14 +2,13 @@ import { getObjectId } from "@gtkx/ffi";
 import * as Gtk from "@gtkx/ffi/gtk";
 import { createFiberRoot } from "../../fiber-root.js";
 import { reconciler } from "../../reconciler.js";
+import { signalStore } from "./signal-store.js";
 export class ListItemRenderer {
     factory;
     store;
     fiberRoots = new Map();
     renderFn = () => null;
-    signalStore;
-    constructor(signalStore) {
-        this.signalStore = signalStore;
+    constructor() {
         this.factory = new Gtk.SignalListItemFactory();
         this.initialize();
     }
@@ -29,7 +28,7 @@ export class ListItemRenderer {
         return this.store;
     }
     initialize() {
-        this.signalStore.set(this.factory, "setup", (_self, listItem) => {
+        signalStore.set(this, this.factory, "setup", (_self, listItem) => {
             const ptr = getObjectId(listItem.id);
             const box = new Gtk.Box(Gtk.Orientation.VERTICAL, 0);
             listItem.setChild(box);
@@ -38,7 +37,7 @@ export class ListItemRenderer {
             const element = this.renderFn?.(null);
             reconciler.getInstance().updateContainer(element, fiberRoot, null, () => { });
         });
-        this.signalStore.set(this.factory, "bind", (_self, listItem) => {
+        signalStore.set(this, this.factory, "bind", (_self, listItem) => {
             const ptr = getObjectId(listItem.id);
             const fiberRoot = this.fiberRoots.get(ptr);
             if (!fiberRoot)
@@ -48,14 +47,14 @@ export class ListItemRenderer {
             const element = this.renderFn?.(item);
             reconciler.getInstance().updateContainer(element, fiberRoot, null, () => { });
         });
-        this.signalStore.set(this.factory, "unbind", (_self, listItem) => {
+        signalStore.set(this, this.factory, "unbind", (_self, listItem) => {
             const ptr = getObjectId(listItem.id);
             const fiberRoot = this.fiberRoots.get(ptr);
             if (!fiberRoot)
                 return;
             reconciler.getInstance().updateContainer(null, fiberRoot, null, () => { });
         });
-        this.signalStore.set(this.factory, "teardown", (_self, listItem) => {
+        signalStore.set(this, this.factory, "teardown", (_self, listItem) => {
             const ptr = getObjectId(listItem.id);
             const fiberRoot = this.fiberRoots.get(ptr);
             if (fiberRoot) {

package/dist/nodes/internal/signal-store.d.ts

@@ -1,10 +1,16 @@
 import * as GObject from "@gtkx/ffi/gobject";
+type SignalOwner = object;
 export type SignalHandler = (...args: any[]) => any;
-export declare const clearFiredSignals: () => void;
-export declare class SignalStore {
-    private signalHandlers;
+declare class SignalStore {
+    private ownerHandlers;
+    private blockedHandlers;
+    private getOwnerMap;
     private disconnect;
     private connect;
-    set(obj: GObject.GObject, signal: string, handler?: SignalHandler): void;
-    clear(): void;
+    set(owner: SignalOwner, obj: GObject.GObject, signal: string, handler?: SignalHandler): void;
+    clear(owner: SignalOwner): void;
+    blockAll(): void;
+    unblockAll(): void;
 }
+export declare const signalStore: SignalStore;
+export {};

package/dist/nodes/internal/signal-store.js

@@ -1,6 +1,5 @@
 import { getObjectId } from "@gtkx/ffi";
 import * as GObject from "@gtkx/ffi/gobject";
-import { isCommitting } from "../../host-config.js";
 const LIFECYCLE_SIGNALS = new Set([
     "realize",
     "unrealize",
@@ -16,49 +15,69 @@ const LIFECYCLE_SIGNALS = new Set([
     "unbind",
     "teardown",
 ]);
-const firedThisCommit = new Set();
-export const clearFiredSignals = () => {
-    firedThisCommit.clear();
-};
-export class SignalStore {
-    signalHandlers = new Map();
-    disconnect(obj, signal) {
+class SignalStore {
+    ownerHandlers = new Map();
+    blockedHandlers = new Set();
+    getOwnerMap(owner) {
+        let map = this.ownerHandlers.get(owner);
+        if (!map) {
+            map = new Map();
+            this.ownerHandlers.set(owner, map);
+        }
+        return map;
+    }
+    disconnect(owner, obj, signal) {
         const objectId = getObjectId(obj.id);
         const key = `${objectId}:${signal}`;
-        const existing = this.signalHandlers.get(key);
+        const ownerMap = this.ownerHandlers.get(owner);
+        const existing = ownerMap?.get(key);
         if (existing) {
             GObject.signalHandlerDisconnect(existing.obj, existing.handlerId);
-            this.signalHandlers.delete(key);
+            ownerMap?.delete(key);
         }
     }
-    connect(obj, signal, handler) {
+    connect(owner, obj, signal, handler) {
         const objectId = getObjectId(obj.id);
         const key = `${objectId}:${signal}`;
-        const wrappedHandler = (...args) => {
-            if (LIFECYCLE_SIGNALS.has(signal)) {
-                return handler(...args);
+        const handlerId = obj.connect(signal, handler);
+        this.getOwnerMap(owner).set(key, { obj, handlerId });
+    }
+    set(owner, obj, signal, handler) {
+        this.disconnect(owner, obj, signal);
+        if (handler) {
+            this.connect(owner, obj, signal, handler);
+        }
+    }
+    clear(owner) {
+        const ownerMap = this.ownerHandlers.get(owner);
+        if (ownerMap) {
+            for (const { obj, handlerId } of ownerMap.values()) {
+                GObject.signalHandlerDisconnect(obj, handlerId);
             }
-            if (isCommitting()) {
-                if (firedThisCommit.has(key)) {
-                    return;
+            this.ownerHandlers.delete(owner);
+        }
+    }
+    blockAll() {
+        this.blockedHandlers.clear();
+        for (const ownerMap of this.ownerHandlers.values()) {
+            for (const [key, { obj, handlerId }] of ownerMap.entries()) {
+                if (LIFECYCLE_SIGNALS.has(key.split(":")[1] ?? "")) {
+                    continue;
                 }
-                firedThisCommit.add(key);
+                GObject.signalHandlerBlock(obj, handlerId);
+                this.blockedHandlers.add(handlerId);
             }
-            return handler(...args);
-        };
-        const handlerId = obj.connect(signal, wrappedHandler);
-        this.signalHandlers.set(key, { obj, handlerId });
-    }
-    set(obj, signal, handler) {
-        this.disconnect(obj, signal);
-        if (handler) {
-            this.connect(obj, signal, handler);
         }
     }
-    clear() {
-        for (const [_, { obj, handlerId }] of this.signalHandlers) {
-            GObject.signalHandlerDisconnect(obj, handlerId);
+    unblockAll() {
+        for (const ownerMap of this.ownerHandlers.values()) {
+            for (const { obj, handlerId } of ownerMap.values()) {
+                if (this.blockedHandlers.has(handlerId)) {
+                    GObject.signalHandlerUnblock(obj, handlerId);
+                }
+            }
         }
-        this.signalHandlers.clear();
+        this.blockedHandlers.clear();
     }
 }
+export const signalStore = new SignalStore();

package/dist/nodes/internal/tree-list-item-renderer.d.ts

@@ -1,6 +1,5 @@
 import * as Gtk from "@gtkx/ffi/gtk";
 import type { ReactNode } from "react";
-import type { SignalStore } from "./signal-store.js";
 import type { TreeStore } from "./tree-store.js";
 export type TreeRenderItemFn<T> = (item: T | null, row: Gtk.TreeListRow | null) => ReactNode;
 export declare class TreeListItemRenderer {
@@ -8,8 +7,7 @@ export declare class TreeListItemRenderer {
     private store?;
     private fiberRoots;
     private renderFn?;
-    private signalStore;
-    constructor(signalStore: SignalStore);
+    constructor();
     getFactory(): Gtk.SignalListItemFactory;
     setRenderFn(renderFn?: TreeRenderItemFn<unknown>): void;
     setStore(store?: TreeStore): void;

package/dist/nodes/internal/tree-list-item-renderer.js

@@ -2,14 +2,13 @@ import { getObjectId } from "@gtkx/ffi";
 import * as Gtk from "@gtkx/ffi/gtk";
 import { createFiberRoot } from "../../fiber-root.js";
 import { reconciler } from "../../reconciler.js";
+import { signalStore } from "./signal-store.js";
 export class TreeListItemRenderer {
     factory;
     store;
     fiberRoots = new Map();
     renderFn = () => null;
-    signalStore;
-    constructor(signalStore) {
-        this.signalStore = signalStore;
+    constructor() {
         this.factory = new Gtk.SignalListItemFactory();
         this.initialize();
     }
@@ -29,7 +28,7 @@ export class TreeListItemRenderer {
         return this.store;
     }
     initialize() {
-        this.signalStore.set(this.factory, "setup", (_self, listItem) => {
+        signalStore.set(this, this.factory, "setup", (_self, listItem) => {
             const ptr = getObjectId(listItem.id);
             const expander = new Gtk.TreeExpander();
             const box = new Gtk.Box(Gtk.Orientation.VERTICAL, 0);
@@ -40,7 +39,7 @@ export class TreeListItemRenderer {
             const element = this.renderFn?.(null, null);
             reconciler.getInstance().updateContainer(element, fiberRoot, null, () => { });
         });
-        this.signalStore.set(this.factory, "bind", (_self, listItem) => {
+        signalStore.set(this, this.factory, "bind", (_self, listItem) => {
             const ptr = getObjectId(listItem.id);
             const fiberRoot = this.fiberRoots.get(ptr);
             if (!fiberRoot)
@@ -69,7 +68,7 @@ export class TreeListItemRenderer {
             const element = this.renderFn?.(itemData?.value ?? null, treeListRow);
             reconciler.getInstance().updateContainer(element, fiberRoot, null, () => { });
         });
-        this.signalStore.set(this.factory, "unbind", (_self, listItem) => {
+        signalStore.set(this, this.factory, "unbind", (_self, listItem) => {
             const ptr = getObjectId(listItem.id);
             const fiberRoot = this.fiberRoots.get(ptr);
             if (!fiberRoot)
@@ -78,7 +77,7 @@ export class TreeListItemRenderer {
             expander.setListRow(undefined);
             reconciler.getInstance().updateContainer(null, fiberRoot, null, () => { });
         });
-        this.signalStore.set(this.factory, "teardown", (_self, listItem) => {
+        signalStore.set(this, this.factory, "teardown", (_self, listItem) => {
             const ptr = getObjectId(listItem.id);
             const fiberRoot = this.fiberRoots.get(ptr);
             if (fiberRoot) {

package/dist/nodes/list-view.js

@@ -16,7 +16,7 @@ class ListViewNode extends WidgetNode {
     constructor(typeName, props, container, rootContainer) {
         super(typeName, props, container, rootContainer);
         this.list = new List();
-        this.itemRenderer = new ListItemRenderer(this.signalStore);
+        this.itemRenderer = new ListItemRenderer();
         this.itemRenderer.setStore(this.list.getStore());
         this.container.setFactory(this.itemRenderer.getFactory());
     }

package/dist/nodes/models/list.js

@@ -1,5 +1,6 @@
 import * as Gtk from "@gtkx/ffi/gtk";
 import { ListStore } from "../internal/list-store.js";
+import { signalStore } from "../internal/signal-store.js";
 import { ListItemNode } from "../list-item.js";
 import { VirtualNode } from "../virtual.js";
 export class List extends VirtualNode {
@@ -42,7 +43,7 @@ export class List extends VirtualNode {
     updateProps(oldProps, newProps) {
         super.updateProps(oldProps, newProps);
         if (!oldProps || oldProps.selectionMode !== newProps.selectionMode) {
-            this.signalStore.set(this.selectionModel, "selection-changed", undefined);
+            signalStore.set(this, this.selectionModel, "selection-changed", undefined);
             this.selectionModel = this.createSelectionModel(newProps.selectionMode);
         }
         if (!oldProps ||
@@ -52,7 +53,7 @@ export class List extends VirtualNode {
             this.handleSelectionChange = () => {
                 onSelectionChanged?.(this.getSelection());
             };
-            this.signalStore.set(this.selectionModel, "selection-changed", newProps.onSelectionChanged ? this.handleSelectionChange : undefined);
+            signalStore.set(this, this.selectionModel, "selection-changed", newProps.onSelectionChanged ? this.handleSelectionChange : undefined);
         }
         if (!oldProps || oldProps.selected !== newProps.selected || oldProps.selectionMode !== newProps.selectionMode) {
             this.setSelection(newProps.selected);

package/dist/nodes/models/menu.js

@@ -1,6 +1,7 @@
 import { batch } from "@gtkx/ffi";
 import * as Gio from "@gtkx/ffi/gio";
 import { scheduleAfterCommit } from "../../scheduler.js";
+import { signalStore } from "../internal/signal-store.js";
 import { VirtualNode } from "../virtual.js";
 export class Menu extends VirtualNode {
     actionMap;
@@ -66,10 +67,10 @@ export class Menu extends VirtualNode {
     createAction() {
         batch(() => {
             if (this.action) {
-                this.signalStore.set(this.action, "activate", undefined);
+                signalStore.set(this, this.action, "activate", undefined);
             }
             this.action = new Gio.SimpleAction(this.getId());
-            this.signalStore.set(this.action, "activate", this.getOnActivate());
+            signalStore.set(this, this.action, "activate", this.getOnActivate());
             this.getActionMap().addAction(this.action);
             if (this.application && this.props.accels) {
                 this.application.setAccelsForAction(this.getActionName(), this.getAccels());
@@ -83,7 +84,7 @@ export class Menu extends VirtualNode {
             }
             if (this.action) {
                 this.getActionMap().removeAction(this.getId());
-                this.signalStore.set(this.action, "activate", undefined);
+                signalStore.set(this, this.action, "activate", undefined);
                 this.action = undefined;
             }
         });
@@ -230,7 +231,7 @@ export class Menu extends VirtualNode {
             return;
         }
         if (oldProps.onActivate !== newProps.onActivate) {
-            this.signalStore.set(this.getAction(), "activate", newProps.onActivate);
+            signalStore.set(this, this.getAction(), "activate", newProps.onActivate);
         }
         if (oldProps.accels !== newProps.accels) {
             if (this.application) {

package/dist/nodes/models/tree-list.js

@@ -1,4 +1,5 @@
 import * as Gtk from "@gtkx/ffi/gtk";
+import { signalStore } from "../internal/signal-store.js";
 import { TreeStore } from "../internal/tree-store.js";
 import { TreeListItemNode } from "../tree-list-item.js";
 import { VirtualNode } from "../virtual.js";
@@ -77,7 +78,7 @@ export class TreeList extends VirtualNode {
             this.treeListModel.setAutoexpand(newProps.autoexpand ?? false);
         }
         if (!oldProps || oldProps.selectionMode !== newProps.selectionMode) {
-            this.signalStore.set(this.selectionModel, "selection-changed", undefined);
+            signalStore.set(this, this.selectionModel, "selection-changed", undefined);
             this.selectionModel = this.createSelectionModel(newProps.selectionMode);
             this.selectionModel.setModel(this.treeListModel);
         }
@@ -88,7 +89,7 @@ export class TreeList extends VirtualNode {
             this.handleSelectionChange = () => {
                 onSelectionChanged?.(this.getSelection());
             };
-            this.signalStore.set(this.selectionModel, "selection-changed", newProps.onSelectionChanged ? this.handleSelectionChange : undefined);
+            signalStore.set(this, this.selectionModel, "selection-changed", newProps.onSelectionChanged ? this.handleSelectionChange : undefined);
         }
         if (!oldProps || oldProps.selected !== newProps.selected || oldProps.selectionMode !== newProps.selectionMode) {
             this.setSelection(newProps.selected);

package/dist/nodes/simple-list-view.js

@@ -1,6 +1,7 @@
 import * as Adw from "@gtkx/ffi/adw";
 import * as Gtk from "@gtkx/ffi/gtk";
 import { registerNodeClass } from "../registry.js";
+import { signalStore } from "./internal/signal-store.js";
 import { SimpleListStore } from "./internal/simple-list-store.js";
 import { filterProps, isContainerType } from "./internal/utils.js";
 import { SimpleListItemNode } from "./simple-list-item.js";
@@ -28,7 +29,7 @@ class SimpleListViewNode extends WidgetNode {
                     }
                 }
                 : undefined;
-            this.signalStore.set(this.container, "notify::selected", handleSelectionChange);
+            signalStore.set(this, this.container, "notify::selected", handleSelectionChange);
         }
         if (!oldProps || oldProps.selectedId !== newProps.selectedId) {
             const index = newProps.selectedId !== undefined ? this.store.getIndexById(newProps.selectedId) : undefined;

package/dist/nodes/tree-list-view.js

@@ -20,7 +20,7 @@ class TreeListViewNode extends WidgetNode {
         const listView = container ?? new Gtk.ListView();
         super(typeName, props, listView, rootContainer);
         this.treeList = new TreeList(props.autoexpand, props.selectionMode);
-        this.itemRenderer = new TreeListItemRenderer(this.signalStore);
+        this.itemRenderer = new TreeListItemRenderer();
         this.itemRenderer.setStore(this.treeList.getStore());
         this.container.setFactory(this.itemRenderer.getFactory());
     }

package/dist/nodes/widget.d.ts

@@ -15,5 +15,6 @@ export declare class WidgetNode<T extends Gtk.Widget = Gtk.Widget, P extends Pro
     updateProps(oldProps: P | null, newProps: P): void;
     private updateEventControllerProp;
     private propNameToSignalName;
+    private getProperty;
     private setProperty;
 }

package/dist/nodes/widget.js

@@ -4,6 +4,7 @@ import { CONSTRUCTOR_PROPS, PROPS, SIGNALS } from "../generated/internal.js";
 import { Node } from "../node.js";
 import { registerNodeClass } from "../registry.js";
 import { hasSingleContent, isAddable, isAppendable, isEditable, isInsertable, isRemovable, isReorderable, isSingleChild, } from "./internal/predicates.js";
+import { signalStore } from "./internal/signal-store.js";
 import { filterProps, isContainerType } from "./internal/utils.js";
 import { SlotNode } from "./slot.js";
 const EVENT_CONTROLLER_PROPS = new Set([
@@ -173,9 +174,16 @@ export class WidgetNode extends Node {
             const signalName = this.propNameToSignalName(name);
             if (signals.has(signalName)) {
                 const handler = typeof newValue === "function" ? newValue : undefined;
-                this.signalStore.set(this.container, signalName, handler);
+                signalStore.set(this, this.container, signalName, handler);
             }
             else if (newValue !== undefined) {
+                const isEditableText = name === "text" && isEditable(this.container);
+                if (isEditableText && oldValue !== undefined) {
+                    const currentValue = this.getProperty(name);
+                    if (oldValue !== currentValue) {
+                        continue;
+                    }
+                }
                 this.setProperty(name, newValue);
             }
         }
@@ -190,7 +198,7 @@ export class WidgetNode extends Node {
                     this.container.addController(this.motionController);
                 }
                 const signalName = propName === "onEnter" ? "enter" : propName === "onLeave" ? "leave" : "motion";
-                this.signalStore.set(this.motionController, signalName, handler);
+                signalStore.set(this, this.motionController, signalName, handler);
                 break;
             }
             case "onPressed":
@@ -200,7 +208,7 @@ export class WidgetNode extends Node {
                     this.container.addController(this.clickController);
                 }
                 const signalName = propName === "onPressed" ? "pressed" : "released";
-                this.signalStore.set(this.clickController, signalName, handler);
+                signalStore.set(this, this.clickController, signalName, handler);
                 break;
             }
             case "onKeyPressed":
@@ -210,7 +218,7 @@ export class WidgetNode extends Node {
                     this.container.addController(this.keyController);
                 }
                 const signalName = propName === "onKeyPressed" ? "key-pressed" : "key-released";
-                this.signalStore.set(this.keyController, signalName, handler);
+                signalStore.set(this, this.keyController, signalName, handler);
                 break;
             }
             case "onScroll": {
@@ -218,7 +226,7 @@ export class WidgetNode extends Node {
                     this.scrollController = new Gtk.EventControllerScroll(Gtk.EventControllerScrollFlags.BOTH_AXES);
                     this.container.addController(this.scrollController);
                 }
-                this.signalStore.set(this.scrollController, "scroll", handler);
+                signalStore.set(this, this.scrollController, "scroll", handler);
                 break;
             }
             case "onNotify": {
@@ -227,7 +235,7 @@ export class WidgetNode extends Node {
                         handler(obj, pspec.getName());
                     }
                     : undefined;
-                this.signalStore.set(this.container, "notify", wrappedHandler);
+                signalStore.set(this, this.container, "notify", wrappedHandler);
                 break;
             }
         }
@@ -239,6 +247,15 @@ export class WidgetNode extends Node {
             .toLowerCase()
             .replace(/^-/, "");
     }
+    getProperty(key) {
+        const WidgetClass = this.container.constructor;
+        const [getterName] = PROPS[WidgetClass.glibTypeName]?.[key] || [];
+        const getter = getterName ? this.container[getterName] : undefined;
+        if (getter && typeof getter === "function") {
+            return getter.call(this.container);
+        }
+        return undefined;
+    }
     setProperty(key, value) {
         const WidgetClass = this.container.constructor;
         const [getterName, setterName] = PROPS[WidgetClass.glibTypeName]?.[key] || [];
@@ -254,14 +271,7 @@ export class WidgetNode extends Node {
             }
         }
         if (setter && typeof setter === "function") {
-            const editable = isEditable(this.container) ? this.container : null;
-            const shouldPreserveCursor = key === "text" && editable !== null;
-            const cursorPosition = shouldPreserveCursor ? editable.getPosition() : 0;
             setter.call(this.container, value);
-            if (shouldPreserveCursor && editable !== null) {
-                const textLength = editable.getText().length;
-                editable.setPosition(Math.min(cursorPosition, textLength));
-            }
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gtkx/react",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "description": "Build GTK4 desktop applications with React and TypeScript",
   "keywords": [
     "gtk",
@@ -36,8 +36,8 @@
   ],
   "dependencies": {
     "react-reconciler": "^0.33.0",
-    "@gtkx/ffi": "0.10.2",
-    "@gtkx/gir": "0.10.2"
+    "@gtkx/ffi": "0.10.4",
+    "@gtkx/gir": "0.10.4"
   },
   "devDependencies": {
     "@types/react-reconciler": "^0.32.3",

package/README.md

@@ -1,103 +0,0 @@
-<p align="center">
-  <img src="https://raw.githubusercontent.com/eugeniodepalo/gtkx/main/logo.svg" alt="GTKX" width="80" height="80">
-</p>
-
-<h1 align="center">GTKX</h1>
-
-<p align="center">
-  <strong>Build native GTK4 desktop applications with React and TypeScript.</strong>
-</p>
-
-<p align="center">
-  <a href="https://www.npmjs.com/package/@gtkx/react"><img src="https://img.shields.io/npm/v/@gtkx/react.svg" alt="npm version"></a>
-  <a href="https://github.com/eugeniodepalo/gtkx/actions"><img src="https://img.shields.io/github/actions/workflow/status/eugeniodepalo/gtkx/ci.yml" alt="CI"></a>
-  <a href="https://github.com/eugeniodepalo/gtkx/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MPL--2.0-blue.svg" alt="License"></a>
-  <a href="https://github.com/eugeniodepalo/gtkx/discussions"><img src="https://img.shields.io/badge/discussions-GitHub-blue" alt="GitHub Discussions"></a>
-</p>
-
----
-
-GTKX lets you write Linux desktop applications using React. Your components render as native GTK4 widgets through a Rust FFI bridge—no webviews, no Electron, just native performance with the developer experience you already know.
-
-## Quick Start
-
-```bash
-npx @gtkx/cli create my-app
-cd my-app
-npm run dev
-```
-
-## Example
-
-```tsx
-import {
-  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}
-      onCloseRequest={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");
-```
-
-## Features
-
-- **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
-- **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
-- **Testing utilities** — Component testing similar to Testing Library
-
-## Examples
-
-Explore complete applications in the [`examples/`](./examples) directory:
-
-- **[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
-- **[deploying](./examples/deploying)** — Example of packaging and distributing a GTKX app
-
-## Documentation
-
-Visit [https://eugeniodepalo.github.io/gtkx](https://eugeniodepalo.github.io/gtkx/) for the full documentation.
-
-## Contributing
-
-Contributions are welcome! Please see the [contributing guidelines](./CONTRIBUTING.md) and check out the [good first issues](https://github.com/eugeniodepalo/gtkx/labels/good%20first%20issue).
-
-## Community
-
-- [GitHub Discussions](https://github.com/eugeniodepalo/gtkx/discussions) — Questions, ideas, and general discussion
-- [Issue Tracker](https://github.com/eugeniodepalo/gtkx/issues) — Bug reports and feature requests
-
-## License
-
-[MPL-2.0](./LICENSE)

package/dist/nodes/toast-overlay.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/nodes/toast-overlay.js

@@ -1,35 +0,0 @@
-import * as Adw from "@gtkx/ffi/adw";
-import { registerNodeClass } from "../registry.js";
-import { isContainerType } from "./internal/utils.js";
-import { ToastNode } from "./toast.js";
-import { WidgetNode } from "./widget.js";
-class ToastOverlayNode extends WidgetNode {
-    static priority = 1;
-    static matches(_type, containerOrClass) {
-        return isContainerType(Adw.ToastOverlay, containerOrClass);
-    }
-    appendChild(child) {
-        if (child instanceof ToastNode) {
-            child.setParent(this.container);
-            return;
-        }
-        if (child instanceof WidgetNode) {
-            this.container.setChild(child.container);
-            return;
-        }
-        throw new Error(`Cannot append '${child.typeName}' to 'ToastOverlay': expected Widget or Toast`);
-    }
-    insertBefore(child, _before) {
-        this.appendChild(child);
-    }
-    removeChild(child) {
-        if (child instanceof ToastNode) {
-            child.unmount();
-            return;
-        }
-        if (child instanceof WidgetNode) {
-            this.container.setChild(undefined);
-        }
-    }
-}
-registerNodeClass(ToastOverlayNode);

package/dist/nodes/toast.d.ts

@@ -1,17 +0,0 @@
-import * as Adw from "@gtkx/ffi/adw";
-import type { ToastProps } from "../jsx.js";
-import { VirtualNode } from "./virtual.js";
-type Props = ToastProps;
-export declare class ToastNode extends VirtualNode<Props> {
-    static priority: number;
-    static matches(type: string): boolean;
-    private toast?;
-    private parent?;
-    setParent(parent?: Adw.ToastOverlay): void;
-    private createToast;
-    private showToast;
-    updateProps(oldProps: Props | null, newProps: Props): void;
-    mount(): void;
-    unmount(): void;
-}
-export {};

package/dist/nodes/toast.js

@@ -1,77 +0,0 @@
-import * as Adw from "@gtkx/ffi/adw";
-import { registerNodeClass } from "../registry.js";
-import { VirtualNode } from "./virtual.js";
-export class ToastNode extends VirtualNode {
-    static priority = 1;
-    static matches(type) {
-        return type === "Toast";
-    }
-    toast;
-    parent;
-    setParent(parent) {
-        this.parent = parent;
-    }
-    createToast() {
-        const toast = new Adw.Toast(this.props.title);
-        if (this.props.timeout !== undefined) {
-            toast.setTimeout(this.props.timeout);
-        }
-        if (this.props.priority !== undefined) {
-            toast.setPriority(this.props.priority);
-        }
-        if (this.props.buttonLabel) {
-            toast.setButtonLabel(this.props.buttonLabel);
-        }
-        if (this.props.actionName) {
-            toast.setActionName(this.props.actionName);
-        }
-        if (this.props.useMarkup !== undefined) {
-            toast.setUseMarkup(this.props.useMarkup);
-        }
-        return toast;
-    }
-    showToast() {
-        if (!this.parent || this.toast)
-            return;
-        this.toast = this.createToast();
-        if (this.props.onButtonClicked) {
-            this.signalStore.set(this.toast, "button-clicked", () => {
-                this.props.onButtonClicked?.();
-            });
-        }
-        this.signalStore.set(this.toast, "dismissed", () => {
-            this.props.onDismissed?.();
-        });
-        this.parent.addToast(this.toast);
-    }
-    updateProps(oldProps, newProps) {
-        super.updateProps(oldProps, newProps);
-        if (!this.toast)
-            return;
-        if (!oldProps || oldProps.title !== newProps.title) {
-            this.toast.setTitle(newProps.title);
-        }
-        if (!oldProps || oldProps.buttonLabel !== newProps.buttonLabel) {
-            this.toast.setButtonLabel(newProps.buttonLabel);
-        }
-        if (!oldProps || oldProps.actionName !== newProps.actionName) {
-            this.toast.setActionName(newProps.actionName);
-        }
-        if (!oldProps || oldProps.useMarkup !== newProps.useMarkup) {
-            this.toast.setUseMarkup(newProps.useMarkup ?? false);
-        }
-    }
-    mount() {
-        super.mount();
-        this.showToast();
-    }
-    unmount() {
-        if (this.toast) {
-            this.toast.dismiss();
-            this.props.onDismissed?.();
-        }
-        this.parent = undefined;
-        super.unmount();
-    }
-}
-registerNodeClass(ToastNode);