@gtkx/react 0.15.0 → 0.17.1

package/dist/nodes/scale-mark.js

@@ -1,38 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import { registerNodeClass } from "../registry.js";
-import { VirtualNode } from "./virtual.js";
-export class ScaleMarkNode extends VirtualNode {
-    static priority = 1;
-    scale;
-    onRebuild;
-    static matches(type) {
-        return type === "ScaleMark";
-    }
-    setScale(scale, onRebuild) {
-        this.scale = scale;
-        this.onRebuild = onRebuild;
-    }
-    addMark() {
-        if (!this.scale)
-            return;
-        const { value, position, label } = this.props;
-        this.scale.addMark(value, position ?? Gtk.PositionType.BOTTOM, label);
-    }
-    updateProps(oldProps, newProps) {
-        super.updateProps(oldProps, newProps);
-        if (oldProps && this.scale) {
-            const changed = oldProps.value !== newProps.value ||
-                oldProps.position !== newProps.position ||
-                oldProps.label !== newProps.label;
-            if (changed) {
-                this.onRebuild?.();
-            }
-        }
-    }
-    unmount() {
-        this.scale = undefined;
-        this.onRebuild = undefined;
-        super.unmount();
-    }
-}
-registerNodeClass(ScaleMarkNode);

package/dist/nodes/source-buffer.d.ts

@@ -1,73 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import * as GtkSource from "@gtkx/ffi/gtksource";
-import { VirtualNode } from "./virtual.js";
-/**
- * Props for the SourceBuffer virtual element.
- *
- * Used to declaratively configure the text buffer for a GtkSourceView with syntax highlighting,
- * bracket matching, and other source code editing features.
- *
- * @example
- * ```tsx
- * <GtkSourceView>
- *     <x.SourceBuffer
- *         text={sourceCode}
- *         language="typescript"
- *         styleScheme="Adwaita-dark"
- *         highlightSyntax
- *         highlightMatchingBrackets
- *         onTextChanged={(text) => console.log("Code:", text)}
- *     />
- * </GtkSourceView>
- * ```
- */
-export type SourceBufferProps = {
-    /** Text content */
-    text?: string;
-    /** Whether to enable undo/redo */
-    enableUndo?: boolean;
-    /** Callback when the text content changes */
-    onTextChanged?: (text: string) => void;
-    /** Callback when can-undo state changes */
-    onCanUndoChanged?: (canUndo: boolean) => void;
-    /** Callback when can-redo state changes */
-    onCanRedoChanged?: (canRedo: boolean) => void;
-    /**
-     * Language for syntax highlighting.
-     * Can be a language ID string (e.g., "typescript", "python", "rust") or a GtkSource.Language object.
-     */
-    language?: string | GtkSource.Language;
-    /**
-     * Style scheme for syntax highlighting colors.
-     * Can be a scheme ID string (e.g., "Adwaita-dark", "classic") or a GtkSource.StyleScheme object.
-     */
-    styleScheme?: string | GtkSource.StyleScheme;
-    /** Whether to enable syntax highlighting. Defaults to true when language is set. */
-    highlightSyntax?: boolean;
-    /** Whether to highlight matching brackets when cursor is on a bracket. Defaults to true. */
-    highlightMatchingBrackets?: boolean;
-    /**
-     * Whether the buffer has an implicit trailing newline.
-     * When true (default), trailing newlines are handled automatically during file load/save.
-     */
-    implicitTrailingNewline?: boolean;
-    /** Callback when the cursor position changes */
-    onCursorMoved?: () => void;
-    /** Callback when syntax highlighting is updated for a region */
-    onHighlightUpdated?: (start: Gtk.TextIter, end: Gtk.TextIter) => void;
-};
-export declare class SourceBufferNode extends VirtualNode<SourceBufferProps> {
-    static priority: number;
-    private sourceView?;
-    private buffer?;
-    static matches(type: string): boolean;
-    setSourceView(sourceView: GtkSource.View): void;
-    private resolveLanguage;
-    private resolveStyleScheme;
-    private setupBuffer;
-    private applySourceProps;
-    private getBufferText;
-    private updateSignalHandlers;
-    updateProps(oldProps: SourceBufferProps | null, newProps: SourceBufferProps): void;
-    unmount(): void;
-}

package/dist/nodes/source-buffer.js

