@gtkx/react 0.15.0 → 0.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/README.md +1 -0
  2. package/dist/animation/css-builder.d.ts +3 -0
  3. package/dist/animation/css-builder.js +53 -0
  4. package/dist/animation/types.d.ts +120 -0
  5. package/dist/errors.js +3 -0
  6. package/dist/factory.d.ts +3 -2
  7. package/dist/factory.js +1 -1
  8. package/dist/fiber-root.js +1 -1
  9. package/dist/generated/internal.d.ts +28 -1
  10. package/dist/generated/internal.js +93 -18
  11. package/dist/generated/jsx.d.ts +1672 -1483
  12. package/dist/generated/jsx.js +475 -0
  13. package/dist/host-config.d.ts +3 -1
  14. package/dist/host-config.js +26 -11
  15. package/dist/jsx.d.ts +136 -166
  16. package/dist/jsx.js +58 -69
  17. package/dist/node.d.ts +4 -1
  18. package/dist/node.js +14 -3
  19. package/dist/nodes/abstract/positional-child.d.ts +9 -0
  20. package/dist/nodes/abstract/positional-child.js +29 -0
  21. package/dist/nodes/abstract/virtual-container.d.ts +21 -0
  22. package/dist/nodes/abstract/virtual-container.js +68 -0
  23. package/dist/nodes/abstract/virtual-single-child.d.ts +18 -0
  24. package/dist/nodes/abstract/virtual-single-child.js +55 -0
  25. package/dist/nodes/action-row-child.d.ts +0 -13
  26. package/dist/nodes/action-row-child.js +22 -12
  27. package/dist/nodes/adjustable.d.ts +23 -0
  28. package/dist/nodes/adjustable.js +62 -0
  29. package/dist/nodes/alert-dialog-response.js +86 -0
  30. package/dist/nodes/animation.js +252 -0
  31. package/dist/nodes/application.js +17 -7
  32. package/dist/nodes/autowrapped.js +37 -43
  33. package/dist/nodes/calendar.js +17 -43
  34. package/dist/nodes/color-dialog-button.d.ts +1 -0
  35. package/dist/nodes/color-dialog-button.js +70 -0
  36. package/dist/nodes/column-view-column.d.ts +3 -3
  37. package/dist/nodes/column-view-column.js +1 -1
  38. package/dist/nodes/column-view.js +36 -39
  39. package/dist/nodes/dialog.d.ts +11 -0
  40. package/dist/nodes/dialog.js +20 -0
  41. package/dist/nodes/drawing-area.js +24 -7
  42. package/dist/nodes/event-controller.d.ts +22 -0
  43. package/dist/nodes/event-controller.js +96 -0
  44. package/dist/nodes/expander-row-child.d.ts +0 -14
  45. package/dist/nodes/expander-row-child.js +22 -12
  46. package/dist/nodes/fixed-child.js +52 -36
  47. package/dist/nodes/font-dialog-button.d.ts +1 -0
  48. package/dist/nodes/font-dialog-button.js +90 -0
  49. package/dist/nodes/grid-child.js +43 -45
  50. package/dist/nodes/grid.d.ts +1 -0
  51. package/dist/nodes/grid.js +41 -0
  52. package/dist/nodes/index.d.ts +18 -12
  53. package/dist/nodes/index.js +18 -12
  54. package/dist/nodes/internal/base-item-renderer.d.ts +29 -0
  55. package/dist/nodes/internal/base-item-renderer.js +88 -0
  56. package/dist/nodes/internal/child-attachment.d.ts +26 -0
  57. package/dist/nodes/internal/child-attachment.js +48 -0
  58. package/dist/nodes/internal/deferred-action.d.ts +9 -0
  59. package/dist/nodes/internal/deferred-action.js +22 -0
  60. package/dist/nodes/internal/list-item-renderer.d.ts +14 -15
  61. package/dist/nodes/internal/list-item-renderer.js +51 -77
  62. package/dist/nodes/internal/list-store.d.ts +5 -6
  63. package/dist/nodes/internal/list-store.js +29 -38
  64. package/dist/nodes/internal/predicates.d.ts +25 -2
  65. package/dist/nodes/internal/predicates.js +53 -41
  66. package/dist/nodes/internal/selection-model.d.ts +30 -0
  67. package/dist/nodes/internal/selection-model.js +87 -0
  68. package/dist/nodes/internal/signal-store.d.ts +9 -5
  69. package/dist/nodes/internal/signal-store.js +31 -31
  70. package/dist/nodes/internal/simple-list-store.js +6 -9
  71. package/dist/nodes/internal/text-buffer-controller.d.ts +43 -0
  72. package/dist/nodes/internal/text-buffer-controller.js +287 -0
  73. package/dist/nodes/internal/text-tag-styles.d.ts +43 -0
  74. package/dist/nodes/internal/text-tag-styles.js +52 -0
  75. package/dist/nodes/internal/tree-list-item-renderer.d.ts +15 -14
  76. package/dist/nodes/internal/tree-list-item-renderer.js +85 -96
  77. package/dist/nodes/internal/tree-store.d.ts +8 -11
  78. package/dist/nodes/internal/tree-store.js +70 -72
  79. package/dist/nodes/internal/utils.d.ts +7 -4
  80. package/dist/nodes/internal/utils.js +50 -5
  81. package/dist/nodes/level-bar.js +19 -54
  82. package/dist/nodes/list-item.d.ts +6 -3
  83. package/dist/nodes/list-item.js +7 -4
  84. package/dist/nodes/list-view.js +17 -12
  85. package/dist/nodes/menu.d.ts +3 -3
  86. package/dist/nodes/menu.js +3 -3
  87. package/dist/nodes/models/list.d.ts +11 -13
  88. package/dist/nodes/models/list.js +16 -73
  89. package/dist/nodes/models/menu.d.ts +8 -7
  90. package/dist/nodes/models/menu.js +43 -50
  91. package/dist/nodes/models/tree-list.d.ts +6 -12
  92. package/dist/nodes/models/tree-list.js +30 -93
  93. package/dist/nodes/navigation-page.d.ts +1 -0
  94. package/dist/nodes/navigation-page.js +27 -32
  95. package/dist/nodes/navigation-view.js +17 -28
  96. package/dist/nodes/notebook-page-tab.d.ts +3 -3
  97. package/dist/nodes/notebook-page-tab.js +11 -14
  98. package/dist/nodes/notebook-page.d.ts +7 -5
  99. package/dist/nodes/notebook-page.js +45 -25
  100. package/dist/nodes/notebook.js +2 -2
  101. package/dist/nodes/overlay-child.js +90 -30
  102. package/dist/nodes/pack-child.d.ts +0 -13
  103. package/dist/nodes/pack-child.js +22 -12
  104. package/dist/nodes/popover-menu.js +2 -2
  105. package/dist/nodes/scale.js +15 -45
  106. package/dist/nodes/scrolled-window.js +7 -6
  107. package/dist/nodes/search-bar.d.ts +1 -0
  108. package/dist/nodes/search-bar.js +40 -0
  109. package/dist/nodes/shortcut-controller.d.ts +1 -37
  110. package/dist/nodes/shortcut-controller.js +8 -47
  111. package/dist/nodes/shortcut.d.ts +5 -4
  112. package/dist/nodes/shortcut.js +11 -5
  113. package/dist/nodes/simple-list-view.js +2 -3
  114. package/dist/nodes/slot.d.ts +6 -9
  115. package/dist/nodes/slot.js +27 -42
  116. package/dist/nodes/source-view.js +80 -29
  117. package/dist/nodes/stack-page.js +20 -22
  118. package/dist/nodes/stack.js +19 -5
  119. package/dist/nodes/text-anchor.d.ts +41 -0
  120. package/dist/nodes/text-anchor.js +59 -0
  121. package/dist/nodes/text-content.d.ts +10 -0
  122. package/dist/nodes/text-content.js +1 -0
  123. package/dist/nodes/text-paintable.d.ts +17 -0
  124. package/dist/nodes/text-paintable.js +34 -0
  125. package/dist/nodes/text-segment.d.ts +15 -0
  126. package/dist/nodes/text-segment.js +29 -0
  127. package/dist/nodes/text-tag.d.ts +136 -0
  128. package/dist/nodes/text-tag.js +202 -0
  129. package/dist/nodes/text-view.d.ts +30 -0
  130. package/dist/nodes/text-view.js +49 -21
  131. package/dist/nodes/toggle-group.js +24 -32
  132. package/dist/nodes/toggle.d.ts +1 -15
  133. package/dist/nodes/toggle.js +40 -32
  134. package/dist/nodes/toolbar-child.js +22 -31
  135. package/dist/nodes/tree-list-item.d.ts +7 -5
  136. package/dist/nodes/tree-list-item.js +24 -36
  137. package/dist/nodes/tree-list-view.js +9 -7
  138. package/dist/nodes/virtual.d.ts +1 -1
  139. package/dist/nodes/web-view.d.ts +1 -0
  140. package/dist/nodes/web-view.js +29 -0
  141. package/dist/nodes/widget.d.ts +2 -16
  142. package/dist/nodes/widget.js +105 -294
  143. package/dist/nodes/window.d.ts +9 -3
  144. package/dist/nodes/window.js +29 -15
  145. package/dist/registry.d.ts +1 -1
  146. package/dist/render.js +9 -7
  147. package/dist/scheduler.d.ts +11 -1
  148. package/dist/scheduler.js +16 -4
  149. package/dist/types.d.ts +2 -136
  150. package/package.json +4 -4
  151. package/dist/nodes/action-row.js +0 -46
  152. package/dist/nodes/adjustment.d.ts +0 -48
  153. package/dist/nodes/adjustment.js +0 -70
  154. package/dist/nodes/calendar-mark.d.ts +0 -15
  155. package/dist/nodes/calendar-mark.js +0 -29
  156. package/dist/nodes/expander-row.js +0 -55
  157. package/dist/nodes/internal/constants.d.ts +0 -1
  158. package/dist/nodes/internal/constants.js +0 -24
  159. package/dist/nodes/level-bar-offset.d.ts +0 -13
  160. package/dist/nodes/level-bar-offset.js +0 -35
  161. package/dist/nodes/pack.js +0 -46
  162. package/dist/nodes/scale-mark.d.ts +0 -17
  163. package/dist/nodes/scale-mark.js +0 -38
  164. package/dist/nodes/source-buffer.d.ts +0 -73
  165. package/dist/nodes/source-buffer.js +0 -149
  166. package/dist/nodes/text-buffer.d.ts +0 -43
  167. package/dist/nodes/text-buffer.js +0 -81
  168. package/dist/nodes/virtual-child.d.ts +0 -18
  169. package/dist/nodes/virtual-child.js +0 -62
  170. /package/dist/{nodes/action-row.d.ts → animation/types.js} +0 -0
  171. /package/dist/nodes/{expander-row.d.ts → alert-dialog-response.d.ts} +0 -0
  172. /package/dist/nodes/{pack.d.ts → animation.d.ts} +0 -0
