@gtkx/react 0.21.0 → 1.0.0-rc.1

package/src/metadata.ts

@@ -1,43 +0,0 @@
-import type { NativeClass } from "@gtkx/ffi";
-import { CONSTRUCTION_META, PROPS, SIGNALS } from "./generated/internal.js";
-import type { Container } from "./types.js";
-
-const walkPrototypeChain = <T>(instance: Container, lookup: (typeName: string) => T | null): T | null => {
-    // biome-ignore lint/complexity/noBannedTypes: Walking prototype chain requires Function type
-    let current: Function | null = instance.constructor;
-
-    while (current) {
-        const typeName = (current as NativeClass).glibTypeName;
-
-        if (typeName) {
-            const result = lookup(typeName);
-            if (result !== null) {
-                return result;
-            }
-        }
-
-        const prototype = Object.getPrototypeOf(current.prototype);
-        current = prototype?.constructor ?? null;
-
-        if (current === Object || current === Function) {
-            break;
-        }
-    }
-
-    return null;
-};
-
-export const resolvePropMeta = (instance: Container, key: string): string | null =>
-    walkPrototypeChain(instance, (typeName) => PROPS[typeName]?.[key] ?? null);
-
-export const isConstructOnlyProp = (instance: Container, key: string): boolean =>
-    walkPrototypeChain(instance, (typeName) => {
-        const meta = CONSTRUCTION_META[typeName];
-        if (!meta || !(key in meta)) return null;
-        return meta[key]?.constructOnly === true;
-    }) ?? false;
-
-export const resolveSignal = (instance: Container, propName: string): string | null => {
-    if (propName === "onNotify") return "notify";
-    return walkPrototypeChain(instance, (typeName) => SIGNALS[typeName]?.[propName] ?? null);
-};

package/src/node.ts

@@ -1,107 +0,0 @@
-import { getSignalStore, type SignalStore } from "./nodes/internal/signal-store.js";
-import type { Container, ContainerClass, Props } from "./types.js";
-
-// biome-ignore lint/suspicious/noExplicitAny: Self-referential type bounds require any
-export class Node<TContainer = any, TProps = any, TParent extends Node = any, TChild extends Node = any> {
-    public static createContainer(_props: Props, _containerClass: ContainerClass, _rootContainer?: Container): unknown {
-        throw new Error("Cannot create container: unsupported node type");
-    }
-
-    container: TContainer;
-    props: TProps;
-    typeName: string;
-    signalStore: SignalStore;
-    rootContainer: Container;
-    parent: TParent | null = null;
-    children: TChild[] = [];
-
-    constructor(typeName: string, props: TProps, container: TContainer, rootContainer: Container) {
-        this.typeName = typeName;
-        this.props = props;
-        this.container = container;
-        this.rootContainer = rootContainer;
-        this.signalStore = getSignalStore(rootContainer);
-    }
-
-    public isValidChild(_child: Node): boolean {
-        return false;
-    }
-
-    public isValidParent(_parent: Node): boolean {
-        return true;
-    }
-
-    public setParent(parent: TParent | null): void {
-        if (parent !== null && !this.isValidParent(parent)) {
-            throw new Error(`Cannot add '${this.typeName}' to '${parent.typeName}'`);
-        }
-
-        this.parent = parent;
-    }
-
-    public appendInitialChild(child: TChild): void {
-        this.appendChild(child);
-    }
-
-    public appendChild(child: TChild): void {
-        if (!this.isValidChild(child)) {
-            throw new Error(`Cannot append '${child.typeName}' to '${this.typeName}'`);
-        }
-
-        const existingIndex = this.children.indexOf(child);
-        if (existingIndex !== -1) {
-            this.children.splice(existingIndex, 1);
-        }
-        this.children.push(child);
-
-        if (child.parent !== this) {
-            child.setParent(this);
-        }
-    }
-
-    public removeChild(child: TChild): void {
-        child.setParent(null);
-        const index = this.children.indexOf(child);
-
-        if (index !== -1) {
-            this.children.splice(index, 1);
-        }
-    }
-
-    public insertBefore(child: TChild, before: TChild): void {
-        if (!this.isValidChild(child)) {
-            throw new Error(`Cannot insert '${child.typeName}' into '${this.typeName}'`);
-        }
-
-        const existingIndex = this.children.indexOf(child);
-        if (existingIndex !== -1) {
-            this.children.splice(existingIndex, 1);
-        }
-
-        const beforeIndex = this.children.indexOf(before);
-        if (beforeIndex === -1) {
-            throw new Error(`Cannot find 'before' child '${before.typeName}' in '${this.typeName}'`);
-        }
-
-        this.children.splice(beforeIndex, 0, child);
-
-        if (child.parent !== this) {
-            child.setParent(this);
-        }
-    }
-
-    public finalizeInitialChildren(props: TProps): boolean {
-        this.commitUpdate(null, props);
-        return false;
-    }
-
-    public commitUpdate(_oldProps: TProps | null, newProps: TProps): void {
-        this.props = newProps;
-    }
-
-    public commitMount(): void {}
-
-    public detachDeletedInstance(): void {
-        this.signalStore.clear(this);
-    }
-}

