@gtkx/react 0.21.0 → 1.0.0-rc.1

package/src/nodes/text-paintable.ts

@@ -1,51 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import type { TextPaintableProps } from "../jsx.js";
-import type { Node } from "../node.js";
-import { TEXT_OBJECT_REPLACEMENT, type TextContentParent } from "./text-content.js";
-import { isTextContentParent } from "./text-segment.js";
-import { VirtualNode } from "./virtual.js";
-
-export class TextPaintableNode extends VirtualNode<TextPaintableProps, Node & TextContentParent, never> {
-    public override isValidChild(_child: Node): boolean {
-        return false;
-    }
-
-    public override isValidParent(parent: Node): boolean {
-        return isTextContentParent(parent);
-    }
-    private buffer: Gtk.TextBuffer | null = null;
-    private bufferOffset = 0;
-
-    public getBufferOffset(): number {
-        return this.bufferOffset;
-    }
-
-    public setBufferOffset(offset: number): void {
-        this.bufferOffset = offset;
-    }
-
-    public getLength(): number {
-        return 1;
-    }
-
-    public getText(): string {
-        return TEXT_OBJECT_REPLACEMENT;
-    }
-
-    public setTextViewAndBuffer(_textView: Gtk.TextView, buffer: Gtk.TextBuffer): void {
-        this.buffer = buffer;
-        this.insertPaintable();
-    }
-
-    private insertPaintable(): void {
-        if (!this.buffer || !this.props.paintable) return;
-        const iter = new Gtk.TextIter();
-        this.buffer.getIterAtOffset(iter, this.bufferOffset);
-        this.buffer.insertPaintable(iter, this.props.paintable);
-    }
-
-    public override detachDeletedInstance(): void {
-        this.buffer = null;
-        super.detachDeletedInstance();
-    }
-}

package/src/nodes/text-segment.ts

@@ -1,55 +0,0 @@
-import type { TextSegmentProps } from "../jsx.js";
-import type { Node } from "../node.js";
-import { hasChanged } from "./internal/props.js";
-import type { TextContentParent } from "./text-content.js";
-import { VirtualNode } from "./virtual.js";
-
-type TextSegmentParent = Node & TextContentParent;
-
-export class TextSegmentNode extends VirtualNode<TextSegmentProps, TextSegmentParent, never> {
-    private bufferOffset = 0;
-
-    public getBufferOffset(): number {
-        return this.bufferOffset;
-    }
-
-    public setBufferOffset(offset: number): void {
-        this.bufferOffset = offset;
-    }
-
-    public override isValidChild(_child: Node): boolean {
-        return false;
-    }
-
-    public override isValidParent(parent: Node): boolean {
-        return isTextContentParent(parent);
-    }
-
-    public getText(): string {
-        return this.props.text;
-    }
-
-    public getLength(): number {
-        return this.props.text.length;
-    }
-
-    public override commitUpdate(oldProps: TextSegmentProps | null, newProps: TextSegmentProps): void {
-        const oldText = oldProps?.text ?? "";
-        const newText = newProps.text;
-
-        super.commitUpdate(oldProps, newProps);
-
-        if (hasChanged(oldProps, newProps, "text") && this.parent) {
-            this.parent.onChildTextChanged(this, oldText.length, newText.length);
-        }
-    }
-}
-
-export function isTextContentParent(node: Node): node is TextSegmentParent {
-    const candidate = node as unknown as TextContentParent;
-    return (
-        typeof candidate.onChildInserted === "function" &&
-        typeof candidate.onChildRemoved === "function" &&
-        typeof candidate.onChildTextChanged === "function"
-    );
-}

package/src/nodes/text-tag.ts