@@ -1,89 +1,63 @@
1
- import { getNativeId } from "@gtkx/ffi";
2
1
  import * as Gtk from "@gtkx/ffi/gtk";
3
- import { createFiberRoot } from "../../fiber-root.js";
4
2
  import { reconciler } from "../../reconciler.js";
5
- import { signalStore } from "./signal-store.js";
6
- export class ListItemRenderer {
7
- factory;
8
- store;
9
- fiberRoots = new Map();
10
- tornDown = new Set();
3
+ import { BaseItemRenderer } from "./base-item-renderer.js";
4
+ export class ListItemRenderer extends BaseItemRenderer {
11
5
  renderFn = () => null;
12
- estimatedItemHeight;
13
- constructor() {
14
- this.factory = new Gtk.SignalListItemFactory();
15
- this.initialize();
16
- }
17
- getFactory() {
18
- return this.factory;
19
- }
6
+ boundItems = new Map();
20
7
  setRenderFn(renderFn) {
21
8
  this.renderFn = renderFn;
22
9
  }
23
- setStore(store) {
24
- this.store = store;
25
- }
26
- setEstimatedItemHeight(height) {
27
- this.estimatedItemHeight = height;
28
- }
29
- getStore() {
30
- if (!this.store) {
31
- throw new Error("Expected list store to be set on ListItemRenderer");
10
+ rebindItem(id) {
11
+ const ptr = this.boundItems.get(id);
12
+ if (ptr === undefined)
13
+ return;
14
+ const fiberRoot = this.fiberRoots.get(ptr);
15
+ if (!fiberRoot)
16
+ return;
17
+ const item = this.getStore().getItem(id);
18
+ const element = this.renderFn?.(item);
19
+ reconciler.getInstance().updateContainer(element, fiberRoot, null, () => { });
20
+ }
21
+ getStoreTypeName() {
22
+ return "list store";
23
+ }
24
+ renderItem(_ptr) {
25
+ return this.renderFn?.(null);
26
+ }
27
+ getItemFromListItem(listItem) {
28
+ const stringObject = listItem.getItem();
29
+ if (!(stringObject instanceof Gtk.StringObject))
30
+ return null;
31
+ return stringObject.getString();
32
+ }
33
+ onSetup(listItem, _ptr) {
34
+ const box = this.createBox();
35
+ listItem.setChild(box);
36
+ return box;
37
+ }
38
+ onBind(listItem, ptr, fiberRoot) {
39
+ const id = this.getItemFromListItem(listItem);
40
+ if (id !== null) {
41
+ this.boundItems.set(id, ptr);
32
42
  }
33
- return this.store;
34
- }
35
- dispose() {
36
- signalStore.clear(this);
37
- this.fiberRoots.clear();
38
- this.tornDown.clear();
39
- }
40
- initialize() {
41
- signalStore.set(this, this.factory, "setup", (_self, listItem) => {
42
- const ptr = getNativeId(listItem.handle);
43
- const box = new Gtk.Box(Gtk.Orientation.VERTICAL);
44
- if (this.estimatedItemHeight !== undefined) {
45
- box.setSizeRequest(-1, this.estimatedItemHeight);
46
- }
47
- listItem.setChild(box);
48
- const fiberRoot = createFiberRoot(box);
49
- this.fiberRoots.set(ptr, fiberRoot);
50
- const element = this.renderFn?.(null);
51
- reconciler.getInstance().updateContainer(element, fiberRoot, null, () => { });
52
- });
53
- signalStore.set(this, this.factory, "bind", (_self, listItem) => {
54
- const ptr = getNativeId(listItem.handle);
55
- const fiberRoot = this.fiberRoots.get(ptr);
56
- if (!fiberRoot)
43
+ const item = id !== null ? this.getStore().getItem(id) : null;
44
+ const element = this.renderFn?.(item);
45
+ reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {
46
+ if (this.tornDown.has(ptr))
57
47
  return;
58
- const stringObject = listItem.getItem();
59
- if (!(stringObject instanceof Gtk.StringObject))
48
+ if (this.estimatedItemHeight !== null)
60
49
  return;
61
- const item = this.getStore().getItem(stringObject.getString());
62
- const element = this.renderFn?.(item);
63
- reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {
64
- if (this.tornDown.has(ptr))
65
- return;
66
- const currentFiberRoot = this.fiberRoots.get(ptr);
67
- if (!currentFiberRoot)
68
- return;
69
- const box = currentFiberRoot.containerInfo;
70
- if (box instanceof Gtk.Box) {
71
- box.setSizeRequest(-1, -1);
72
- }
73
- });
74
- });
75
- signalStore.set(this, this.factory, "unbind", () => { });
76
- signalStore.set(this, this.factory, "teardown", (_self, listItem) => {
77
- const ptr = getNativeId(listItem.handle);
78
- const fiberRoot = this.fiberRoots.get(ptr);
79
- if (fiberRoot) {
80
- this.tornDown.add(ptr);
81
- reconciler.getInstance().updateContainer(null, fiberRoot, null, () => { });
82
- queueMicrotask(() => {
83
- this.fiberRoots.delete(ptr);
84
- this.tornDown.delete(ptr);
85
- });
86
- }
50
+ const currentFiberRoot = this.fiberRoots.get(ptr);
51
+ if (!currentFiberRoot)
52
+ return;
53
+ this.clearBoxSizeRequest(currentFiberRoot.containerInfo);
87
54
  });
88
55
  }
56
+ onUnbind(listItem) {
57
+ const id = this.getItemFromListItem(listItem);
58
+ if (id !== null) {
59
+ this.boundItems.delete(id);
60
+ }
61
+ }
62
+ onTeardown(_listItem, _ptr) { }
89
63
  }
@@ -1,16 +1,15 @@
1
1
  import * as Gtk from "@gtkx/ffi/gtk";
2
+ export type ItemUpdatedCallback = (id: string) => void;
2
3
  export declare class ListStore {
3
- private items;
4
4
  private model;
5
- private newSortedIds;
6
- private sortedIds;
7
- private shouldSync;
5
+ private ids;
6
+ private items;
7
+ private onItemUpdated;
8
+ setOnItemUpdated(callback: ItemUpdatedCallback | null): void;
8
9
  addItem(id: string, item: unknown): void;
9
10
  removeItem(id: string): void;
10
11
  insertItemBefore(id: string, beforeId: string, item: unknown): void;
11
12
  updateItem(id: string, item: unknown): void;
12
13
  getItem(id: string): unknown;
13
14
  getModel(): Gtk.StringList;
14
- private scheduleSync;
15
- private sync;
16
15
  }
@@ -1,46 +1,51 @@
1
1
  import * as Gtk from "@gtkx/ffi/gtk";
2
- import { CommitPriority, scheduleAfterCommit } from "../../scheduler.js";
3
2
  export class ListStore {
4
- items = new Map();
5
3
  model = new Gtk.StringList();
6
- newSortedIds = [];
7
- sortedIds = [];
8
- shouldSync = false;
4
+ ids = [];
5
+ items = new Map();
6
+ onItemUpdated = null;
7
+ setOnItemUpdated(callback) {
8
+ this.onItemUpdated = callback;
9
+ }
9
10
  addItem(id, item) {
10
11
  this.items.set(id, item);
11
- const existingIndex = this.newSortedIds.indexOf(id);
12
- if (existingIndex !== -1) {
13
- this.newSortedIds.splice(existingIndex, 1);
12
+ const existingIndex = this.ids.indexOf(id);
13
+ if (existingIndex >= 0) {
14
+ this.model.remove(existingIndex);
15
+ this.ids.splice(existingIndex, 1);
14
16
  }
15
- this.newSortedIds.push(id);
16
- this.scheduleSync();
17
+ this.ids.push(id);
18
+ this.model.append(id);
17
19
  }
18
20
  removeItem(id) {
19
- const index = this.newSortedIds.indexOf(id);
20
- if (index !== -1) {
21
- this.newSortedIds.splice(index, 1);
22
- this.items.delete(id);
23
- this.scheduleSync();
24
- }
21
+ const index = this.ids.indexOf(id);
22
+ if (index < 0)
23
+ return;
24
+ this.model.remove(index);
25
+ this.ids.splice(index, 1);
26
+ this.items.delete(id);
25
27
  }
26
28
  insertItemBefore(id, beforeId, item) {
27
29
  this.items.set(id, item);
28
- const existingIndex = this.newSortedIds.indexOf(id);
29
- if (existingIndex !== -1) {
30
- this.newSortedIds.splice(existingIndex, 1);
30
+ const existingIndex = this.ids.indexOf(id);
31
+ if (existingIndex >= 0) {
32
+ this.model.remove(existingIndex);
33
+ this.ids.splice(existingIndex, 1);
31
34
  }
32
- const beforeIndex = this.newSortedIds.indexOf(beforeId);
33
- if (beforeIndex === -1) {
34
- this.newSortedIds.push(id);
35
+ const beforeIndex = this.ids.indexOf(beforeId);
36
+ if (beforeIndex < 0) {
37
+ this.ids.push(id);
38
+ this.model.append(id);
35
39
  }
36
40
  else {
37
- this.newSortedIds.splice(beforeIndex, 0, id);
41
+ this.ids.splice(beforeIndex, 0, id);
42
+ this.model.splice(beforeIndex, 0, [id]);
38
43
  }
39
- this.scheduleSync();
40
44
  }
41
45
  updateItem(id, item) {
42
46
  if (this.items.has(id)) {
43
47
  this.items.set(id, item);
48
+ this.onItemUpdated?.(id);
44
49
  }
45
50
  else {
46
51
  this.addItem(id, item);
@@ -52,18 +57,4 @@ export class ListStore {
52
57
  getModel() {
53
58
  return this.model;
54
59
  }
55
- scheduleSync() {
56
- if (this.shouldSync) {
57
- return;
58
- }
59
- this.shouldSync = true;
60
- scheduleAfterCommit(() => this.sync(), CommitPriority.LOW);
61
- }
62
- sync() {
63
- this.shouldSync = false;
64
- const newOrder = this.newSortedIds;
65
- const oldLength = this.sortedIds.length;
66
- this.model.splice(0, oldLength, newOrder.length > 0 ? newOrder : undefined);
67
- this.sortedIds = [...newOrder];
68
- }
69
60
  }
@@ -1,4 +1,20 @@
1
+ /**
2
+ * Runtime type predicates for GTK widget capability detection.
3
+ *
4
+ * These predicates check for specific APIs that widgets may or may not expose.
5
+ * GTK widgets don't have a consistent interface - different widgets support
6
+ * different child management APIs - so runtime checking is necessary.
7
+ *
8
+ * Predicate evaluation order matters in WidgetNode.appendChild/removeChild:
9
+ * 1. isReorderable (Box, etc.) - reorderChildAfter/insertChildAfter
10
+ * 2. isInsertable (ListBox, etc.) - insert
11
+ * 3. isAppendable (most containers) - append
12
+ * 4. isAddable (some legacy widgets) - add
13
+ * 5. isContentWidget (ActionBar, etc.) - setContent
14
+ * 6. isSingleChild (Bin subclasses) - setChild
15
+ */
1
16
  import * as Gtk from "@gtkx/ffi/gtk";
17
+ import type { Node } from "../../node.js";
2
18
  type AppendableWidget = Gtk.Widget & {
3
19
  append: (child: Gtk.Widget) => void;
4
20
  };
@@ -29,14 +45,21 @@ type EditableWidget = Gtk.Widget & {
29
45
  };
30
46
  export type AdjustableWidget = Gtk.Widget & {
31
47
  setAdjustment: (adjustment: Gtk.Adjustment) => void;
48
+ getValue: () => number;
32
49
  };
33
50
  export declare const isAppendable: (obj: unknown) => obj is AppendableWidget;
34
51
  export declare const isAddable: (obj: unknown) => obj is AddableWidget;
35
- export declare const hasSingleContent: (obj: unknown) => obj is ContentWidget;
52
+ export declare const isContentWidget: (obj: unknown) => obj is ContentWidget;
36
53
  export declare const isSingleChild: (obj: unknown) => obj is SingleChildWidget;
37
54
  export declare const isRemovable: (obj: unknown) => obj is RemovableWidget;
38
55
  export declare const isReorderable: (obj: unknown) => obj is ReorderableWidget;
39
56
  export declare const isInsertable: (obj: unknown) => obj is InsertableWidget;
40
57
  export declare const isEditable: (obj: unknown) => obj is EditableWidget;
41
- export declare const isAdjustable: (obj: unknown) => obj is AdjustableWidget;
58
+ export declare const isBufferedType: (type: string) => boolean;
59
+ export type Attachable = {
60
+ canBeChildOf(parent: Node): boolean;
61
+ attachTo(parent: Node): void;
62
+ detachFrom(parent: Node): void;
63
+ };
64
+ export declare function isAttachable(node: Node): node is Node & Attachable;
42
65
  export {};
@@ -1,42 +1,54 @@
1
+ /**
2
+ * Runtime type predicates for GTK widget capability detection.
3
+ *
4
+ * These predicates check for specific APIs that widgets may or may not expose.
5
+ * GTK widgets don't have a consistent interface - different widgets support
6
+ * different child management APIs - so runtime checking is necessary.
7
+ *
8
+ * Predicate evaluation order matters in WidgetNode.appendChild/removeChild:
9
+ * 1. isReorderable (Box, etc.) - reorderChildAfter/insertChildAfter
10
+ * 2. isInsertable (ListBox, etc.) - insert
11
+ * 3. isAppendable (most containers) - append
12
+ * 4. isAddable (some legacy widgets) - add
13
+ * 5. isContentWidget (ActionBar, etc.) - setContent
14
+ * 6. isSingleChild (Bin subclasses) - setChild
15
+ */
1
16
  import * as Gtk from "@gtkx/ffi/gtk";
2
- export const isAppendable = (obj) => {
3
- return obj instanceof Gtk.Widget && "append" in obj && typeof obj.append === "function";
4
- };
5
- export const isAddable = (obj) => {
6
- return obj instanceof Gtk.Widget && "add" in obj && typeof obj.add === "function";
7
- };
8
- export const hasSingleContent = (obj) => {
9
- return obj instanceof Gtk.Widget && "setContent" in obj && typeof obj.setContent === "function";
10
- };
11
- export const isSingleChild = (obj) => {
12
- return obj instanceof Gtk.Widget && "setChild" in obj && typeof obj.setChild === "function";
13
- };
14
- export const isRemovable = (obj) => {
15
- return obj instanceof Gtk.Widget && "remove" in obj && typeof obj.remove === "function";
16
- };
17
- export const isReorderable = (obj) => {
18
- return (obj instanceof Gtk.Widget &&
19
- "reorderChildAfter" in obj &&
20
- typeof obj.reorderChildAfter === "function" &&
21
- "insertChildAfter" in obj &&
22
- typeof obj.insertChildAfter === "function");
23
- };
24
- export const isInsertable = (obj) => {
25
- return (obj instanceof Gtk.Widget &&
26
- "insert" in obj &&
27
- typeof obj.insert === "function" &&
28
- "getFirstChild" in obj &&
29
- typeof obj.getFirstChild === "function");
30
- };
31
- export const isEditable = (obj) => {
32
- return (obj instanceof Gtk.Widget &&
33
- "getPosition" in obj &&
34
- typeof obj.getPosition === "function" &&
35
- "setPosition" in obj &&
36
- typeof obj.setPosition === "function" &&
37
- "getText" in obj &&
38
- typeof obj.getText === "function");
39
- };
40
- export const isAdjustable = (obj) => {
41
- return obj instanceof Gtk.Widget && "setAdjustment" in obj && typeof obj.setAdjustment === "function";
42
- };
17
+ import { resolveContainerClass } from "../../factory.js";
18
+ export const isAppendable = (obj) => obj instanceof Gtk.Widget && "append" in obj && typeof obj.append === "function";
19
+ export const isAddable = (obj) => obj instanceof Gtk.Widget && "add" in obj && typeof obj.add === "function";
20
+ export const isContentWidget = (obj) => obj instanceof Gtk.Widget && "setContent" in obj && typeof obj.setContent === "function";
21
+ export const isSingleChild = (obj) => obj instanceof Gtk.Widget && "setChild" in obj && typeof obj.setChild === "function";
22
+ export const isRemovable = (obj) => obj instanceof Gtk.Widget && "remove" in obj && typeof obj.remove === "function";
23
+ export const isReorderable = (obj) => obj instanceof Gtk.Widget &&
24
+ "reorderChildAfter" in obj &&
25
+ typeof obj.reorderChildAfter === "function" &&
26
+ "insertChildAfter" in obj &&
27
+ typeof obj.insertChildAfter === "function";
28
+ export const isInsertable = (obj) => obj instanceof Gtk.Widget &&
29
+ "insert" in obj &&
30
+ typeof obj.insert === "function" &&
31
+ "getFirstChild" in obj &&
32
+ typeof obj.getFirstChild === "function";
33
+ export const isEditable = (obj) => obj instanceof Gtk.Widget &&
34
+ "getPosition" in obj &&
35
+ typeof obj.getPosition === "function" &&
36
+ "setPosition" in obj &&
37
+ typeof obj.setPosition === "function" &&
38
+ "getText" in obj &&
39
+ typeof obj.getText === "function";
40
+ const isBuffered = (obj) => obj instanceof Gtk.Widget &&
41
+ "getBuffer" in obj &&
42
+ typeof obj.getBuffer === "function" &&
43
+ "setBuffer" in obj &&
44
+ typeof obj.setBuffer === "function";
45
+ export const isBufferedType = (type) => {
46
+ const containerClass = resolveContainerClass(type);
47
+ return containerClass !== null && isBuffered(containerClass.prototype);
48
+ };
49
+ export function isAttachable(node) {
50
+ const candidate = node;
51
+ return (typeof candidate.canBeChildOf === "function" &&
52
+ typeof candidate.attachTo === "function" &&
53
+ typeof candidate.detachFrom === "function");
54
+ }
@@ -0,0 +1,30 @@
1
+ import type * as Gio from "@gtkx/ffi/gio";
2
+ import * as Gtk from "@gtkx/ffi/gtk";
3
+ import type { SignalStore } from "./signal-store.js";
4
+ type SelectionModel = Gtk.NoSelection | Gtk.SingleSelection | Gtk.MultiSelection;
5
+ export type SelectionModelConfig = {
6
+ owner: object;
7
+ signalStore: SignalStore;
8
+ selectionMode?: Gtk.SelectionMode;
9
+ selected?: string[];
10
+ onSelectionChanged?: (ids: string[]) => void;
11
+ };
12
+ export declare class SelectionModelManager {
13
+ private owner;
14
+ private signalStore;
15
+ private selectionModel;
16
+ private handleSelectionChange;
17
+ private pendingSelection;
18
+ private selectionAction;
19
+ private getSelection;
20
+ private resolveSelectionIndices;
21
+ private getItemCount;
22
+ constructor(config: SelectionModelConfig, model: Gio.ListModel, getSelection: () => string[], resolveSelectionIndices: (ids: string[]) => Gtk.Bitset, getItemCount: () => number);
23
+ getSelectionModel(): SelectionModel;
24
+ update(oldProps: SelectionModelConfig | null, newProps: SelectionModelConfig, model: Gio.ListModel): SelectionModel;
25
+ private initSelectionHandler;
26
+ private createSelectionModel;
27
+ private setSelection;
28
+ private applySelection;
29
+ }
30
+ export {};
@@ -0,0 +1,87 @@
1
+ import * as Gtk from "@gtkx/ffi/gtk";
2
+ import { CommitPriority } from "../../scheduler.js";
3
+ import { DeferredAction } from "./deferred-action.js";
4
+ export class SelectionModelManager {
5
+ owner;
6
+ signalStore;
7
+ selectionModel;
8
+ handleSelectionChange = null;
9
+ pendingSelection = null;
10
+ selectionAction;
11
+ getSelection;
12
+ resolveSelectionIndices;
13
+ getItemCount;
14
+ constructor(config, model, getSelection, resolveSelectionIndices, getItemCount) {
15
+ this.owner = config.owner;
16
+ this.signalStore = config.signalStore;
17
+ this.selectionModel = this.createSelectionModel(config.selectionMode, model);
18
+ this.selectionModel.setModel(model);
19
+ this.getSelection = getSelection;
20
+ this.resolveSelectionIndices = resolveSelectionIndices;
21
+ this.getItemCount = getItemCount;
22
+ this.selectionAction = new DeferredAction(() => this.applySelection(), CommitPriority.LOW);
23
+ this.initSelectionHandler(config.onSelectionChanged);
24
+ this.setSelection(config.selected);
25
+ }
26
+ getSelectionModel() {
27
+ return this.selectionModel;
28
+ }
29
+ update(oldProps, newProps, model) {
30
+ if (oldProps && oldProps.selectionMode !== newProps.selectionMode) {
31
+ this.signalStore.set(this.owner, this.selectionModel, "selection-changed", null);
32
+ this.selectionModel = this.createSelectionModel(newProps.selectionMode, model);
33
+ this.selectionModel.setModel(model);
34
+ this.initSelectionHandler(newProps.onSelectionChanged);
35
+ this.setSelection(newProps.selected);
36
+ return this.selectionModel;
37
+ }
38
+ if (!oldProps || oldProps.onSelectionChanged !== newProps.onSelectionChanged) {
39
+ this.initSelectionHandler(newProps.onSelectionChanged);
40
+ }
41
+ if (!oldProps || oldProps.selected !== newProps.selected) {
42
+ this.setSelection(newProps.selected);
43
+ }
44
+ return this.selectionModel;
45
+ }
46
+ initSelectionHandler(onSelectionChanged) {
47
+ if (!onSelectionChanged) {
48
+ this.signalStore.set(this.owner, this.selectionModel, "selection-changed", null);
49
+ return;
50
+ }
51
+ this.handleSelectionChange = () => {
52
+ onSelectionChanged(this.getSelection());
53
+ };
54
+ this.signalStore.set(this.owner, this.selectionModel, "selection-changed", this.handleSelectionChange);
55
+ }
56
+ createSelectionModel(mode, model) {
57
+ const selectionMode = mode ?? Gtk.SelectionMode.SINGLE;
58
+ if (selectionMode === Gtk.SelectionMode.NONE) {
59
+ return new Gtk.NoSelection(model);
60
+ }
61
+ if (selectionMode === Gtk.SelectionMode.MULTIPLE) {
62
+ return new Gtk.MultiSelection(model);
63
+ }
64
+ const selectionModel = new Gtk.SingleSelection(model);
65
+ selectionModel.setAutoselect(selectionMode === Gtk.SelectionMode.BROWSE);
66
+ selectionModel.setCanUnselect(selectionMode !== Gtk.SelectionMode.BROWSE);
67
+ return selectionModel;
68
+ }
69
+ setSelection(ids) {
70
+ this.pendingSelection = ids ?? null;
71
+ this.selectionAction.schedule();
72
+ }
73
+ applySelection() {
74
+ const ids = this.pendingSelection;
75
+ const nItems = this.getItemCount();
76
+ this.pendingSelection = null;
77
+ const selected = ids ? this.resolveSelectionIndices(ids) : new Gtk.Bitset();
78
+ const mask = Gtk.Bitset.newRange(0, nItems);
79
+ if (this.selectionModel instanceof Gtk.SingleSelection) {
80
+ const position = selected.getSize() > 0 ? selected.getNth(0) : Gtk.INVALID_LIST_POSITION;
81
+ this.selectionModel.setSelected(position);
82
+ }
83
+ else {
84
+ this.selectionModel.setSelection(selected, mask);
85
+ }
86
+ }
87
+ }
@@ -1,17 +1,21 @@
1
1
  import * as GObject from "@gtkx/ffi/gobject";
2
2
  type SignalOwner = object;
3
3
  export type SignalHandler = (...args: any[]) => any;
4
- declare class SignalStore {
4
+ export interface SignalOptions {
5
+ blockable?: boolean;
6
+ }
7
+ export declare class SignalStore {
5
8
  private ownerHandlers;
6
- private blockedHandlers;
7
- private isBlocking;
9
+ private blockDepth;
8
10
  private getOwnerMap;
11
+ private wrapHandler;
9
12
  private disconnect;
10
13
  private connect;
11
- set(owner: SignalOwner, obj: GObject.GObject, signal: string, handler?: SignalHandler | null): void;
14
+ set(owner: SignalOwner, obj: GObject.Object, signal: string, handler?: SignalHandler | null, options?: SignalOptions): void;
12
15
  clear(owner: SignalOwner): void;
13
16
  blockAll(): void;
14
17
  unblockAll(): void;
18
+ forceUnblockAll(): void;
15
19
  }
16
- export declare const signalStore: SignalStore;
20
+ export declare function getSignalStore(rootContainer: object): SignalStore;
17
21
  export {};
@@ -15,10 +15,9 @@ const LIFECYCLE_SIGNALS = new Set([
15
15
  "unbind",
16
16
  "teardown",
17
17
  ]);
18
- class SignalStore {
18
+ export class SignalStore {
19
19
  ownerHandlers = new Map();
20
- blockedHandlers = new Set();
21
- isBlocking = false;
20
+ blockDepth = 0;
22
21
  getOwnerMap(owner) {
23
22
  let map = this.ownerHandlers.get(owner);
24
23
  if (!map) {
@@ -27,6 +26,15 @@ class SignalStore {
27
26
  }
28
27
  return map;
29
28
  }
29
+ wrapHandler(handler, signal, blockable) {
30
+ return (...args) => {
31
+ if (this.blockDepth > 0 && blockable && !LIFECYCLE_SIGNALS.has(signal)) {
32
+ return;
33
+ }
34
+ const [self, ...rest] = args;
35
+ return handler(...rest, self);
36
+ };
37
+ }
30
38
  disconnect(owner, obj, signal) {
31
39
  const objectId = getNativeId(obj.handle);
32
40
  const key = `${objectId}:${signal}`;
@@ -37,20 +45,17 @@ class SignalStore {
37
45
  ownerMap?.delete(key);
38
46
  }
39
47
  }
40
- connect(owner, obj, signal, handler) {
48
+ connect(owner, obj, signal, handler, blockable) {
41
49
  const objectId = getNativeId(obj.handle);
42
50
  const key = `${objectId}:${signal}`;
43
- const handlerId = obj.connect(signal, handler);
51
+ const wrappedHandler = this.wrapHandler(handler, signal, blockable);
52
+ const handlerId = obj.connect(signal, wrappedHandler);
44
53
  this.getOwnerMap(owner).set(key, { obj, handlerId });
45
- if (this.isBlocking && !LIFECYCLE_SIGNALS.has(signal)) {
46
- GObject.signalHandlerBlock(obj, handlerId);
47
- this.blockedHandlers.add(handlerId);
48
- }
49
54
  }
50
- set(owner, obj, signal, handler) {
55
+ set(owner, obj, signal, handler, options) {
51
56
  this.disconnect(owner, obj, signal);
52
57
  if (handler) {
53
- this.connect(owner, obj, signal, handler);
58
+ this.connect(owner, obj, signal, handler, options?.blockable ?? true);
54
59
  }
55
60
  }
56
61
  clear(owner) {
@@ -63,28 +68,23 @@ class SignalStore {
63
68
  }
64
69
  }
65
70
  blockAll() {
66
- this.isBlocking = true;
67
- this.blockedHandlers.clear();
68
- for (const ownerMap of this.ownerHandlers.values()) {
69
- for (const [key, { obj, handlerId }] of ownerMap.entries()) {
70
- if (LIFECYCLE_SIGNALS.has(key.split(":")[1] ?? "")) {
71
- continue;
72
- }
73
- GObject.signalHandlerBlock(obj, handlerId);
74
- this.blockedHandlers.add(handlerId);
75
- }
76
- }
71
+ this.blockDepth++;
77
72
  }
78
73
  unblockAll() {
79
- this.isBlocking = false;
80
- for (const ownerMap of this.ownerHandlers.values()) {
81
- for (const { obj, handlerId } of ownerMap.values()) {
82
- if (this.blockedHandlers.has(handlerId)) {
83
- GObject.signalHandlerUnblock(obj, handlerId);
84
- }
85
- }
74
+ if (this.blockDepth > 0) {
75
+ this.blockDepth--;
86
76
  }
87
- this.blockedHandlers.clear();
88
77
  }
78
+ forceUnblockAll() {
79
+ this.blockDepth = 0;
80
+ }
81
+ }
82
+ const signalStores = new WeakMap();
83
+ export function getSignalStore(rootContainer) {
84
+ let store = signalStores.get(rootContainer);
85
+ if (!store) {
86
+ store = new SignalStore();
87
+ signalStores.set(rootContainer, store);
88
+ }
89
+ return store;
89
90
  }
90
- export const signalStore = new SignalStore();