@gtkx/react 0.18.9 → 0.20.0

package/src/nodes/internal/list-item-renderer.ts

@@ -1,162 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import type { ReactNode } from "react";
-import type Reconciler from "react-reconciler";
-import { reconciler } from "../../reconciler.js";
-import { BaseItemRenderer } from "./base-item-renderer.js";
-import type { TreeStore } from "./tree-store.js";
-
-type RenderItemFn<T> = (item: T | null, row: Gtk.TreeListRow | null) => ReactNode;
-
-type PendingBind = {
-    treeListRow: Gtk.TreeListRow;
-    expander: Gtk.TreeExpander;
-    id: string;
-};
-
-export class ListItemRenderer extends BaseItemRenderer<TreeStore> {
-    private expanders = new Map<Gtk.ListItem, Gtk.TreeExpander>();
-    private setupComplete = new Set<Gtk.ListItem>();
-    private pendingBinds = new Map<Gtk.ListItem, PendingBind>();
-    private renderFn: RenderItemFn<unknown> | null = () => null;
-    private boundItems = new Map<string, { listItem: Gtk.ListItem; treeListRow: Gtk.TreeListRow }>();
-
-    public setRenderFn(renderFn: RenderItemFn<unknown> | null): void {
-        this.renderFn = renderFn;
-        this.rebindAllItems();
-    }
-
-    public rebindAllItems(): void {
-        for (const id of this.boundItems.keys()) {
-            this.rebindItem(id);
-        }
-    }
-
-    public rebindItem(id: string): void {
-        const binding = this.boundItems.get(id);
-        if (!binding) return;
-
-        const fiberRoot = this.fiberRoots.get(binding.listItem);
-        if (!fiberRoot) return;
-
-        const expander = this.expanders.get(binding.listItem);
-        if (!expander) return;
-
-        this.renderBind(binding.listItem, expander, binding.treeListRow, id, fiberRoot);
-    }
-
-    public override dispose(): void {
-        super.dispose();
-        this.expanders.clear();
-        this.setupComplete.clear();
-        this.pendingBinds.clear();
-        this.boundItems.clear();
-    }
-
-    protected override renderItem(_listItem: Gtk.ListItem): ReactNode {
-        return this.renderFn?.(null, null);
-    }
-
-    protected override onSetup(listItem: Gtk.ListItem): Gtk.Widget {
-        const expander = new Gtk.TreeExpander();
-        const box = this.createBox();
-        expander.setChild(box);
-        listItem.setChild(expander);
-        this.expanders.set(listItem, expander);
-        return box;
-    }
-
-    protected override onSetupComplete(listItem: Gtk.ListItem): void {
-        this.setupComplete.add(listItem);
-        this.processPendingBind(listItem);
-    }
-
-    protected override onBind(listItem: Gtk.ListItem, fiberRoot: Reconciler.FiberRoot): void {
-        const expander = this.expanders.get(listItem);
-        if (!expander) return;
-
-        const treeListRow = listItem.getItem();
-        if (!(treeListRow instanceof Gtk.TreeListRow)) return;
-
-        expander.setListRow(treeListRow);
-
-        const stringObject = treeListRow.getItem();
-        if (!(stringObject instanceof Gtk.StringObject)) return;
-
-        const id = stringObject.getString();
-        this.boundItems.set(id, { listItem, treeListRow });
-
-        if (!this.setupComplete.has(listItem)) {
-            this.pendingBinds.set(listItem, { treeListRow, expander, id });
-            return;
-        }
-
-        this.renderBind(listItem, expander, treeListRow, id, fiberRoot);
-    }
-
-    protected override onUnbind(listItem: Gtk.ListItem): void {
-        const expander = listItem.getChild();
-        if (expander instanceof Gtk.TreeExpander) {
-            expander.setListRow(null);
-            const treeListRow = listItem.getItem();
-            if (treeListRow instanceof Gtk.TreeListRow) {
-                const stringObject = treeListRow.getItem();
-                if (stringObject instanceof Gtk.StringObject) {
-                    this.boundItems.delete(stringObject.getString());
-                }
-            }
-        }
-    }
-
-    protected override onTeardown(listItem: Gtk.ListItem): void {
-        this.expanders.delete(listItem);
-        this.setupComplete.delete(listItem);
-        this.pendingBinds.delete(listItem);
-    }
-
-    private processPendingBind(listItem: Gtk.ListItem): void {
-        const pending = this.pendingBinds.get(listItem);
-        if (!pending) return;
-
-        this.pendingBinds.delete(listItem);
-        const fiberRoot = this.fiberRoots.get(listItem);
-        if (fiberRoot) {
-            this.renderBind(listItem, pending.expander, pending.treeListRow, pending.id, fiberRoot);
-        }
-    }
-
-    private renderBind(
-        listItem: Gtk.ListItem,
-        expander: Gtk.TreeExpander,
-        treeListRow: Gtk.TreeListRow,
-        id: string,
-        fiberRoot: Reconciler.FiberRoot,
-    ): void {
-        const itemData = this.getStore().getItem(id);
-
-        if (itemData) {
-            expander.setIndentForDepth(itemData.indentForDepth ?? true);
-            expander.setHideExpander(itemData.hideExpander ?? false);
-
-            if (itemData.indentForIcon !== undefined) {
-                expander.setIndentForIcon(itemData.indentForIcon);
-            } else {
-                expander.setIndentForIcon(treeListRow.isExpandable());
-            }
-        } else {
-            expander.setIndentForIcon(treeListRow.isExpandable());
-        }
-
-        const element = this.renderFn?.(itemData?.value ?? null, treeListRow);
-
-        reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {
-            if (this.tornDown.has(listItem)) return;
-            if (this.estimatedItemHeight !== null) return;
-            const currentExpander = this.expanders.get(listItem);
-            if (!currentExpander) return;
-            const box = currentExpander.getChild();
-            if (box) {
-                this.clearBoxSizeRequest(box);
-            }
-        });
-    }
-}

