@gtkx/react 0.19.0 → 0.21.0

package/src/nodes/drop-down.ts

@@ -1,284 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import type { ReactNode } from "react";
-import type Reconciler from "react-reconciler";
-import { createFiberRoot } from "../fiber-root.js";
-import type { AdwComboRowProps, GtkDropDownProps } from "../jsx.js";
-import type { Node } from "../node.js";
-import { reconciler } from "../reconciler.js";
-import type { DropDownWidget } from "../registry.js";
-import type { Container } from "../types.js";
-import { ContainerSlotNode } from "./container-slot.js";
-import { EventControllerNode } from "./event-controller.js";
-import type { HeaderItemRenderer } from "./internal/header-item-renderer.js";
-import { updateHeaderRenderer } from "./internal/header-renderer-manager.js";
-import { filterProps, hasChanged } from "./internal/props.js";
-import { SimpleListStore } from "./internal/simple-list-store.js";
-import { ListItemNode } from "./list-item.js";
-import { ListSectionNode } from "./list-section.js";
-import { SlotNode } from "./slot.js";
-import { WidgetNode } from "./widget.js";
-
-const OWN_PROPS = ["selectedId", "onSelectionChanged", "renderItem", "renderListItem", "renderHeader"] as const;
-
-type DropDownProps = Pick<GtkDropDownProps | AdwComboRowProps, (typeof OWN_PROPS)[number]>;
-
-type DropDownChild = ListItemNode | ListSectionNode | EventControllerNode | SlotNode | ContainerSlotNode;
-
-type RenderItemFn = (item: string | null) => ReactNode;
-
-interface FactoryState {
-    factory: Gtk.SignalListItemFactory;
-    fiberRoots: Map<object, Reconciler.FiberRoot>;
-    tornDown: Set<object>;
-    boundLabels: Map<string, object>;
-}
-
-export class DropDownNode extends WidgetNode<DropDownWidget, DropDownProps, DropDownChild> {
-    private store = new SimpleListStore();
-    private initialSelectedId: string | null | undefined;
-
-    private itemState: FactoryState | null = null;
-    private renderItemFn: RenderItemFn | null = null;
-
-    private listItemState: FactoryState | null = null;
-    private renderListItemFn: RenderItemFn | null = null;
-
-    private headerRenderer: HeaderItemRenderer | null = null;
-
-    public override isValidChild(child: Node): boolean {
-        return (
-            child instanceof ListItemNode ||
-            child instanceof ListSectionNode ||
-            child instanceof EventControllerNode ||
-            child instanceof SlotNode ||
-            child instanceof ContainerSlotNode
-        );
-    }
-
-    constructor(typeName: string, props: DropDownProps, container: DropDownWidget, rootContainer: Container) {
-        super(typeName, props, container, rootContainer);
-        this.store.beginBatch();
-        this.initialSelectedId = props.selectedId;
-    }
-
-    public override finalizeInitialChildren(props: DropDownProps): boolean {
-        super.finalizeInitialChildren(props);
-        this.store.flushBatch();
-        this.container.setModel(this.store.getModel());
-        this.reapplyInitialSelectedId();
-        return false;
-    }
-
-    private reapplyInitialSelectedId(): void {
-        if (this.initialSelectedId == null) return;
-        const index = this.store.getIndexById(this.initialSelectedId);
-        this.initialSelectedId = undefined;
-        if (index !== null) {
-            this.container.setSelected(index);
-        }
-    }
-
-    public override appendChild(child: DropDownChild): void {
-        super.appendChild(child);
-        if (child instanceof ListSectionNode) {
-            this.store.addSection(child.props.id, child.props.value);
-            child.setStore(this.store);
-        } else if (child instanceof ListItemNode) {
-            child.setStore(this.store);
-            this.store.addItem(child.props.id, child.props.value as string);
-        }
-    }
-
-    public override insertBefore(child: DropDownChild, before: DropDownChild): void {
-        super.insertBefore(child, before);
-        if (child instanceof ListSectionNode) {
-            this.store.addSection(child.props.id, child.props.value);
-            child.setStore(this.store);
-        } else if (child instanceof ListItemNode && before instanceof ListItemNode) {
-            child.setStore(this.store);
-            this.store.insertItemBefore(child.props.id, before.props.id, child.props.value as string);
-        } else if (child instanceof ListItemNode) {
-            child.setStore(this.store);
-            this.store.addItem(child.props.id, child.props.value as string);
-        }
-    }
-
-    public override removeChild(child: DropDownChild): void {
-        if (child instanceof ListSectionNode) {
-            this.store.removeSection(child.props.id);
-            child.setStore(null);
-        } else if (child instanceof ListItemNode) {
-            this.store.removeItem(child.props.id);
-            child.setStore(null);
-        }
-        super.removeChild(child);
-    }
-
-    public override commitUpdate(oldProps: DropDownProps | null, newProps: DropDownProps): void {
-        super.commitUpdate(oldProps ? filterProps(oldProps, OWN_PROPS) : null, filterProps(newProps, OWN_PROPS));
-        this.applyOwnProps(oldProps, newProps);
-    }
-
-    public override detachDeletedInstance(): void {
-        this.disposeFactory(this.itemState);
-        this.itemState = null;
-        this.disposeFactory(this.listItemState);
-        this.listItemState = null;
-        this.headerRenderer?.dispose();
-        super.detachDeletedInstance();
-    }
-
-    private applyOwnProps(oldProps: DropDownProps | null, newProps: DropDownProps): void {
-        if (hasChanged(oldProps, newProps, "onSelectionChanged")) {
-            const onSelectionChanged = newProps.onSelectionChanged;
-
-            const handleSelectionChange = onSelectionChanged
-                ? () => {
-                      const selectedIndex = this.container.getSelected();
-                      const id = this.store.getIdAtIndex(selectedIndex);
-                      if (id !== null) {
-                          onSelectionChanged(id);
-                      }
-                  }
-                : undefined;
-
-            this.signalStore.set(this, this.container, "notify::selected", handleSelectionChange);
-        }
-
-        if (hasChanged(oldProps, newProps, "selectedId")) {
-            const index = newProps.selectedId != null ? this.store.getIndexById(newProps.selectedId) : null;
-
-            if (index !== null) {
-                this.container.setSelected(index);
-            }
-        }
-
-        if (hasChanged(oldProps, newProps, "renderItem")) {
-            if (newProps.renderItem) {
-                if (!this.itemState) {
-                    this.itemState = this.createFactory(
-                        () => this.renderItemFn,
-                        (f) => this.container.setFactory(f),
-                    );
-                }
-                this.renderItemFn = newProps.renderItem;
-                this.rebindAll(this.itemState, this.renderItemFn);
-            } else if (this.itemState) {
-                this.disposeFactory(this.itemState);
-                this.itemState = null;
-                this.container.setFactory(null);
-                this.renderItemFn = null;
-            }
-        }
-
-        if (hasChanged(oldProps, newProps, "renderListItem")) {
-            if (newProps.renderListItem) {
-                if (!this.listItemState) {
-                    this.listItemState = this.createFactory(
-                        () => this.renderListItemFn,
-                        (f) => this.container.setListFactory(f),
-                    );
-                }
-                this.renderListItemFn = newProps.renderListItem;
-                this.rebindAll(this.listItemState, this.renderListItemFn);
-            } else if (this.listItemState) {
-                this.disposeFactory(this.listItemState);
-                this.listItemState = null;
-                this.container.setListFactory(null);
-                this.renderListItemFn = null;
-            }
-        }
-
-        if (hasChanged(oldProps, newProps, "renderHeader")) {
-            this.headerRenderer = updateHeaderRenderer(
-                this.headerRenderer,
-                {
-                    signalStore: this.signalStore,
-                    isEnabled: () => this.store.isSectioned(),
-                    resolveItem: (label) => this.store.getHeaderValueByLabel(label),
-                    setFactory: (factory) => this.container.setHeaderFactory(factory),
-                },
-                newProps.renderHeader,
-            );
-        }
-    }
-
-    private createFactory(
-        getRenderFn: () => RenderItemFn | null,
-        applyFactory: (factory: Gtk.SignalListItemFactory) => void,
-    ): FactoryState {
-        const state: FactoryState = {
-            factory: new Gtk.SignalListItemFactory(),
-            fiberRoots: new Map(),
-            tornDown: new Set(),
-            boundLabels: new Map(),
-        };
-
-        this.signalStore.set(this, state.factory, "setup", (listItem: Gtk.ListItem) => {
-            const box = new Gtk.Box(Gtk.Orientation.HORIZONTAL);
-            box.setValign(Gtk.Align.CENTER);
-            listItem.setChild(box);
-            const fiberRoot = createFiberRoot(box);
-            state.fiberRoots.set(listItem, fiberRoot);
-            const element = getRenderFn()?.(null);
-            reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {});
-        });
-
-        this.signalStore.set(this, state.factory, "bind", (listItem: Gtk.ListItem) => {
-            const fiberRoot = state.fiberRoots.get(listItem);
-            if (!fiberRoot) return;
-            const stringObject = listItem.getItem();
-            const label = stringObject instanceof Gtk.StringObject ? stringObject.getString() : null;
-            if (label !== null) state.boundLabels.set(label, listItem);
-            const element = getRenderFn()?.(label);
-            reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {});
-        });
-
-        this.signalStore.set(this, state.factory, "unbind", (listItem: Gtk.ListItem) => {
-            const stringObject = listItem.getItem();
-            if (stringObject instanceof Gtk.StringObject) {
-                state.boundLabels.delete(stringObject.getString());
-            }
-        });
-
-        this.signalStore.set(this, state.factory, "teardown", (listItem: Gtk.ListItem) => {
-            const fiberRoot = state.fiberRoots.get(listItem);
-            if (fiberRoot) {
-                state.tornDown.add(listItem);
-                reconciler.getInstance().updateContainer(null, fiberRoot, null, () => {});
-                queueMicrotask(() => {
-                    state.fiberRoots.delete(listItem);
-                    state.tornDown.delete(listItem);
-                });
-            }
-        });
-
-        applyFactory(state.factory);
-        return state;
-    }
-
-    private rebindAll(state: FactoryState, renderFn: RenderItemFn): void {
-        for (const [label, listItem] of state.boundLabels) {
-            const fiberRoot = state.fiberRoots.get(listItem);
-            if (!fiberRoot) continue;
-            const element = renderFn(label);
-            reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {});
-        }
-    }
-
-    private disposeFactory(state: FactoryState | null): void {
-        if (!state) return;
-        this.signalStore.set(this, state.factory, "setup", undefined);
-        this.signalStore.set(this, state.factory, "bind", undefined);
-        this.signalStore.set(this, state.factory, "unbind", undefined);
-        this.signalStore.set(this, state.factory, "teardown", undefined);
-        for (const [listItem, fiberRoot] of state.fiberRoots) {
-            if (!state.tornDown.has(listItem)) {
-                reconciler.getInstance().updateContainer(null, fiberRoot, null, () => {});
-            }
-        }
-        state.fiberRoots.clear();
-        state.tornDown.clear();
-        state.boundLabels.clear();
-    }
-}