package/src/nodes/adjustable.ts

@@ -1,68 +0,0 @@
-import * as Gtk from "@gtkx/ffi/gtk";
-import type { AdjustableProps } from "../jsx.js";
-import type { AdjustableWidget } from "../registry.js";
-import { filterProps, hasChanged } from "./internal/props.js";
-import { WidgetNode } from "./widget.js";
-
-const OWN_PROPS = ["value", "lower", "upper", "stepIncrement", "pageIncrement", "pageSize", "onValueChanged"] as const;
-
-export class AdjustableNode<T extends AdjustableWidget = AdjustableWidget> extends WidgetNode<T, AdjustableProps> {
-    private adjustment: Gtk.Adjustment | null = null;
-
-    public override commitUpdate(oldProps: AdjustableProps | null, newProps: AdjustableProps): void {
-        super.commitUpdate(oldProps ? filterProps(oldProps, OWN_PROPS) : null, filterProps(newProps, OWN_PROPS));
-        this.applyOwnProps(oldProps, newProps);
-    }
-
-    protected ensureAdjustment(props: AdjustableProps): Gtk.Adjustment {
-        if (!this.adjustment) {
-            this.adjustment = new Gtk.Adjustment(
-                props.value ?? 0,
-                props.lower ?? 0,
-                props.upper ?? 100,
-                props.stepIncrement ?? 1,
-                props.pageIncrement ?? 10,
-                props.pageSize ?? 0,
-            );
-
-            this.container.setAdjustment(this.adjustment);
-        }
-
-        return this.adjustment;
-    }
-
-    protected applyOwnProps(oldProps: AdjustableProps | null, newProps: AdjustableProps): void {
-        const adjustment = this.ensureAdjustment(newProps);
-
-        if (hasChanged(oldProps, newProps, "onValueChanged")) {
-            const { onValueChanged } = newProps;
-            this.signalStore.set(
-                this,
-                this.container,
-                "value-changed",
-                onValueChanged ? (self: T) => onValueChanged(self.getValue(), self) : undefined,
-            );
-        }
-
-        if (!oldProps) return;
-
-        if (hasChanged(oldProps, newProps, "lower")) {
-            adjustment.setLower(newProps.lower ?? 0);
-        }
-        if (hasChanged(oldProps, newProps, "upper")) {
-            adjustment.setUpper(newProps.upper ?? 100);
-        }
-        if (hasChanged(oldProps, newProps, "stepIncrement")) {
-            adjustment.setStepIncrement(newProps.stepIncrement ?? 1);
-        }
-        if (hasChanged(oldProps, newProps, "pageIncrement")) {
-            adjustment.setPageIncrement(newProps.pageIncrement ?? 10);
-        }
-        if (hasChanged(oldProps, newProps, "pageSize")) {
-            adjustment.setPageSize(newProps.pageSize ?? 0);
-        }
-        if (hasChanged(oldProps, newProps, "value") && newProps.value !== undefined) {
-            adjustment.setValue(newProps.value);
-        }
-    }
-}

package/src/nodes/alert-dialog-response.ts