@@ -1,298 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import type { TextTagProps } from "../jsx.js";
-import type { Node } from "../node.js";
-import { hasChanged } from "./internal/props.js";
-import { TextAnchorNode } from "./text-anchor.js";
-import type { TextContentChild, TextContentParent } from "./text-content.js";
-import { TextPaintableNode } from "./text-paintable.js";
-import { isTextContentParent, TextSegmentNode } from "./text-segment.js";
-import { VirtualNode } from "./virtual.js";
-
-const STYLE_PROPS: Partial<Record<keyof TextTagProps, keyof Gtk.TextTag | string>> = {
-    background: "setBackground",
-    backgroundFullHeight: "backgroundFullHeight",
-    foreground: "setForeground",
-    family: "family",
-    font: "font",
-    sizePoints: "sizePoints",
-    size: "size",
-    scale: "scale",
-    weight: "weight",
-    style: "style",
-    stretch: "stretch",
-    variant: "variant",
-    strikethrough: "strikethrough",
-    underline: "underline",
-    overline: "overline",
-    rise: "rise",
-    letterSpacing: "letterSpacing",
-    lineHeight: "lineHeight",
-    leftMargin: "leftMargin",
-    rightMargin: "rightMargin",
-    indent: "indent",
-    pixelsAboveLines: "pixelsAboveLines",
-    pixelsBelowLines: "pixelsBelowLines",
-    pixelsInsideWrap: "pixelsInsideWrap",
-    justification: "justification",
-    direction: "direction",
-    wrapMode: "wrapMode",
-    editable: "editable",
-    invisible: "invisible",
-    allowBreaks: "allowBreaks",
-    insertHyphens: "insertHyphens",
-    fallback: "fallback",
-    accumulativeMargin: "accumulativeMargin",
-    paragraphBackground: "setParagraphBackground",
-    showSpaces: "showSpaces",
-    textTransform: "textTransform",
-    fontFeatures: "fontFeatures",
-    language: "language",
-};
-
-type TextTagParent = Node & TextContentParent;
-
-export class TextTagNode
-    extends VirtualNode<TextTagProps, TextTagParent, TextContentChild>
-    implements TextContentParent
-{
-    private buffer: Gtk.TextBuffer | null = null;
-    private tag: Gtk.TextTag | null = null;
-
-    private bufferOffset = 0;
-
-    public getBufferOffset(): number {
-        return this.bufferOffset;
-    }
-
-    public setBufferOffset(offset: number): void {
-        this.bufferOffset = offset;
-    }
-
-    public override isValidChild(child: Node): boolean {
-        return this.isTextContentChild(child);
-    }
-
-    public override isValidParent(parent: Node): boolean {
-        return isTextContentParent(parent);
-    }
-
-    public override appendChild(child: TextContentChild): void {
-        const index = this.children.length;
-        super.appendChild(child);
-
-        if (child instanceof TextTagNode && this.buffer) {
-            child.setBuffer(this.buffer);
-        }
-
-        this.updateChildOffsets(index);
-        this.parent?.onChildInserted(child);
-    }
-
-    public override removeChild(child: TextContentChild): void {
-        const index = this.children.indexOf(child);
-        if (index !== -1) {
-            this.children.splice(index, 1);
-            child.setParent(null);
-            this.updateChildOffsets(index);
-            this.parent?.onChildRemoved(child);
-            return;
-        }
-        super.removeChild(child);
-    }
-
-    public override insertBefore(child: TextContentChild, before: TextContentChild): void {
-        const beforeIndex = this.children.indexOf(before);
-        const insertIndex = beforeIndex !== -1 ? beforeIndex : this.children.length;
-
-        super.insertBefore(child, before);
-
-        if (child instanceof TextTagNode && this.buffer) {
-            child.setBuffer(this.buffer);
-        }
-
-        this.updateChildOffsets(insertIndex);
-        this.parent?.onChildInserted(child);
-    }
-
-    public override commitUpdate(oldProps: TextTagProps | null, newProps: TextTagProps): void {
-        super.commitUpdate(oldProps, newProps);
-        this.applyOwnProps(oldProps, newProps);
-    }
-
-    public override detachDeletedInstance(): void {
-        if (this.buffer && this.tag) {
-            this.removeTagFromBuffer();
-            const tagTable = this.buffer.getTagTable();
-            tagTable.remove(this.tag);
-        }
-        this.tag = null;
-        this.buffer = null;
-        super.detachDeletedInstance();
-    }
-
-    public setBuffer(buffer: Gtk.TextBuffer): void {
-        this.buffer = buffer;
-        this.updateChildOffsets(0);
-        this.setupTag();
-
-        for (const child of this.children) {
-            if (child instanceof TextTagNode) {
-                child.setBuffer(buffer);
-            }
-        }
-    }
-
-    public hasBuffer(): boolean {
-        return this.buffer !== null;
-    }
-
-    public getText(): string {
-        let text = "";
-        for (const child of this.children) {
-            text += child.getText();
-        }
-        return text;
-    }
-
-    public getLength(): number {
-        let length = 0;
-        for (const child of this.children) {
-            length += child.getLength();
-        }
-        return length;
-    }
-
-    public reapplyTag(): void {
-        if (!this.buffer || !this.tag) return;
-        this.removeTagFromBuffer();
-        this.applyTagToRange();
-    }
-
-    public onChildInserted(child: TextContentChild): void {
-        const index = this.children.indexOf(child);
-        if (index !== -1) {
-            this.updateChildOffsets(index);
-        }
-
-        this.parent?.onChildInserted(child);
-    }
-
-    public onChildRemoved(child: TextContentChild): void {
-        this.parent?.onChildRemoved(child);
-    }
-
-    public onChildTextChanged(child: TextSegmentNode, oldLength: number, newLength: number): void {
-        const index = this.children.indexOf(child);
-        if (index !== -1) {
-            this.updateChildOffsets(index + 1);
-        }
-
-        this.parent?.onChildTextChanged(child, oldLength, newLength);
-    }
-
-    private setupTag(): void {
-        if (!this.buffer) return;
-
-        const tagTable = this.buffer.getTagTable();
-        this.tag = new Gtk.TextTag(this.props.id);
-
-        this.applyStyleProps(null, this.props);
-        tagTable.add(this.tag);
-
-        if (this.props.priority !== undefined) {
-            this.tag.setPriority(this.props.priority);
-        }
-
-        this.applyTagToRange();
-    }
-
-    private applyOwnProps(oldProps: TextTagProps | null, newProps: TextTagProps): void {
-        if (oldProps && oldProps.id !== newProps.id) {
-            throw new Error("TextTag id cannot be changed after creation");
-        }
-
-        if (!this.tag) return;
-
-        this.applyStyleProps(oldProps, newProps);
-
-        if (hasChanged(oldProps, newProps, "priority") && newProps.priority !== undefined) {
-            this.tag.setPriority(newProps.priority);
-        }
-    }
-
-    private applyStyleProps(oldProps: TextTagProps | null, newProps: TextTagProps): void {
-        if (!this.tag) return;
-        for (const prop of Object.keys(STYLE_PROPS) as (keyof TextTagProps)[]) {
-            if (hasChanged(oldProps, newProps, prop)) {
-                const value = newProps[prop];
-                const target = STYLE_PROPS[prop];
-                if (value !== undefined && target) {
-                    const tag = this.tag as unknown as Record<string, unknown>;
-                    const member = tag[target];
-                    if (typeof member === "function") {
-                        (member as (v: unknown) => void).call(this.tag, value);
-                    } else {
-                        tag[target] = value;
-                    }
-                }
-            }
-        }
-    }
-
-    private applyTagToRange(): void {
-        const buffer = this.buffer;
-        const tag = this.tag;
-        if (!buffer || !tag) return;
-
-        const length = this.getLength();
-        if (length === 0) return;
-
-        const startIter = new Gtk.TextIter();
-        const endIter = new Gtk.TextIter();
-
-        buffer.getIterAtOffset(startIter, this.bufferOffset);
-        buffer.getIterAtOffset(endIter, this.bufferOffset + length);
-
-        buffer.applyTag(tag, startIter, endIter);
-    }
-
-    private removeTagFromBuffer(): void {
-        const buffer = this.buffer;
-        const tag = this.tag;
-        if (!buffer || !tag) return;
-
-        const startIter = new Gtk.TextIter();
-        const endIter = new Gtk.TextIter();
-
-        buffer.getStartIter(startIter);
-        buffer.getEndIter(endIter);
-
-        buffer.removeTag(tag, startIter, endIter);
-    }
-
-    private updateChildOffsets(startIndex: number): void {
-        let offset = this.bufferOffset;
-
-        for (let i = 0; i < startIndex; i++) {
-            const child = this.children[i];
-            if (child) offset += child.getLength();
-        }
-
-        for (let i = startIndex; i < this.children.length; i++) {
-            const child = this.children[i];
-            if (child) {
-                child.setBufferOffset(offset);
-                offset += child.getLength();
-            }
-        }
-    }
-
-    private isTextContentChild(child: Node): child is TextContentChild {
-        return (
-            child instanceof TextSegmentNode ||
-            child instanceof TextTagNode ||
-            child instanceof TextAnchorNode ||
-            child instanceof TextPaintableNode
-        );
-    }
-}