package/src/nodes/grid-view.ts

@@ -1,119 +0,0 @@
-import type * as Gtk from "@gtkx/ffi/gtk";
-import type { GtkGridViewProps } from "../jsx.js";
-import type { Node } from "../node.js";
-import type { Container } from "../types.js";
-import { ContainerSlotNode } from "./container-slot.js";
-import { EventControllerNode } from "./event-controller.js";
-import { GridItemRenderer } from "./internal/grid-item-renderer.js";
-import { filterProps, hasChanged } from "./internal/props.js";
-import { ListItemNode } from "./list-item.js";
-import { ListSectionNode } from "./list-section.js";
-import { ListModel, type ListModelProps } from "./models/list.js";
-import { SlotNode } from "./slot.js";
-import { WidgetNode } from "./widget.js";
-
-const RENDERER_PROPS = ["renderItem", "estimatedItemHeight"] as const;
-const OWN_PROPS = [...RENDERER_PROPS, "selectionMode", "selected", "onSelectionChanged"] as const;
-
-type GridViewProps = Pick<GtkGridViewProps, (typeof RENDERER_PROPS)[number]> & ListModelProps;
-
-type GridViewChild = ListItemNode | ListSectionNode | EventControllerNode | SlotNode | ContainerSlotNode;
-
-export class GridViewNode extends WidgetNode<Gtk.GridView, GridViewProps, GridViewChild> {
-    private itemRenderer: GridItemRenderer;
-    private list: ListModel;
-
-    constructor(typeName: string, props: GridViewProps, container: Gtk.GridView, rootContainer: Container) {
-        super(typeName, props, container, rootContainer);
-        this.list = new ListModel(
-            { owner: this, signalStore: this.signalStore },
-            {
-                selectionMode: props.selectionMode,
-                selected: props.selected,
-                onSelectionChanged: props.onSelectionChanged,
-            },
-            true,
-        );
-        this.itemRenderer = new GridItemRenderer(this.signalStore);
-        this.itemRenderer.setStore(this.list.getFlatStore());
-        this.list.setOnItemUpdated((id) => this.itemRenderer.rebindItem(id));
-        this.container.setFactory(this.itemRenderer.getFactory());
-    }
-
-    public override isValidChild(child: Node): boolean {
-        if (child instanceof EventControllerNode || child instanceof SlotNode || child instanceof ContainerSlotNode)
-            return true;
-        if (child instanceof ListSectionNode) return true;
-        if (!(child instanceof ListItemNode)) return false;
-        if (child.getChildNodes().length > 0) {
-            throw new Error("GtkGridView does not support nested ListItems. Use GtkListView for tree lists.");
-        }
-        return true;
-    }
-
-    public override appendChild(child: GridViewChild): void {
-        super.appendChild(child);
-        if (child instanceof ListItemNode || child instanceof ListSectionNode) {
-            this.list.appendChild(child);
-        }
-    }
-
-    public override insertBefore(child: GridViewChild, before: GridViewChild): void {
-        super.insertBefore(child, before);
-        if (
-            (child instanceof ListItemNode || child instanceof ListSectionNode) &&
-            (before instanceof ListItemNode || before instanceof ListSectionNode)
-        ) {
-            this.list.insertBefore(child, before);
-        }
-    }
-
-    public override removeChild(child: GridViewChild): void {
-        if (child instanceof ListItemNode || child instanceof ListSectionNode) {
-            this.list.removeChild(child);
-        }
-        super.removeChild(child);
-    }
-
-    public override finalizeInitialChildren(props: GridViewProps): boolean {
-        super.finalizeInitialChildren(props);
-        return true;
-    }
-
-    public override commitUpdate(oldProps: GridViewProps | null, newProps: GridViewProps): void {
-        super.commitUpdate(oldProps ? filterProps(oldProps, OWN_PROPS) : null, filterProps(newProps, OWN_PROPS));
-        this.applyOwnProps(oldProps, newProps);
-    }
-
-    public override commitMount(): void {
-        super.commitMount();
-        this.list.flushBatch();
-        this.container.setModel(this.list.getSelectionModel());
-    }
-
-    public override detachDeletedInstance(): void {
-        this.itemRenderer.dispose();
-        super.detachDeletedInstance();
-    }
-
-    private applyOwnProps(oldProps: GridViewProps | null, newProps: GridViewProps): void {
-        if (hasChanged(oldProps, newProps, "renderItem")) {
-            this.itemRenderer.setRenderFn(newProps.renderItem ?? null);
-        }
-
-        if (hasChanged(oldProps, newProps, "estimatedItemHeight")) {
-            this.itemRenderer.setEstimatedItemHeight(newProps.estimatedItemHeight ?? null);
-        }
-
-        const previousModel = this.list.getSelectionModel();
-        this.list.updateProps(
-            oldProps ? filterProps(oldProps, RENDERER_PROPS) : null,
-            filterProps(newProps, RENDERER_PROPS),
-        );
-        const currentModel = this.list.getSelectionModel();
-
-        if (previousModel !== currentModel) {
-            this.container.setModel(currentModel);
-        }
-    }
-}

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

