@adhiban/three-mesh-ui/src/types.d.ts

a library on top of three.js to help in creating 3D user interfaces, with minor changes ;)

import type {Color, Object3D} from "three";

export type BlockOptions = {
    width?: number;
    height?: number;
    padding?: number;
    fontFamily?: string;
    fontTexture?: string;
    backgroundColor?: Color;
    backgroundOpacity?: number;
    borderRadius?: number | [topLeft: number, topRight: number, bottomRight: number, bottomLeft: number];
    // @todo add missing properties
    [property: string]: any;
}

export type StateOptions = {
    state: number;
    attributes: BlockOptions,
    onSet: method
}

export declare class Block extends Object3D {
    constructor(options: BlockOptions);
    setupState(StateOptions): void;
    setState(state: string): void;
    add(...args: any[]): any;
}

export type TextOptions = {
    // @todo add missing properties
    [property: string]: any;
}

export declare class Text extends Object3D {
    constructor(options: TextOptions);
}

export type InlineBlockOptions = {
    // @todo add missing properties
    [property: string]: any;
}

export declare class InlineBlock extends Object3D {
    constructor(options: InlineBlockOptions);
    setupState(StateOptions): void;
    setState(state: string): void;
    add(...args: any[]): any;
}

export type KeyboardOptions = {
    // @todo add missing properties
    [property: string]: any;
}

export declare class Keyboard extends Object3D {
    constructor(options: KeyboardOptions);
}

export declare namespace FontLibrary {
    export function setFontFamily(): void;

    export function setFontTexture(): void;

    export function getFontOf(): void;

    // @todo fix type
    export function addFont(...args: any[]): any;
}

export declare function update(): void;

declare global {
    namespace JSX {
        interface IntrinsicElements {
            block: any
            text: any
        }
    }
}