package/src/nodes/internal/list-store.ts

@@ -1,105 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-
-type ItemUpdatedCallback = (id: string) => void;
-
-export class ListStore {
-    private model = new Gtk.StringList();
-    private ids: string[] = [];
-    private idToIndex = new Map<string, number>();
-    private items = new Map<string, unknown>();
-    private onItemUpdated: ItemUpdatedCallback | null = null;
-    private pendingBatch: string[] | null = null;
-
-    public setOnItemUpdated(callback: ItemUpdatedCallback | null): void {
-        this.onItemUpdated = callback;
-    }
-
-    public beginBatch(): void {
-        this.pendingBatch = [];
-    }
-
-    public flushBatch(): void {
-        const batch = this.pendingBatch;
-        this.pendingBatch = null;
-        if (batch && batch.length > 0) {
-            this.model.splice(0, 0, batch);
-        }
-    }
-
-    public addItem(id: string, item: unknown): void {
-        this.items.set(id, item);
-
-        const existingIndex = this.idToIndex.get(id);
-        if (existingIndex !== undefined) {
-            this.model.remove(existingIndex);
-            this.ids.splice(existingIndex, 1);
-            this.rebuildIndices(existingIndex);
-        }
-
-        this.idToIndex.set(id, this.ids.length);
-        this.ids.push(id);
-
-        if (this.pendingBatch) {
-            this.pendingBatch.push(id);
-        } else {
-            this.model.append(id);
-        }
-    }
-
-    public removeItem(id: string): void {
-        const index = this.idToIndex.get(id);
-        if (index === undefined) return;
-
-        this.model.remove(index);
-        this.ids.splice(index, 1);
-        this.idToIndex.delete(id);
-        this.rebuildIndices(index);
-        this.items.delete(id);
-    }
-
-    public insertItemBefore(id: string, beforeId: string, item: unknown): void {
-        this.items.set(id, item);
-
-        const existingIndex = this.idToIndex.get(id);
-        if (existingIndex !== undefined) {
-            this.model.remove(existingIndex);
-            this.ids.splice(existingIndex, 1);
-            this.idToIndex.delete(id);
-            this.rebuildIndices(existingIndex);
-        }
-
-        const beforeIndex = this.idToIndex.get(beforeId);
-        if (beforeIndex === undefined) {
-            this.idToIndex.set(id, this.ids.length);
-            this.ids.push(id);
-            this.model.append(id);
-        } else {
-            this.ids.splice(beforeIndex, 0, id);
-            this.rebuildIndices(beforeIndex);
-            this.model.splice(beforeIndex, 0, [id]);
-        }
-    }
-
-    public updateItem(id: string, item: unknown): void {
-        if (this.items.has(id)) {
-            this.items.set(id, item);
-            this.onItemUpdated?.(id);
-        } else {
-            this.addItem(id, item);
-        }
-    }
-
-    public getItem(id: string): unknown {
-        return this.items.get(id);
-    }
-
-    public getModel(): Gtk.StringList {
-        return this.model;
-    }
-
-    private rebuildIndices(fromIndex: number): void {
-        for (let i = fromIndex; i < this.ids.length; i++) {
-            this.idToIndex.set(this.ids[i] as string, i);
-        }
-    }
-}

