import React from 'react';
import {Interaction} from 'ol/interaction';

import {RlayersBase} from '../REvent';
import debug from '../debug';

/**
 * A basic Base interaction component
 *
 * It is meant to be be extended by more specific interactions
 */
export default class RBaseInteraction<P> extends RlayersBase<P, Record<string, never>> {
    protected static classProps: string[] = [];
    classProps: string[];
    ol: Interaction;

    constructor(props: P) {
        super(props);
        this.ol = null;
    }

    createOL(props: P): Interaction {
        throw new Error('RBaseInteraction should not be directly instantiated');
    }

    protected refresh(prevProps?: P): void {
        for (const p of this.classProps)
            if (prevProps && prevProps[p] !== this.props[p]) {
                debug('Replacing interaction', this, prevProps);
                this.componentWillUnmount();
                this.ol = this.createOL(this.props);
                this.componentDidMount();
                break;
            }
        super.refresh(prevProps);
    }

    componentDidMount(): void {
        super.componentDidMount();
        this.context.map.addInteraction(this.ol);
    }

    componentWillUnmount(): void {
        super.componentWillUnmount();
        this.context.map.removeInteraction(this.ol);
    }

    render(): React.JSX.Element {
        if (!this.context?.map?.addInteraction)
            throw new Error('An interaction must be part of a map');
        if (this.ol === null) this.ol = this.createOL(this.props);
        return super.render();
    }
}