@gtkx/react 0.13.3 → 0.14.0

package/README.md

@@ -1,18 +1,18 @@
 <p align="center">
-  <img src="https://raw.githubusercontent.com/eugeniodepalo/gtkx/main/logo.svg" alt="GTKX" width="60" height="60">
+ <img src="https://raw.githubusercontent.com/eugeniodepalo/gtkx/main/logo.svg" alt="GTKX" width="60" height="60">
 </p>
 
 <h1 align="center">GTKX</h1>
 
 <p align="center">
-  <strong>Build native GTK4 desktop applications with React and TypeScript.</strong>
+ <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>
+ <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>
 
 ---
@@ -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");
@@ -80,6 +80,7 @@ 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

package/dist/generated/internal.js

@@ -77,6 +77,7 @@ export const PROPS = {
         focusable: ["getFocusable", "setFocusable"],
         halign: ["getHalign", "setHalign"],
         hasTooltip: ["getHasTooltip", "setHasTooltip"],
+        heightRequest: [null, "setHeightRequest"],
         hexpand: ["getHexpand", "setHexpand"],
         hexpandSet: ["getHexpandSet", "setHexpandSet"],
         layoutManager: ["getLayoutManager", "setLayoutManager"],
@@ -96,6 +97,8 @@ export const PROPS = {
         vexpand: ["getVexpand", "setVexpand"],
         vexpandSet: ["getVexpandSet", "setVexpandSet"],
         visible: ["getVisible", "setVisible"],
+        widthRequest: [null, "setWidthRequest"],
+        accessibleRole: ["getAccessibleRole", "setAccessibleRole"],
     },
     AdwWindow: {
         adaptivePreview: ["getAdaptivePreview", "setAdaptivePreview"],
@@ -105,16 +108,20 @@ export const PROPS = {
         application: ["getApplication", "setApplication"],
         child: ["getChild", "setChild"],
         decorated: ["getDecorated", "setDecorated"],
+        defaultHeight: [null, "setDefaultHeight"],
         defaultWidget: ["getDefaultWidget", "setDefaultWidget"],
+        defaultWidth: [null, "setDefaultWidth"],
         deletable: ["getDeletable", "setDeletable"],
         destroyWithParent: ["getDestroyWithParent", "setDestroyWithParent"],
         display: [null, "setDisplay"],
         focusVisible: ["getFocusVisible", "setFocusVisible"],
         focusWidget: ["getFocus", "setFocus"],
+        fullscreened: ["isFullscreen", "setFullscreened"],
         gravity: ["getGravity", "setGravity"],
         handleMenubarAccel: ["getHandleMenubarAccel", "setHandleMenubarAccel"],
         hideOnClose: ["getHideOnClose", "setHideOnClose"],
         iconName: ["getIconName", "setIconName"],
+        maximized: ["isMaximized", "setMaximized"],
         mnemonicsVisible: ["getMnemonicsVisible", "setMnemonicsVisible"],
         modal: ["getModal", "setModal"],
         resizable: ["getResizable", "setResizable"],
@@ -370,15 +377,18 @@ export const PROPS = {
     },
     GtkColorButton: {
         modal: ["getModal", "setModal"],
+        showEditor: [null, "setShowEditor"],
         title: ["getTitle", "setTitle"],
         rgba: ["getRgba", "setRgba"],
         useAlpha: ["getUseAlpha", "setUseAlpha"],
     },
     GtkColorChooserDialog: {
+        showEditor: [null, "setShowEditor"],
         rgba: ["getRgba", "setRgba"],
         useAlpha: ["getUseAlpha", "setUseAlpha"],
     },
     GtkColorChooserWidget: {
+        showEditor: [null, "setShowEditor"],
         rgba: ["getRgba", "setRgba"],
         useAlpha: ["getUseAlpha", "setUseAlpha"],
     },
@@ -407,9 +417,11 @@ export const PROPS = {
         buttonSensitivity: ["getButtonSensitivity", "setButtonSensitivity"],
         child: ["getChild", "setChild"],
         entryTextColumn: ["getEntryTextColumn", "setEntryTextColumn"],
+        hasFrame: [null, "setHasFrame"],
         idColumn: ["getIdColumn", "setIdColumn"],
         model: ["getModel", "setModel"],
         popupFixedWidth: ["getPopupFixedWidth", "setPopupFixedWidth"],
+        editingCanceled: [null, "setEditingCanceled"],
     },
     AdwComboRow: {
         enableSearch: ["getEnableSearch", "setEnableSearch"],
@@ -458,6 +470,7 @@ export const PROPS = {
         showArrow: ["getShowArrow", "setShowArrow"],
     },
     GtkEditableLabel: {
+        editing: ["getEditing", "setEditing"],
         editable: ["getEditable", "setEditable"],
         enableUndo: ["getEnableUndo", "setEnableUndo"],
         maxWidthChars: ["getMaxWidthChars", "setMaxWidthChars"],
@@ -470,18 +483,40 @@ export const PROPS = {
         attributes: ["getAttributes", "setAttributes"],
         buffer: ["getBuffer", "setBuffer"],
         completion: ["getCompletion", "setCompletion"],
+        enableEmojiCompletion: [null, "setEnableEmojiCompletion"],
         extraMenu: ["getExtraMenu", "setExtraMenu"],
         hasFrame: ["getHasFrame", "setHasFrame"],
+        imModule: [null, "setImModule"],
         inputHints: ["getInputHints", "setInputHints"],
         inputPurpose: ["getInputPurpose", "setInputPurpose"],
         invisibleChar: ["getInvisibleChar", "setInvisibleChar"],
+        invisibleCharSet: [null, "setInvisibleCharSet"],
         maxLength: ["getMaxLength", "setMaxLength"],
+        menuEntryIconPrimaryText: [null, "setMenuEntryIconPrimaryText"],
+        menuEntryIconSecondaryText: [null, "setMenuEntryIconSecondaryText"],
         overwriteMode: ["getOverwriteMode", "setOverwriteMode"],
         placeholderText: ["getPlaceholderText", "setPlaceholderText"],
+        primaryIconActivatable: [null, "setPrimaryIconActivatable"],
+        primaryIconGicon: [null, "setPrimaryIconGicon"],
+        primaryIconName: [null, "setPrimaryIconName"],
+        primaryIconPaintable: [null, "setPrimaryIconPaintable"],
+        primaryIconSensitive: [null, "setPrimaryIconSensitive"],
+        primaryIconTooltipMarkup: [null, "setPrimaryIconTooltipMarkup"],
+        primaryIconTooltipText: [null, "setPrimaryIconTooltipText"],
         progressFraction: ["getProgressFraction", "setProgressFraction"],
         progressPulseStep: ["getProgressPulseStep", "setProgressPulseStep"],
+        secondaryIconActivatable: [null, "setSecondaryIconActivatable"],
+        secondaryIconGicon: [null, "setSecondaryIconGicon"],
+        secondaryIconName: [null, "setSecondaryIconName"],
+        secondaryIconPaintable: [null, "setSecondaryIconPaintable"],
+        secondaryIconSensitive: [null, "setSecondaryIconSensitive"],
+        secondaryIconTooltipMarkup: [null, "setSecondaryIconTooltipMarkup"],
+        secondaryIconTooltipText: [null, "setSecondaryIconTooltipText"],
+        showEmojiIcon: [null, "setShowEmojiIcon"],
         tabs: ["getTabs", "setTabs"],
+        truncateMultiline: [null, "setTruncateMultiline"],
         visibility: ["getVisibility", "setVisibility"],
+        editingCanceled: [null, "setEditingCanceled"],
         editable: ["getEditable", "setEditable"],
         enableUndo: ["getEnableUndo", "setEnableUndo"],
         maxWidthChars: ["getMaxWidthChars", "setMaxWidthChars"],
@@ -529,6 +564,7 @@ export const PROPS = {
         selectMultiple: ["getSelectMultiple", "setSelectMultiple"],
     },
     GtkFileChooserWidget: {
+        searchMode: [null, "setSearchMode"],
         action: ["getAction", "setAction"],
         createFolders: ["getCreateFolders", "setCreateFolders"],
         filter: ["getFilter", "setFilter"],
@@ -552,6 +588,7 @@ export const PROPS = {
         orientation: ["getOrientation", "setOrientation"],
     },
     GtkFlowBox: {
+        acceptUnpairedRelease: [null, "setAcceptUnpairedRelease"],
         activateOnSingleClick: ["getActivateOnSingleClick", "setActivateOnSingleClick"],
         columnSpacing: ["getColumnSpacing", "setColumnSpacing"],
         homogeneous: ["getHomogeneous", "setHomogeneous"],
@@ -698,6 +735,7 @@ export const PROPS = {
         paintable: ["getPaintable", "setFromPaintable"],
         pixelSize: ["getPixelSize", "setPixelSize"],
         resource: [null, "setFromResource"],
+        useFallback: [null, "setUseFallback"],
     },
     GtkInfoBar: {
         messageType: ["getMessageType", "setMessageType"],
@@ -771,12 +809,14 @@ export const PROPS = {
         visited: ["getVisited", "setVisited"],
     },
     GtkListBase: {
+        orientation: [null, "setOrientation"],
         hadjustment: ["getHadjustment", "setHadjustment"],
         hscrollPolicy: ["getHscrollPolicy", "setHscrollPolicy"],
         vadjustment: ["getVadjustment", "setVadjustment"],
         vscrollPolicy: ["getVscrollPolicy", "setVscrollPolicy"],
     },
     GtkListBox: {
+        acceptUnpairedRelease: [null, "setAcceptUnpairedRelease"],
         activateOnSingleClick: ["getActivateOnSingleClick", "setActivateOnSingleClick"],
         selectionMode: ["getSelectionMode", "setSelectionMode"],
         showSeparators: ["getShowSeparators", "setShowSeparators"],
@@ -800,6 +840,11 @@ export const PROPS = {
     },
     GtkLockButton: {
         permission: ["getPermission", "setPermission"],
+        textLock: [null, "setTextLock"],
+        textUnlock: [null, "setTextUnlock"],
+        tooltipLock: [null, "setTooltipLock"],
+        tooltipNotAuthorized: [null, "setTooltipNotAuthorized"],
+        tooltipUnlock: [null, "setTooltipUnlock"],
     },
     GtkSourceMap: {
         view: ["getView", "setView"],
@@ -830,6 +875,13 @@ export const PROPS = {
         heading: ["getHeading", "setHeading"],
         headingUseMarkup: ["getHeadingUseMarkup", "setHeadingUseMarkup"],
     },
+    GtkMessageDialog: {
+        messageType: [null, "setMessageType"],
+        secondaryText: [null, "setSecondaryText"],
+        secondaryUseMarkup: [null, "setSecondaryUseMarkup"],
+        text: [null, "setText"],
+        useMarkup: [null, "setUseMarkup"],
+    },
     AdwMultiLayoutView: {
         layout: ["getLayout", "setLayout"],
         layoutName: ["getLayoutName", "setLayoutName"],
@@ -858,6 +910,7 @@ export const PROPS = {
         vhomogeneous: ["getVhomogeneous", "setVhomogeneous"],
     },
     GtkNotebook: {
+        enablePopup: [null, "setEnablePopup"],
         groupName: ["getGroupName", "setGroupName"],
         page: ["getCurrentPage", "setCurrentPage"],
         scrollable: ["getScrollable", "setScrollable"],
@@ -885,6 +938,7 @@ export const PROPS = {
     GtkPaned: {
         endChild: ["getEndChild", "setEndChild"],
         position: ["getPosition", "setPosition"],
+        positionSet: [null, "setPositionSet"],
         resizeEndChild: ["getResizeEndChild", "setResizeEndChild"],
         resizeStartChild: ["getResizeStartChild", "setResizeStartChild"],
         shrinkEndChild: ["getShrinkEndChild", "setShrinkEndChild"],
@@ -894,7 +948,9 @@ export const PROPS = {
         orientation: ["getOrientation", "setOrientation"],
     },
     GtkPasswordEntry: {
+        activatesDefault: [null, "setActivatesDefault"],
         extraMenu: ["getExtraMenu", "setExtraMenu"],
+        placeholderText: [null, "setPlaceholderText"],
         showPeekIcon: ["getShowPeekIcon", "setShowPeekIcon"],
         editable: ["getEditable", "setEditable"],
         enableUndo: ["getEnableUndo", "setEnableUndo"],
@@ -924,6 +980,7 @@ export const PROPS = {
     GtkPopoverMenu: {
         flags: ["getFlags", "setFlags"],
         menuModel: ["getMenuModel", "setMenuModel"],
+        visibleSubmenu: [null, "setVisibleSubmenu"],
     },
     GtkPopoverMenuBar: {
         menuModel: ["getMenuModel", "setMenuModel"],
@@ -1013,6 +1070,7 @@ export const PROPS = {
         child: ["getChild", "setChild"],
         hadjustment: ["getHadjustment", "setHadjustment"],
         hasFrame: ["getHasFrame", "setHasFrame"],
+        hscrollbarPolicy: [null, "setHscrollbarPolicy"],
         kineticScrolling: ["getKineticScrolling", "setKineticScrolling"],
         maxContentHeight: ["getMaxContentHeight", "setMaxContentHeight"],
         maxContentWidth: ["getMaxContentWidth", "setMaxContentWidth"],
@@ -1022,6 +1080,7 @@ export const PROPS = {
         propagateNaturalHeight: ["getPropagateNaturalHeight", "setPropagateNaturalHeight"],
         propagateNaturalWidth: ["getPropagateNaturalWidth", "setPropagateNaturalWidth"],
         vadjustment: ["getVadjustment", "setVadjustment"],
+        vscrollbarPolicy: [null, "setVscrollbarPolicy"],
         windowPlacement: ["getPlacement", "setPlacement"],
     },
     GtkSearchBar: {
@@ -1031,6 +1090,7 @@ export const PROPS = {
         showCloseButton: ["getShowCloseButton", "setShowCloseButton"],
     },
     GtkSearchEntry: {
+        activatesDefault: [null, "setActivatesDefault"],
         inputHints: ["getInputHints", "setInputHints"],
         inputPurpose: ["getInputPurpose", "setInputPurpose"],
         placeholderText: ["getPlaceholderText", "setPlaceholderText"],
@@ -1053,6 +1113,35 @@ export const PROPS = {
         accelerator: ["getAccelerator", "setAccelerator"],
         disabledText: ["getDisabledText", "setDisabledText"],
     },
+    GtkShortcutsGroup: {
+        accelSizeGroup: [null, "setAccelSizeGroup"],
+        title: [null, "setTitle"],
+        titleSizeGroup: [null, "setTitleSizeGroup"],
+        view: [null, "setView"],
+    },
+    GtkShortcutsSection: {
+        maxHeight: [null, "setMaxHeight"],
+        sectionName: [null, "setSectionName"],
+        title: [null, "setTitle"],
+        viewName: [null, "setViewName"],
+    },
+    GtkShortcutsShortcut: {
+        accelSizeGroup: [null, "setAccelSizeGroup"],
+        accelerator: [null, "setAccelerator"],
+        actionName: [null, "setActionName"],
+        direction: [null, "setDirection"],
+        icon: [null, "setIcon"],
+        iconSet: [null, "setIconSet"],
+        shortcutType: [null, "setShortcutType"],
+        subtitle: [null, "setSubtitle"],
+        subtitleSet: [null, "setSubtitleSet"],
+        title: [null, "setTitle"],
+        titleSizeGroup: [null, "setTitleSizeGroup"],
+    },
+    GtkShortcutsWindow: {
+        sectionName: [null, "setSectionName"],
+        viewName: [null, "setViewName"],
+    },
     GtkSpinButton: {
         activatesDefault: ["getActivatesDefault", "setActivatesDefault"],
         adjustment: ["getAdjustment", "setAdjustment"],
@@ -1063,6 +1152,7 @@ export const PROPS = {
         updatePolicy: ["getUpdatePolicy", "setUpdatePolicy"],
         value: ["getValue", "setValue"],
         wrap: ["getWrap", "setWrap"],
+        editingCanceled: [null, "setEditingCanceled"],
         editable: ["getEditable", "setEditable"],
         enableUndo: ["getEnableUndo", "setEnableUndo"],
         maxWidthChars: ["getMaxWidthChars", "setMaxWidthChars"],
@@ -1213,6 +1303,7 @@ export const PROPS = {
         fontOptions: ["getFontOptions", "setFontOptions"],
         fontScale: ["getFontScale", "setFontScale"],
         inputEnabled: ["getInputEnabled", "setInputEnabled"],
+        pointerAutohide: [null, "setPointerAutohide"],
         pty: ["getPty", "setPty"],
         rewrapOnResize: ["getRewrapOnResize", "setRewrapOnResize"],
         scrollOnInsert: ["getScrollOnInsert", "setScrollOnInsert"],
@@ -1236,9 +1327,11 @@ export const PROPS = {
         buffer: ["getBuffer", "setBuffer"],
         enableEmojiCompletion: ["getEnableEmojiCompletion", "setEnableEmojiCompletion"],
         extraMenu: ["getExtraMenu", "setExtraMenu"],
+        imModule: [null, "setImModule"],
         inputHints: ["getInputHints", "setInputHints"],
         inputPurpose: ["getInputPurpose", "setInputPurpose"],
         invisibleChar: ["getInvisibleChar", "setInvisibleChar"],
+        invisibleCharSet: [null, "setInvisibleCharSet"],
         maxLength: ["getMaxLength", "setMaxLength"],
         overwriteMode: ["getOverwriteMode", "setOverwriteMode"],
         placeholderText: ["getPlaceholderText", "setPlaceholderText"],
@@ -1260,6 +1353,7 @@ export const PROPS = {
         cursorVisible: ["getCursorVisible", "setCursorVisible"],
         editable: ["getEditable", "setEditable"],
         extraMenu: ["getExtraMenu", "setExtraMenu"],
+        imModule: [null, "setImModule"],
         indent: ["getIndent", "setIndent"],
         inputHints: ["getInputHints", "setInputHints"],
         inputPurpose: ["getInputPurpose", "setInputPurpose"],
@@ -1311,6 +1405,7 @@ export const PROPS = {
     },
     GtkTreeView: {
         activateOnSingleClick: ["getActivateOnSingleClick", "setActivateOnSingleClick"],
+        enableGridLines: [null, "setEnableGridLines"],
         enableSearch: ["getEnableSearch", "setEnableSearch"],
         enableTreeLines: ["getEnableTreeLines", "setEnableTreeLines"],
         expanderColumn: ["getExpanderColumn", "setExpanderColumn"],
@@ -1385,6 +1480,9 @@ export const PROPS = {
         title: ["getTitle", "setTitle"],
         viewSwitcherEnabled: ["getViewSwitcherEnabled", "setViewSwitcherEnabled"],
     },
+    GtkVolumeButton: {
+        useSymbolic: [null, "setUseSymbolic"],
+    },
     WebKitWebView: {
         cameraCaptureState: ["getCameraCaptureState", "setCameraCaptureState"],
         displayCaptureState: ["getDisplayCaptureState", "setDisplayCaptureState"],