@@ -1,107 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import type { ReactNode } from "react";
-import type Reconciler from "react-reconciler";
-import { createFiberRoot } from "../../fiber-root.js";
-import { reconciler } from "../../reconciler.js";
-import type { SignalStore } from "./signal-store.js";
-
-export abstract class BaseItemRenderer<TStore = unknown> {
-    protected factory: Gtk.SignalListItemFactory;
-    protected fiberRoots = new Map<Gtk.ListItem, Reconciler.FiberRoot>();
-    protected tornDown = new Set<Gtk.ListItem>();
-    protected estimatedItemHeight: number | null = null;
-    private store: TStore | null = null;
-    protected signalStore: SignalStore;
-
-    constructor(signalStore: SignalStore) {
-        this.signalStore = signalStore;
-        this.factory = new Gtk.SignalListItemFactory();
-        this.initializeFactory();
-    }
-
-    public getFactory(): Gtk.SignalListItemFactory {
-        return this.factory;
-    }
-
-    public setEstimatedItemHeight(height: number | null): void {
-        this.estimatedItemHeight = height;
-    }
-
-    public setStore(store: TStore | null): void {
-        this.store = store;
-    }
-
-    protected getStore(): TStore {
-        if (!this.store) {
-            throw new Error(`Expected store to be set on ${this.constructor.name}`);
-        }
-        return this.store;
-    }
-
-    public dispose(): void {
-        this.signalStore.clear(this);
-        this.fiberRoots.clear();
-        this.tornDown.clear();
-    }
-
-    protected abstract renderItem(listItem: Gtk.ListItem): ReactNode;
-    protected abstract onSetup(listItem: Gtk.ListItem): Gtk.Widget;
-    protected abstract onBind(listItem: Gtk.ListItem, fiberRoot: Reconciler.FiberRoot): void;
-    protected abstract onUnbind(listItem: Gtk.ListItem): void;
-
-    protected onSetupComplete(_listItem: Gtk.ListItem): void {}
-    protected onTeardown(_listItem: Gtk.ListItem): void {}
-
-    protected createBox(): Gtk.Box {
-        const box = new Gtk.Box(Gtk.Orientation.HORIZONTAL);
-
-        if (this.estimatedItemHeight !== null) {
-            box.setSizeRequest(-1, this.estimatedItemHeight);
-        }
-
-        return box;
-    }
-
-    protected clearBoxSizeRequest(box: Gtk.Widget): void {
-        if (box instanceof Gtk.Box) {
-            box.setSizeRequest(-1, -1);
-        }
-    }
-
-    private initializeFactory(): void {
-        this.signalStore.set(this, this.factory, "setup", (listItem: Gtk.ListItem) => {
-            const container = this.onSetup(listItem);
-            const fiberRoot = createFiberRoot(container);
-            this.fiberRoots.set(listItem, fiberRoot);
-            const element = this.renderItem(listItem);
-            reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {
-                if (this.tornDown.has(listItem)) return;
-                this.onSetupComplete(listItem);
-            });
-        });
-
-        this.signalStore.set(this, this.factory, "bind", (listItem: Gtk.ListItem) => {
-            const fiberRoot = this.fiberRoots.get(listItem);
-            if (!fiberRoot) return;
-            this.onBind(listItem, fiberRoot);
-        });
-
-        this.signalStore.set(this, this.factory, "unbind", (listItem: Gtk.ListItem) => {
-            this.onUnbind(listItem);
-        });
-
-        this.signalStore.set(this, this.factory, "teardown", (listItem: Gtk.ListItem) => {
-            const fiberRoot = this.fiberRoots.get(listItem);
-
-            if (fiberRoot) {
-                this.tornDown.add(listItem);
-                this.onTeardown(listItem);
-                reconciler.getInstance().updateContainer(null, fiberRoot, null, () => {});
-                queueMicrotask(() => {
-                    this.fiberRoots.delete(listItem);
-                    this.tornDown.delete(listItem);
-                });
-            }
-        });
-    }
-}

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