@@ -1,78 +0,0 @@
-import * as Adw from "@gtkx/ffi/adw";
-import type { AlertDialogResponseProps } 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 AlertDialogResponseNode extends VirtualNode<AlertDialogResponseProps, WidgetNode<Adw.AlertDialog>> {
-    private responseId: string | null = null;
-
-    public override isValidParent(parent: Node): boolean {
-        return parent instanceof WidgetNode && parent.container instanceof Adw.AlertDialog;
-    }
-
-    public override setParent(parent: WidgetNode<Adw.AlertDialog> | null): void {
-        if (!parent && this.parent) {
-            this.removeFromDialog();
-        }
-
-        super.setParent(parent);
-
-        if (parent && !this.responseId) {
-            this.responseId = this.props.id;
-            parent.container.addResponse(this.responseId, this.props.label);
-            this.applyOwnProps(null, this.props);
-        }
-    }
-
-    public override commitUpdate(oldProps: AlertDialogResponseProps | null, newProps: AlertDialogResponseProps): void {
-        super.commitUpdate(oldProps, newProps);
-
-        if (!this.parent || !this.responseId) return;
-
-        if (hasChanged(oldProps, newProps, "id")) {
-            const oldId = this.responseId;
-            const newId = newProps.id;
-            const label = newProps.label;
-
-            this.parent.container.removeResponse(oldId);
-            this.responseId = newId;
-            this.parent.container.addResponse(newId, label);
-            this.applyOwnProps(null, newProps);
-            return;
-        }
-
-        if (hasChanged(oldProps, newProps, "label")) {
-            this.parent.container.setResponseLabel(this.responseId, newProps.label);
-        }
-
-        this.applyOwnProps(oldProps, newProps);
-    }
-
-    public override detachDeletedInstance(): void {
-        this.removeFromDialog();
-        super.detachDeletedInstance();
-    }
-
-    private removeFromDialog(): void {
-        if (!this.parent || !this.responseId) return;
-
-        this.parent.container.removeResponse(this.responseId);
-        this.responseId = null;
-    }
-
-    private applyOwnProps(oldProps: AlertDialogResponseProps | null, newProps: AlertDialogResponseProps): void {
-        if (!this.parent || !this.responseId) return;
-
-        if (hasChanged(oldProps, newProps, "appearance")) {
-            this.parent.container.setResponseAppearance(
-                this.responseId,
-                newProps.appearance ?? Adw.ResponseAppearance.DEFAULT,
-            );
-        }
-        if (hasChanged(oldProps, newProps, "enabled")) {
-            this.parent.container.setResponseEnabled(this.responseId, newProps.enabled ?? true);
-        }
-    }
-}

package/src/nodes/alert-dialog.ts

@@ -1,55 +0,0 @@
-import type * as Adw from "@gtkx/ffi/adw";
-import type { AdwAlertDialogProps, AlertDialogResponseProps } from "../jsx.js";
-import { DialogNode } from "./dialog.js";
-import { filterProps, hasChanged } from "./internal/props.js";
-
-const OWN_PROPS = ["responses"] as const;
-
-type Props = Pick<AdwAlertDialogProps, (typeof OWN_PROPS)[number]>;
-
-export class AlertDialogNode extends DialogNode {
-    private managedResponseIds: string[] = [];
-
-    public override commitUpdate(oldProps: Props | null, newProps: Props): void {
-        super.commitUpdate(oldProps ? filterProps(oldProps, OWN_PROPS) : null, filterProps(newProps, OWN_PROPS));
-        this.applyOwnProps(oldProps, newProps);
-    }
-
-    public override detachDeletedInstance(): void {
-        this.clearResponses();
-        super.detachDeletedInstance();
-    }
-
-    private applyOwnProps(oldProps: Props | null, newProps: Props): void {
-        if (hasChanged(oldProps, newProps, "responses")) {
-            this.syncResponses(newProps.responses ?? []);
-        }
-    }
-
-    private syncResponses(newResponses: AlertDialogResponseProps[]): void {
-        const dialog = this.container as Adw.AlertDialog;
-        this.clearResponses();
-
-        for (const response of newResponses) {
-            dialog.addResponse(response.id, response.label);
-
-            if (response.appearance !== undefined) {
-                dialog.setResponseAppearance(response.id, response.appearance);
-            }
-
-            if (response.enabled !== undefined) {
-                dialog.setResponseEnabled(response.id, response.enabled);
-            }
-
-            this.managedResponseIds.push(response.id);
-        }
-    }
-
-    private clearResponses(): void {
-        const dialog = this.container as Adw.AlertDialog;
-        for (const id of this.managedResponseIds) {
-            dialog.removeResponse(id);
-        }
-        this.managedResponseIds = [];
-    }
-}