Wrap a lodash method in a TS decorator

make-lodash-decorator.js

//wrap a fn that returns a function into a decorator
function makeFnWrapDecorator(fnWrapper: Function) {
  return function decoratorWrapper(...args) {
    return function decorator(target, propertyKey: string, descriptor: PropertyDescriptor) {
      const fn = descriptor.value;
      let wrappedFn = fnWrapper.apply(null, [fn, ...args]);
      return {
        configurable: true,
        get() {
          return wrappedFn;
        }
      };
    };
  };
}



/* Test it out */

const memoize = makeFnWrapDecorator(_.memoize)
const debounce = makeFnWrapDecorator(_.debounce);


class Test {
  @memoize()
  add() {
    console.log('add called');
    return 1 + 5;
  }
  
  @debounce(3000, {leading: false, tail: true})
  debounced() {
    console.log('debounce called');
  }
}

const t = new Test();

t.add();
t.add();
t.add(); //should only log "add called" once

t.debounced(); //called 3 seconds later