TYPESCRIPT

ts Decorator pattern

/*Decorator
The Decorator pattern is a design pattern lets you dynamically change 
the behavior of an object at run time
and it's communly used in frameworks like Angular.

And you can implement the Decorator pattern in Typescript is very 
easy and you can use the decorator module.

Again imagine you want to make a pizza and you want to make it 
with tomato sauce, cheese and ham but you don't want to repeat the 
same steps for every pizza you make

First you need to make a pizza class:
*/
class Pizza {
  public makePizza() {
    console.log('Making a pizza...');
  }
}

// Then you make a decorator class that will decorate the pizza class:
class PizzaDecorator extends Pizza {
  constructor(public pizza: Pizza) {
    super();
  }

  public makePizza() {
    this.pizza.makePizza();
  }
}

// Then you make a concrete decorator class that extends the decorator class to add the cheese:
class CheeseDecorator extends PizzaDecorator {
  constructor(pizza: Pizza) {
    super(pizza);
  }

  public makePizza() {
    super.makePizza();
    console.log('Adding cheese...');
  }
}

// Then you make a concrete decorator class that extends the decorator 
// class to add the ham:
class HamDecorator extends PizzaDecorator {
  constructor(pizza: Pizza) {
    super(pizza);
  }

  public makePizza() {
    super.makePizza();
    console.log('Adding ham...');
  }
}

// Then you make a concrete decorator class that extends the decorator 
// class to add the mushrooms:
class MushroomDecorator extends PizzaDecorator {
  constructor(pizza: Pizza) {
    super(pizza);
  }

  public makePizza() {
    super.makePizza();
    console.log('Adding mushrooms...');
  }
}

// Then you make your pizza:
const pizza = new CheeseDecorator(new HamDecorator(new MushroomDecorator(new Pizza())));
pizza.makePizza();
// as you can see the decorator pattern uses nested classes and 
// inheritance to add new functionality to an object.