export interface Constructor<T> {
    new(...args: any[]): T;
}

export interface Properties<T> {
    toCanvasValue(value: T): number | string | boolean | CanvasGradient | CanvasPattern | CanvasDirection | ImageSmoothingQuality;
    clone(value: T): T;
}

export function customStyles() {
    const styles = new Map<Constructor<{}>, Properties<{}>>();
    return class CustomStyles {
        static register<T>(constructor: Constructor<T>, properties: Properties<T>) {
            styles.set(constructor, properties);
            return this;
        }

        static get<T>(value: T) {
            return styles.get(value.constructor as Constructor<T>) as Properties<T> | undefined;
        }

        static toCanvasValue<T>(value: T) {
            const properties = CustomStyles.get(value);
            if (properties === undefined)
                return value;
            return properties.toCanvasValue(value);
        }

        static clone<T>(value: T) {
            const properties = CustomStyles.get(value);
            if (properties === undefined)
                return value;
            return properties.clone(value);
        }
    };
}

export type CustomStyles = ReturnType<typeof customStyles>;