package/src/nodes/internal/selection-model-controller.ts

@@ -1,115 +0,0 @@
-import type * as Gio from "@gtkx/ffi/gio";
-import * as Gtk from "@gtkx/ffi/gtk";
-import type { GtkListViewProps } from "../../jsx.js";
-import type { SignalStore } from "./signal-store.js";
-
-type SelectionModel = Gtk.NoSelection | Gtk.SingleSelection | Gtk.MultiSelection;
-
-type SelectionModelConfig = Pick<GtkListViewProps, "selectionMode" | "selected" | "onSelectionChanged"> & {
-    owner: object;
-    signalStore: SignalStore;
-};
-
-export class SelectionModelController {
-    private owner: object;
-    private signalStore: SignalStore;
-    private selectionModel: SelectionModel;
-    private getSelection: () => string[];
-    private resolveSelectionIndices: (ids: string[]) => Gtk.Bitset;
-    private getItemCount: () => number;
-
-    constructor(
-        config: SelectionModelConfig,
-        model: Gio.ListModel,
-        getSelection: () => string[],
-        resolveSelectionIndices: (ids: string[]) => Gtk.Bitset,
-        getItemCount: () => number,
-    ) {
-        this.owner = config.owner;
-        this.signalStore = config.signalStore;
-        this.selectionModel = this.createSelectionModel(config.selectionMode, model);
-        this.selectionModel.setModel(model);
-        this.getSelection = getSelection;
-        this.resolveSelectionIndices = resolveSelectionIndices;
-        this.getItemCount = getItemCount;
-        this.initSelectionHandler(config.onSelectionChanged);
-        this.setSelection(config.selected);
-    }
-
-    public getSelectionModel(): SelectionModel {
-        return this.selectionModel;
-    }
-
-    public update(
-        oldProps: SelectionModelConfig | null,
-        newProps: SelectionModelConfig,
-        model: Gio.ListModel,
-    ): SelectionModel {
-        if (oldProps && oldProps.selectionMode !== newProps.selectionMode) {
-            this.signalStore.set(this.owner, this.selectionModel, "selection-changed", null);
-            this.selectionModel = this.createSelectionModel(newProps.selectionMode, model);
-            this.selectionModel.setModel(model);
-            this.initSelectionHandler(newProps.onSelectionChanged);
-            this.setSelection(newProps.selected);
-            return this.selectionModel;
-        }
-
-        if (!oldProps || oldProps.onSelectionChanged !== newProps.onSelectionChanged) {
-            this.initSelectionHandler(newProps.onSelectionChanged);
-        }
-
-        if (!oldProps || oldProps.selected !== newProps.selected) {
-            this.setSelection(newProps.selected);
-        }
-
-        return this.selectionModel;
-    }
-
-    private initSelectionHandler(onSelectionChanged?: ((ids: string[]) => void) | null): void {
-        if (!onSelectionChanged) {
-            this.signalStore.set(this.owner, this.selectionModel, "selection-changed", null);
-            return;
-        }
-
-        const handler = () => {
-            onSelectionChanged(this.getSelection());
-        };
-
-        this.signalStore.set(this.owner, this.selectionModel, "selection-changed", handler);
-    }
-
-    private createSelectionModel(mode: Gtk.SelectionMode | null | undefined, model: Gio.ListModel): SelectionModel {
-        const selectionMode = mode ?? Gtk.SelectionMode.SINGLE;
-
-        if (selectionMode === Gtk.SelectionMode.NONE) {
-            return new Gtk.NoSelection(model);
-        }
-
-        if (selectionMode === Gtk.SelectionMode.MULTIPLE) {
-            return new Gtk.MultiSelection(model);
-        }
-
-        const selectionModel = new Gtk.SingleSelection(model);
-        selectionModel.setAutoselect(selectionMode === Gtk.SelectionMode.BROWSE);
-        selectionModel.setCanUnselect(selectionMode !== Gtk.SelectionMode.BROWSE);
-
-        return selectionModel;
-    }
-
-    public reapplySelection(ids?: string[] | null): void {
-        this.setSelection(ids);
-    }
-
-    private setSelection(ids?: string[] | null): void {
-        const nItems = this.getItemCount();
-        const selected = ids ? this.resolveSelectionIndices(ids) : new Gtk.Bitset();
-        const mask = Gtk.Bitset.newRange(0, nItems);
-
-        if (this.selectionModel instanceof Gtk.SingleSelection) {
-            const position = selected.getSize() > 0 ? selected.getNth(0) : Gtk.INVALID_LIST_POSITION;
-            this.selectionModel.setSelected(position);
-        } else {
-            this.selectionModel.setSelection(selected, mask);
-        }
-    }
-}

