dry-example.ts

dry-example.ts

interface BaseProduct {
    name: string;
    id: number;
    price: number;
}


interface ProductsList {
    top: BaseProduct[];
    bottom: BaseProduct[];
}


class Slider {
    data: ProductsList
    next(): void { }
    prev(): void { }
    select(): void { }
}
abstract class AbstractSlider extends Slider {
    //will handle this.data 
    abstract initData(): void;
    init() {
        this.initData();
        //... rest of the flow 
    }
}
class SliderX extends AbstractSlider{
    initData() {
        this.data = this.getStandartProduct();
    }
    getStandartProduct(): ProductsList {
        return { top: [], bottom: [] }
    }
}
class SliderY extends  AbstractSlider{
    initData() {
        const baseProduct = this.getBaseProduct();
        const bottom = this.getRecommendedProducts(baseProduct.id);
        this.data = {
            top: [baseProduct],
            bottom
        }
    }
    getBaseProduct(): BaseProduct {
        return {
            name: 'someName',
            id: 1,
            price: 33
        }
    }
    getRecommendedProducts(baseProductId: number): BaseProduct[] {
        // get Recommended products from server using the baseProduct
        return [{
            name: 'someName',
            id: 1,
            price: 33
        }];
    }
}