package/src/nodes/text-view.ts

@@ -1,100 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import type { GtkTextViewProps } from "../jsx.js";
-import type { Node } from "../node.js";
-import { ContainerSlotNode } from "./container-slot.js";
-import { EventControllerNode } from "./event-controller.js";
-import { filterProps } from "./internal/props.js";
-import { TextBufferController } from "./internal/text-buffer-controller.js";
-import { SlotNode } from "./slot.js";
-import { TextAnchorNode } from "./text-anchor.js";
-import type { TextContentChild, TextContentParent } from "./text-content.js";
-import { TextPaintableNode } from "./text-paintable.js";
-import { TextSegmentNode } from "./text-segment.js";
-import { TextTagNode } from "./text-tag.js";
-import { WidgetNode } from "./widget.js";
-
-const OWN_PROPS = [
-    "enableUndo",
-    "onBufferChanged",
-    "onTextInserted",
-    "onTextDeleted",
-    "onCanUndoChanged",
-    "onCanRedoChanged",
-] as const;
-
-type TextViewProps = Pick<GtkTextViewProps, (typeof OWN_PROPS)[number]>;
-type TextViewChild = TextContentChild | SlotNode | ContainerSlotNode | EventControllerNode | WidgetNode;
-
-export class TextViewNode extends WidgetNode<Gtk.TextView, TextViewProps, TextViewChild> implements TextContentParent {
-    protected bufferController: TextBufferController | null = null;
-
-    public override isValidChild(child: Node): boolean {
-        return (
-            child instanceof TextSegmentNode ||
-            child instanceof TextTagNode ||
-            child instanceof TextAnchorNode ||
-            child instanceof TextPaintableNode ||
-            child instanceof SlotNode ||
-            child instanceof ContainerSlotNode ||
-            child instanceof EventControllerNode ||
-            child instanceof WidgetNode
-        );
-    }
-
-    protected ensureBufferController(): TextBufferController {
-        if (!this.bufferController) {
-            this.bufferController = this.createBufferController();
-        }
-        return this.bufferController;
-    }
-
-    protected createBufferController(): TextBufferController {
-        return new TextBufferController(this, this.container, () => new Gtk.TextBuffer());
-    }
-
-    public override finalizeInitialChildren(props: TextViewProps): boolean {
-        this.bufferController?.finalizeInitialMount();
-        return super.finalizeInitialChildren(props);
-    }
-
-    public override commitUpdate(oldProps: TextViewProps | null, newProps: TextViewProps): void {
-        super.commitUpdate(oldProps ? filterProps(oldProps, OWN_PROPS) : null, filterProps(newProps, OWN_PROPS));
-        this.ensureBufferController().applyOwnProps(oldProps, newProps);
-    }
-
-    public override appendChild(child: TextViewChild): void {
-        const controller = this.ensureBufferController();
-        if (controller.isTextContentChild(child)) {
-            controller.appendChild(child);
-        }
-        super.appendChild(child);
-    }
-
-    public override insertBefore(child: TextViewChild, before: TextViewChild): void {
-        const controller = this.ensureBufferController();
-        if (controller.isTextContentChild(child)) {
-            controller.insertBefore(child, before as TextContentChild);
-        }
-        super.insertBefore(child, before);
-    }
-
-    public override removeChild(child: TextViewChild): void {
-        const controller = this.ensureBufferController();
-        if (controller.isTextContentChild(child)) {
-            controller.removeChild(child);
-        }
-        super.removeChild(child);
-    }
-
-    public onChildInserted(child: TextContentChild): void {
-        this.ensureBufferController().onChildInserted(child);
-    }
-
-    public onChildRemoved(child: TextContentChild): void {
-        this.ensureBufferController().onChildRemoved(child);
-    }
-
-    public onChildTextChanged(child: TextSegmentNode, oldLength: number, newLength: number): void {
-        this.ensureBufferController().onChildTextChanged(child, oldLength, newLength);
-    }
-}