@@ -1,78 +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 { ListStore } from "./list-store.js";
-
-type GridRenderItemFn<T> = (item: T | null) => ReactNode;
-
-export class GridItemRenderer extends BaseItemRenderer<ListStore> {
-    private renderFn: GridRenderItemFn<unknown> | null = () => null;
-    private boundItems = new Map<string, Gtk.ListItem>();
-
-    public setRenderFn(renderFn: GridRenderItemFn<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 listItem = this.boundItems.get(id);
-        if (!listItem) return;
-
-        const fiberRoot = this.fiberRoots.get(listItem);
-        if (!fiberRoot) return;
-
-        const item = this.getStore().getItem(id);
-        const element = this.renderFn?.(item);
-
-        reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {});
-    }
-
-    protected override renderItem(_listItem: Gtk.ListItem): ReactNode {
-        return this.renderFn?.(null);
-    }
-
-    private getItemFromListItem(listItem: Gtk.ListItem): string | null {
-        const stringObject = listItem.getItem();
-        if (!(stringObject instanceof Gtk.StringObject)) return null;
-        return stringObject.getString();
-    }
-
-    protected override onSetup(listItem: Gtk.ListItem): Gtk.Widget {
-        const box = this.createBox();
-        listItem.setChild(box);
-        return box;
-    }
-
-    protected override onBind(listItem: Gtk.ListItem, fiberRoot: Reconciler.FiberRoot): void {
-        const id = this.getItemFromListItem(listItem);
-        if (id !== null) {
-            this.boundItems.set(id, listItem);
-        }
-
-        const item = id !== null ? this.getStore().getItem(id) : null;
-        const element = this.renderFn?.(item);
-
-        reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {
-            if (this.tornDown.has(listItem)) return;
-            if (this.estimatedItemHeight !== null) return;
-            const currentFiberRoot = this.fiberRoots.get(listItem);
-            if (!currentFiberRoot) return;
-            this.clearBoxSizeRequest(currentFiberRoot.containerInfo);
-        });
-    }
-
-    protected override onUnbind(listItem: Gtk.ListItem): void {
-        const id = this.getItemFromListItem(listItem);
-        if (id !== null) {
-            this.boundItems.delete(id);
-        }
-    }
-}

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