@@ -1,149 +0,0 @@
-import { batch } from "@gtkx/ffi";
-import * as Gtk from "@gtkx/ffi/gtk";
-import * as GtkSource from "@gtkx/ffi/gtksource";
-import { registerNodeClass } from "../registry.js";
-import { signalStore } from "./internal/signal-store.js";
-import { VirtualNode } from "./virtual.js";
-export class SourceBufferNode extends VirtualNode {
-    static priority = 1;
-    sourceView;
-    buffer;
-    static matches(type) {
-        return type === "SourceBuffer";
-    }
-    setSourceView(sourceView) {
-        this.sourceView = sourceView;
-        this.setupBuffer();
-    }
-    resolveLanguage(language) {
-        if (typeof language === "string") {
-            const langManager = GtkSource.LanguageManager.getDefault();
-            return langManager.getLanguage(language);
-        }
-        return language;
-    }
-    resolveStyleScheme(scheme) {
-        if (typeof scheme === "string") {
-            const schemeManager = GtkSource.StyleSchemeManager.getDefault();
-            return schemeManager.getScheme(scheme);
-        }
-        return scheme;
-    }
-    setupBuffer() {
-        if (!this.sourceView)
-            return;
-        this.buffer = new GtkSource.Buffer();
-        this.sourceView.setBuffer(this.buffer);
-        if (this.props.enableUndo !== undefined) {
-            this.buffer.setEnableUndo(this.props.enableUndo);
-        }
-        if (this.props.text !== undefined) {
-            this.buffer.setText(this.props.text, -1);
-        }
-        this.applySourceProps();
-        this.updateSignalHandlers();
-    }
-    applySourceProps() {
-        if (!this.buffer)
-            return;
-        if (this.props.language !== undefined) {
-            const language = this.resolveLanguage(this.props.language);
-            this.buffer.setLanguage(language);
-        }
-        if (this.props.styleScheme !== undefined) {
-            const scheme = this.resolveStyleScheme(this.props.styleScheme);
-            this.buffer.setStyleScheme(scheme);
-        }
-        const highlightSyntax = this.props.highlightSyntax ?? this.props.language !== undefined;
-        this.buffer.setHighlightSyntax(highlightSyntax);
-        const highlightMatchingBrackets = this.props.highlightMatchingBrackets ?? true;
-        this.buffer.setHighlightMatchingBrackets(highlightMatchingBrackets);
-        if (this.props.implicitTrailingNewline !== undefined) {
-            this.buffer.setImplicitTrailingNewline(this.props.implicitTrailingNewline);
-        }
-    }
-    getBufferText() {
-        const buffer = this.buffer;
-        if (!buffer)
-            return "";
-        const startIter = new Gtk.TextIter();
-        const endIter = new Gtk.TextIter();
-        batch(() => {
-            buffer.getStartIter(startIter);
-            buffer.getEndIter(endIter);
-        });
-        return buffer.getText(startIter, endIter, true);
-    }
-    updateSignalHandlers() {
-        if (!this.buffer)
-            return;
-        const buffer = this.buffer;
-        const { onTextChanged, onCanUndoChanged, onCanRedoChanged, onCursorMoved, onHighlightUpdated } = this.props;
-        signalStore.set(this, buffer, "changed", onTextChanged ? () => onTextChanged(this.getBufferText()) : null);
-        signalStore.set(this, buffer, "notify::can-undo", onCanUndoChanged ? () => onCanUndoChanged(buffer.getCanUndo()) : null);
-        signalStore.set(this, buffer, "notify::can-redo", onCanRedoChanged ? () => onCanRedoChanged(buffer.getCanRedo()) : null);
-        signalStore.set(this, buffer, "cursor-moved", onCursorMoved ?? null);
-        signalStore.set(this, buffer, "highlight-updated", onHighlightUpdated
-            ? (_buffer, start, end) => onHighlightUpdated(start, end)
-            : null);
-    }
-    updateProps(oldProps, newProps) {
-        super.updateProps(oldProps, newProps);
-        if (!this.buffer)
-            return;
-        if (!oldProps || oldProps.enableUndo !== newProps.enableUndo) {
-            if (newProps.enableUndo !== undefined) {
-                this.buffer.setEnableUndo(newProps.enableUndo);
-            }
-        }
-        if (!oldProps || oldProps.text !== newProps.text) {
-            if (newProps.text !== undefined) {
-                const currentText = this.getBufferText();
-                if (currentText !== newProps.text) {
-                    this.buffer.setText(newProps.text, -1);
-                }
-            }
-        }
-        if (!oldProps || oldProps.language !== newProps.language) {
-            if (newProps.language !== undefined) {
-                const language = this.resolveLanguage(newProps.language);
-                this.buffer.setLanguage(language);
-            }
-        }
-        if (!oldProps || oldProps.styleScheme !== newProps.styleScheme) {
-            if (newProps.styleScheme !== undefined) {
-                const scheme = this.resolveStyleScheme(newProps.styleScheme);
-                this.buffer.setStyleScheme(scheme);
-            }
-        }
-        if (!oldProps ||
-            oldProps.highlightSyntax !== newProps.highlightSyntax ||
-            oldProps.language !== newProps.language) {
-            const highlightSyntax = newProps.highlightSyntax ?? newProps.language !== undefined;
-            this.buffer.setHighlightSyntax(highlightSyntax);
-        }
-        if (!oldProps || oldProps.highlightMatchingBrackets !== newProps.highlightMatchingBrackets) {
-            const highlightMatchingBrackets = newProps.highlightMatchingBrackets ?? true;
-            this.buffer.setHighlightMatchingBrackets(highlightMatchingBrackets);
-        }
-        if (!oldProps || oldProps.implicitTrailingNewline !== newProps.implicitTrailingNewline) {
-            if (newProps.implicitTrailingNewline !== undefined) {
-                this.buffer.setImplicitTrailingNewline(newProps.implicitTrailingNewline);
-            }
-        }
-        if (!oldProps ||
-            oldProps.onTextChanged !== newProps.onTextChanged ||
-            oldProps.onCanUndoChanged !== newProps.onCanUndoChanged ||
-            oldProps.onCanRedoChanged !== newProps.onCanRedoChanged ||
-            oldProps.onCursorMoved !== newProps.onCursorMoved ||
-            oldProps.onHighlightUpdated !== newProps.onHighlightUpdated) {
-            this.updateSignalHandlers();
-        }
-    }
-    unmount() {
-        this.buffer = undefined;
-        this.sourceView = undefined;
-        super.unmount();
-    }
-}
-registerNodeClass(SourceBufferNode);