package/src/nodes/toggle-group.ts

@@ -1,81 +0,0 @@
-import * as Adw from "@gtkx/ffi/adw";
-import type * as Gtk from "@gtkx/ffi/gtk";
-import type { AdwToggleGroupProps, ToggleProps } from "../jsx.js";
-import type { Container, Props } from "../types.js";
-import { createContainerWithProperties } from "./internal/construct.js";
-import { filterProps, hasChanged } from "./internal/props.js";
-import { WidgetNode } from "./widget.js";
-
-const DEFERRED_PROPS = ["activeName", "active"] as const;
-const OWN_PROPS = ["onActiveChanged", "toggles", ...DEFERRED_PROPS] as const;
-
-type OwnProps = Pick<AdwToggleGroupProps, (typeof OWN_PROPS)[number]>;
-
-export class ToggleGroupNode extends WidgetNode<Adw.ToggleGroup, OwnProps> {
-    private managedToggles: Adw.Toggle[] = [];
-
-    public static override createContainer(props: Props, containerClass: typeof Gtk.Widget): Container | null {
-        const { activeName: _, active: __, ...rest } = props;
-        return createContainerWithProperties(containerClass, rest);
-    }
-
-    public override commitUpdate(oldProps: OwnProps | null, newProps: OwnProps): void {
-        if (hasChanged(oldProps, newProps, "toggles")) {
-            this.syncToggles(newProps.toggles ?? []);
-        }
-
-        super.commitUpdate(oldProps ? filterProps(oldProps, OWN_PROPS) : null, filterProps(newProps, OWN_PROPS));
-
-        if (hasChanged(oldProps, newProps, "activeName")) {
-            this.container.setActiveName(newProps.activeName ?? null);
-        }
-
-        if (hasChanged(oldProps, newProps, "active")) {
-            if (newProps.active != null) {
-                this.container.setActive(newProps.active);
-            }
-        }
-
-        if (hasChanged(oldProps, newProps, "onActiveChanged")) {
-            const callback = newProps.onActiveChanged;
-            this.signalStore.set(
-                this,
-                this.container,
-                "notify::active",
-                callback ? () => callback(this.container.getActive(), this.container.getActiveName()) : undefined,
-            );
-        }
-    }
-
-    public override detachDeletedInstance(): void {
-        this.clearToggles();
-        super.detachDeletedInstance();
-    }
-
-    private syncToggles(newToggles: ToggleProps[]): void {
-        this.clearToggles();
-
-        for (const toggleProps of newToggles) {
-            const toggle = new Adw.Toggle();
-            applyToggleProps(toggle, toggleProps);
-            this.container.add(toggle);
-            this.managedToggles.push(toggle);
-        }
-    }
-
-    private clearToggles(): void {
-        for (const toggle of this.managedToggles) {
-            this.container.remove(toggle);
-        }
-        this.managedToggles = [];
-    }
-}
-
-function applyToggleProps(toggle: Adw.Toggle, props: ToggleProps): void {
-    if (props.id != null) toggle.setName(props.id);
-    if (props.label != null) toggle.setLabel(props.label);
-    if (props.iconName != null) toggle.setIconName(props.iconName);
-    if (props.tooltip !== undefined) toggle.setTooltip(props.tooltip);
-    if (props.enabled !== undefined) toggle.setEnabled(props.enabled);
-    if (props.useUnderline !== undefined) toggle.setUseUnderline(props.useUnderline);
-}