@@ -1,105 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import type { ReactNode } from "react";
-import type Reconciler from "react-reconciler";
-import { createFiberRoot } from "../../fiber-root.js";
-import { reconciler } from "../../reconciler.js";
-import type { SignalStore } from "./signal-store.js";
-
-type RenderHeaderFn = (item: unknown) => ReactNode;
-
-type ItemResolver = (id: string) => unknown;
-
-export class HeaderItemRenderer {
-    private factory: Gtk.SignalListItemFactory;
-    private fiberRoots = new Map<object, Reconciler.FiberRoot>();
-    private tornDown = new Set<object>();
-    private renderFn: RenderHeaderFn | null = () => null;
-    private boundHeaders = new Map<string, object>();
-    private signalStore: SignalStore;
-    private resolveItem: ItemResolver | null = null;
-
-    constructor(signalStore: SignalStore) {
-        this.signalStore = signalStore;
-        this.factory = new Gtk.SignalListItemFactory();
-        this.initializeFactory();
-    }
-
-    public getFactory(): Gtk.SignalListItemFactory {
-        return this.factory;
-    }
-
-    public setResolveItem(resolver: ItemResolver | null): void {
-        this.resolveItem = resolver;
-    }
-
-    public setRenderFn(renderFn: RenderHeaderFn | null): void {
-        this.renderFn = renderFn;
-        this.rebindAllHeaders();
-    }
-
-    public dispose(): void {
-        this.signalStore.clear(this);
-        this.fiberRoots.clear();
-        this.tornDown.clear();
-        this.boundHeaders.clear();
-    }
-
-    private rebindAllHeaders(): void {
-        for (const [id, header] of this.boundHeaders) {
-            const fiberRoot = this.fiberRoots.get(header);
-            if (!fiberRoot) continue;
-            const item = this.resolveItem?.(id) ?? null;
-            const element = this.renderFn?.(item);
-            reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {});
-        }
-    }
-
-    private initializeFactory(): void {
-        this.signalStore.set(this, this.factory, "setup", (listHeader: Gtk.ListHeader) => {
-            const box = new Gtk.Box(Gtk.Orientation.HORIZONTAL);
-            listHeader.setChild(box);
-            const fiberRoot = createFiberRoot(box);
-            this.fiberRoots.set(listHeader, fiberRoot);
-            const element = this.renderFn?.(null);
-            reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {});
-        });
-
-        this.signalStore.set(this, this.factory, "bind", (listHeader: Gtk.ListHeader) => {
-            const fiberRoot = this.fiberRoots.get(listHeader);
-            if (!fiberRoot) return;
-
-            const stringObject = listHeader.getItem();
-            let id: string | null = null;
-            if (stringObject instanceof Gtk.StringObject) {
-                id = stringObject.getString();
-            }
-
-            if (id !== null) {
-                this.boundHeaders.set(id, listHeader);
-            }
-
-            const item = id !== null && this.resolveItem ? this.resolveItem(id) : null;
-            const element = this.renderFn?.(item);
-            reconciler.getInstance().updateContainer(element, fiberRoot, null, () => {});
-        });
-
-        this.signalStore.set(this, this.factory, "unbind", (listHeader: Gtk.ListHeader) => {
-            const stringObject = listHeader.getItem();
-            if (stringObject instanceof Gtk.StringObject) {
-                this.boundHeaders.delete(stringObject.getString());
-            }
-        });
-
-        this.signalStore.set(this, this.factory, "teardown", (listHeader: Gtk.ListHeader) => {
-            const fiberRoot = this.fiberRoots.get(listHeader);
-            if (fiberRoot) {
-                this.tornDown.add(listHeader);
-                reconciler.getInstance().updateContainer(null, fiberRoot, null, () => {});
-                queueMicrotask(() => {
-                    this.fiberRoots.delete(listHeader);
-                    this.tornDown.delete(listHeader);
-                });
-            }
-        });
-    }
-}