package/dist/nodes/text-buffer.d.ts

@@ -1,43 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import { VirtualNode } from "./virtual.js";
-/**
- * Props for the TextBuffer virtual element.
- *
- * Used to declaratively configure the text buffer for a GtkTextView.
- * For GtkSourceView with syntax highlighting, use {@link SourceBufferProps} instead.
- *
- * @example
- * ```tsx
- * <GtkTextView>
- *     <x.TextBuffer
- *         text="Hello, World!"
- *         enableUndo
- *         onTextChanged={(text) => console.log("Text:", text)}
- *     />
- * </GtkTextView>
- * ```
- */
-export type TextBufferProps = {
-    /** Text content */
-    text?: string;
-    /** Whether to enable undo/redo */
-    enableUndo?: boolean;
-    /** Callback when the text content changes */
-    onTextChanged?: (text: string) => void;
-    /** Callback when can-undo state changes */
-    onCanUndoChanged?: (canUndo: boolean) => void;
-    /** Callback when can-redo state changes */
-    onCanRedoChanged?: (canRedo: boolean) => void;
-};
-export declare class TextBufferNode extends VirtualNode<TextBufferProps> {
-    static priority: number;
-    private textView?;
-    private buffer?;
-    static matches(type: string): boolean;
-    setTextView(textView: Gtk.TextView): void;
-    private setupBuffer;
-    private getBufferText;
-    private updateSignalHandlers;
-    updateProps(oldProps: TextBufferProps | null, newProps: TextBufferProps): void;
-    unmount(): void;
-}

package/dist/nodes/text-buffer.js