package/src/nodes/toggle.ts

@@ -1,72 +0,0 @@
-import * as Adw from "@gtkx/ffi/adw";
-import type { ToggleProps } from "../jsx.js";
-import type { Node } from "../node.js";
-import { hasChanged } from "./internal/props.js";
-import { VirtualNode } from "./virtual.js";
-import { WidgetNode } from "./widget.js";
-
-export class ToggleNode extends VirtualNode<ToggleProps, WidgetNode<Adw.ToggleGroup>, never> {
-    private toggle: Adw.Toggle | null = null;
-
-    public override isValidChild(_child: Node): boolean {
-        return false;
-    }
-
-    public override isValidParent(parent: Node): boolean {
-        return parent instanceof WidgetNode && parent.container instanceof Adw.ToggleGroup;
-    }
-
-    public override setParent(parent: WidgetNode<Adw.ToggleGroup> | null): void {
-        if (!parent && this.parent) {
-            this.removeFromGroup();
-        }
-
-        super.setParent(parent);
-
-        if (parent && !this.toggle) {
-            this.toggle = new Adw.Toggle();
-            this.applyOwnProps(null, this.props);
-            parent.container.add(this.toggle);
-        }
-    }
-
-    public override commitUpdate(oldProps: ToggleProps | null, newProps: ToggleProps): void {
-        super.commitUpdate(oldProps, newProps);
-        this.applyOwnProps(oldProps, newProps);
-    }
-
-    public override detachDeletedInstance(): void {
-        this.removeFromGroup();
-        super.detachDeletedInstance();
-    }
-
-    private removeFromGroup(): void {
-        if (!this.parent || !this.toggle) return;
-
-        this.parent.container.remove(this.toggle);
-        this.toggle = null;
-    }
-
-    private applyOwnProps(oldProps: ToggleProps | null, newProps: ToggleProps): void {
-        if (!this.toggle) return;
-
-        if (hasChanged(oldProps, newProps, "id")) {
-            this.toggle.setName(newProps.id ?? "");
-        }
-        if (hasChanged(oldProps, newProps, "label")) {
-            this.toggle.setLabel(newProps.label ?? "");
-        }
-        if (hasChanged(oldProps, newProps, "iconName")) {
-            this.toggle.setIconName(newProps.iconName ?? "");
-        }
-        if (hasChanged(oldProps, newProps, "tooltip")) {
-            this.toggle.setTooltip(newProps.tooltip ?? "");
-        }
-        if (hasChanged(oldProps, newProps, "enabled")) {
-            this.toggle.setEnabled(newProps.enabled ?? true);
-        }
-        if (hasChanged(oldProps, newProps, "useUnderline")) {
-            this.toggle.setUseUnderline(newProps.useUnderline ?? false);
-        }
-    }
-}

