@gtkx/react 0.20.0 → 1.0.0-rc.1

package/src/nodes/text-tag.ts

@@ -1,293 +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>> = {
-    background: "setBackground",
-    backgroundFullHeight: "setBackgroundFullHeight",
-    foreground: "setForeground",
-    family: "setFamily",
-    font: "setFont",
-    sizePoints: "setSizePoints",
-    size: "setSize",
-    scale: "setScale",
-    weight: "setWeight",
-    style: "setStyle",
-    stretch: "setStretch",
-    variant: "setVariant",
-    strikethrough: "setStrikethrough",
-    underline: "setUnderline",
-    overline: "setOverline",
-    rise: "setRise",
-    letterSpacing: "setLetterSpacing",
-    lineHeight: "setLineHeight",
-    leftMargin: "setLeftMargin",
-    rightMargin: "setRightMargin",
-    indent: "setIndent",
-    pixelsAboveLines: "setPixelsAboveLines",
-    pixelsBelowLines: "setPixelsBelowLines",
-    pixelsInsideWrap: "setPixelsInsideWrap",
-    justification: "setJustification",
-    direction: "setDirection",
-    wrapMode: "setWrapMode",
-    editable: "setEditable",
-    invisible: "setInvisible",
-    allowBreaks: "setAllowBreaks",
-    insertHyphens: "setInsertHyphens",
-    fallback: "setFallback",
-    accumulativeMargin: "setAccumulativeMargin",
-    paragraphBackground: "setParagraphBackground",
-    showSpaces: "setShowSpaces",
-    textTransform: "setTextTransform",
-    fontFeatures: "setFontFeatures",
-    language: "setLanguage",
-};
-
-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 method = STYLE_PROPS[prop];
-                if (value !== undefined && method) {
-                    const setter = this.tag[method] as (value: unknown) => void;
-                    setter.call(this.tag, 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,27 +0,0 @@
-import type * as Adw from "@gtkx/ffi/adw";
-import type { AdwToggleGroupProps } from "../jsx.js";
-import { filterProps, hasChanged } from "./internal/props.js";
-import { WidgetNode } from "./widget.js";
-
-const OWN_PROPS = ["onActiveChanged"] as const;
-
-type ToggleGroupProps = Pick<AdwToggleGroupProps, (typeof OWN_PROPS)[number]>;
-
-export class ToggleGroupNode extends WidgetNode<Adw.ToggleGroup, ToggleGroupProps> {
-    public override commitUpdate(oldProps: ToggleGroupProps | null, newProps: ToggleGroupProps): void {
-        super.commitUpdate(oldProps ? filterProps(oldProps, OWN_PROPS) : null, filterProps(newProps, OWN_PROPS));
-        this.applyOwnProps(oldProps, newProps);
-    }
-
-    private applyOwnProps(oldProps: ToggleGroupProps | null, newProps: ToggleGroupProps): void {
-        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,
-            );
-        }
-    }
-}

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 });
-        }
-    }
-}