@@ -1,81 +0,0 @@
-import { batch } from "@gtkx/ffi";
-import * as Gtk from "@gtkx/ffi/gtk";
-import { registerNodeClass } from "../registry.js";
-import { signalStore } from "./internal/signal-store.js";
-import { VirtualNode } from "./virtual.js";
-export class TextBufferNode extends VirtualNode {
-    static priority = 1;
-    textView;
-    buffer;
-    static matches(type) {
-        return type === "TextBuffer";
-    }
-    setTextView(textView) {
-        this.textView = textView;
-        this.setupBuffer();
-    }
-    setupBuffer() {
-        if (!this.textView)
-            return;
-        this.buffer = new Gtk.TextBuffer();
-        this.textView.setBuffer(this.buffer);
-        if (this.props.enableUndo !== undefined) {
-            this.buffer.setEnableUndo(this.props.enableUndo);
-        }
-        if (this.props.text !== undefined) {
-            this.buffer.setText(this.props.text, -1);
-        }
-        this.updateSignalHandlers();
-    }
-    getBufferText() {
-        const buffer = this.buffer;
-        if (!buffer)
-            return "";
-        const startIter = new Gtk.TextIter();
-        const endIter = new Gtk.TextIter();
-        batch(() => {
-            buffer.getStartIter(startIter);
-            buffer.getEndIter(endIter);
-        });
-        return buffer.getText(startIter, endIter, true);
-    }
-    updateSignalHandlers() {
-        if (!this.buffer)
-            return;
-        const buffer = this.buffer;
-        const { onTextChanged, onCanUndoChanged, onCanRedoChanged } = this.props;
-        signalStore.set(this, buffer, "changed", onTextChanged ? () => onTextChanged(this.getBufferText()) : null);
-        signalStore.set(this, buffer, "notify::can-undo", onCanUndoChanged ? () => onCanUndoChanged(buffer.getCanUndo()) : null);
-        signalStore.set(this, buffer, "notify::can-redo", onCanRedoChanged ? () => onCanRedoChanged(buffer.getCanRedo()) : null);
-    }
-    updateProps(oldProps, newProps) {
-        super.updateProps(oldProps, newProps);
-        if (!this.buffer)
-            return;
-        if (!oldProps || oldProps.enableUndo !== newProps.enableUndo) {
-            if (newProps.enableUndo !== undefined) {
-                this.buffer.setEnableUndo(newProps.enableUndo);
-            }
-        }
-        if (!oldProps || oldProps.text !== newProps.text) {
-            if (newProps.text !== undefined) {
-                const currentText = this.getBufferText();
-                if (currentText !== newProps.text) {
-                    this.buffer.setText(newProps.text, -1);
-                }
-            }
-        }
-        if (!oldProps ||
-            oldProps.onTextChanged !== newProps.onTextChanged ||
-            oldProps.onCanUndoChanged !== newProps.onCanUndoChanged ||
-            oldProps.onCanRedoChanged !== newProps.onCanRedoChanged) {
-            this.updateSignalHandlers();
-        }
-    }
-    unmount() {
-        this.buffer = undefined;
-        this.textView = undefined;
-        super.unmount();
-    }
-}
-registerNodeClass(TextBufferNode);

package/dist/nodes/virtual-child.d.ts

@@ -1,18 +0,0 @@
-import type * as Gtk from "@gtkx/ffi/gtk";
-import type { Node } from "../node.js";
-import { VirtualNode } from "./virtual.js";
-type ChildParentWidget = Gtk.Widget & {
-    remove(child: Gtk.Widget): void;
-};
-export declare abstract class VirtualChildNode<P extends ChildParentWidget = ChildParentWidget> extends VirtualNode {
-    protected parent?: P;
-    protected children: Gtk.Widget[];
-    setParent(newParent?: P): void;
-    protected abstract getPositionLabel(): string;
-    protected abstract attachChild(parent: P, widget: Gtk.Widget): void;
-    unmount(): void;
-    appendChild(child: Node): void;
-    insertBefore(child: Node): void;
-    removeChild(child: Node): void;
-}
-export {};

package/dist/nodes/virtual-child.js

@@ -1,62 +0,0 @@
-import { isObjectEqual } from "@gtkx/ffi";
-import { CommitPriority, scheduleAfterCommit } from "../scheduler.js";
-import { VirtualNode } from "./virtual.js";
-import { WidgetNode } from "./widget.js";
-export class VirtualChildNode extends VirtualNode {
-    parent;
-    children = [];
-    setParent(newParent) {
-        this.parent = newParent;
-    }
-    unmount() {
-        const parent = this.parent;
-        const childrenToRemove = [...this.children];
-        if (parent && childrenToRemove.length > 0) {
-            scheduleAfterCommit(() => {
-                for (const widget of childrenToRemove) {
-                    const currentParent = widget.getParent();
-                    if (currentParent && isObjectEqual(currentParent, parent)) {
-                        parent.remove(widget);
-                    }
-                }
-            }, CommitPriority.HIGH);
-        }
-        this.children = [];
-        this.parent = undefined;
-        super.unmount();
-    }
-    appendChild(child) {
-        if (!(child instanceof WidgetNode)) {
-            throw new Error(`Cannot append '${child.typeName}' to '${this.typeName}': expected Widget`);
-        }
-        const widget = child.container;
-        this.children.push(widget);
-        scheduleAfterCommit(() => {
-            if (this.parent) {
-                this.attachChild(this.parent, widget);
-            }
-        });
-    }
-    insertBefore(child) {
-        this.appendChild(child);
-    }
-    removeChild(child) {
-        if (!(child instanceof WidgetNode)) {
-            throw new Error(`Cannot remove '${child.typeName}' from '${this.typeName}': expected Widget`);
-        }
-        const widget = child.container;
-        const parent = this.parent;
-        const index = this.children.indexOf(widget);
-        if (index !== -1) {
-            this.children.splice(index, 1);
-        }
-        scheduleAfterCommit(() => {
-            if (parent) {
-                const currentParent = widget.getParent();
-                if (currentParent && isObjectEqual(currentParent, parent)) {
-                    parent.remove(widget);
-                }
-            }
-        }, CommitPriority.HIGH);
-    }
-}