package/src/nodes/virtual.ts

@@ -1,16 +0,0 @@
-import { Node } from "../node.js";
-import type { Container } from "../types.js";
-
-// biome-ignore lint/suspicious/noExplicitAny: Self-referential type bounds require any
-export class VirtualNode<TProps = any, TParent extends Node = any, TChild extends Node = any> extends Node<
-    undefined,
-    TProps,
-    TParent,
-    TChild
-> {
-    public static override createContainer() {}
-
-    constructor(typeName: string, props: TProps = {} as TProps, container: undefined, rootContainer: Container) {
-        super(typeName, props, container, rootContainer);
-    }
-}

package/src/nodes/web-view.ts

@@ -1,22 +0,0 @@
-import type * as WebKit from "@gtkx/ffi/webkit";
-import type { WebKitWebViewProps } from "../jsx.js";
-import { filterProps, hasChanged } from "./internal/props.js";
-import { WidgetNode } from "./widget.js";
-
-const OWN_PROPS = ["onLoadChanged"] as const;
-
-type WebViewProps = Pick<WebKitWebViewProps, (typeof OWN_PROPS)[number]>;
-
-export class WebViewNode extends WidgetNode<WebKit.WebView, WebViewProps> {
-    public override commitUpdate(oldProps: WebViewProps | null, newProps: WebViewProps): void {
-        super.commitUpdate(oldProps ? filterProps(oldProps, OWN_PROPS) : null, filterProps(newProps, OWN_PROPS));
-        this.applyOwnProps(oldProps, newProps);
-    }
-
-    private applyOwnProps(oldProps: WebViewProps | null, newProps: WebViewProps): void {
-        if (hasChanged(oldProps, newProps, "onLoadChanged")) {
-            const callback = newProps.onLoadChanged;
-            this.signalStore.set(this, this.container, "load-changed", callback ?? undefined, { blockable: false });
-        }
-    }
-}