Compose function/decorator

compose.ts

// Our compose function that can be used as a decorator
// Decorators are just functions
const Compose = (mixins: any[]) => {
  const protos = mixins.map(mixin => mixin.prototype)
  
  const targetFunc = target => {
    Object.assign(target.prototype, ...protos)
  }
  
  targetFunc.create = (base: any) =>{
    const proto = Object.assign({}, base, ...protos);
    const newObj = Object.create(proto);
    
    if(newObj.init) {
      newObj.init()
    }
    
    return newObj;
  }
  
  return targetFunc;
}

example.ts

import { Compose } from './compose';
import { CanTalk, CanMarch, CanShoot } from './props';

// Sniper Class w/ Decorator
@Compose([CanTalk, CanMarch, CanShoot])
class Sniper { 
  goProne() {
    console.log('Go Prone')
  }
}

const sniper1 = new Sniper();

const sniperFactory = Compose([CanTalk, CanMarch, CanShoot]);
  
const sniper2 = sniper.create({
  goProne() {
    console.log('Go Prone')
  }
}))

props.ts

export class CanTalk {
  talk() {
    console.log('Hello');
  }
}

export class CanMarch {
  march() {
    console.log('MARCH!')
  }
}

export class CanShoot {
  shoot() {
    cosole.log('shoot!!!')
  }
}