package/src/nodes/internal/simple-list-store.ts

@@ -1,99 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-
-export class SimpleListStore {
-    private ids: string[] = [];
-    private idToIndex = new Map<string, number>();
-    private model = new Gtk.StringList();
-    private pendingBatch: string[] | null = null;
-
-    public beginBatch(): void {
-        this.pendingBatch = [];
-    }
-
-    public flushBatch(): void {
-        const batch = this.pendingBatch;
-        this.pendingBatch = null;
-        if (batch && batch.length > 0) {
-            this.model.splice(0, 0, batch);
-        }
-    }
-
-    public addItem(id: string, label: string): void {
-        this.idToIndex.set(id, this.ids.length);
-        this.ids.push(id);
-
-        if (this.pendingBatch) {
-            this.pendingBatch.push(label);
-        } else {
-            this.model.append(label);
-        }
-    }
-
-    public appendItem(id: string, label: string): void {
-        const existingIndex = this.idToIndex.get(id);
-
-        if (existingIndex !== undefined) {
-            this.model.remove(existingIndex);
-            this.ids.splice(existingIndex, 1);
-            this.rebuildIndices(existingIndex);
-        }
-
-        this.idToIndex.set(id, this.ids.length);
-        this.ids.push(id);
-        this.model.append(label);
-    }
-
-    public removeItem(id: string): void {
-        const index = this.idToIndex.get(id);
-        if (index === undefined) return;
-
-        this.model.remove(index);
-        this.ids.splice(index, 1);
-        this.idToIndex.delete(id);
-        this.rebuildIndices(index);
-    }
-
-    public insertItemBefore(id: string, beforeId: string, label: string): void {
-        const beforeIndex = this.idToIndex.get(beforeId);
-        if (beforeIndex === undefined) {
-            this.addItem(id, label);
-        } else {
-            this.ids.splice(beforeIndex, 0, id);
-            this.rebuildIndices(beforeIndex);
-            this.model.splice(beforeIndex, 0, [label]);
-        }
-    }
-
-    public updateItem(id: string, label: string): void {
-        const index = this.idToIndex.get(id);
-        if (index === undefined) {
-            this.addItem(id, label);
-            return;
-        }
-        this.model.splice(index, 1, [label]);
-    }
-
-    public getItem(id: string) {
-        const index = this.idToIndex.get(id);
-        if (index === undefined) return null;
-        return this.model.getString(index);
-    }
-
-    public getIdAtIndex(index: number): string | null {
-        return this.ids[index] ?? null;
-    }
-
-    public getIndexById(id: string): number | null {
-        return this.idToIndex.get(id) ?? null;
-    }
-
-    public getModel(): Gtk.StringList {
-        return this.model;
-    }
-
-    private rebuildIndices(fromIndex: number): void {
-        for (let i = fromIndex; i < this.ids.length; i++) {
-            this.idToIndex.set(this.ids[i] as string, i);
-        }
-    }
-}