angularjs typescript decorators

decorators.ts

const ngApp = 'app';
//import {ngApp} from "./constants";

const module = function(moduleOrName) {
    return typeof moduleOrName === "string"
        ? angular.module(moduleOrName)
        : moduleOrName;
};

export function Component(options: {
    selector: string,
    controllerAs?: string,
    template?: string,
    templateUrl?: string,
    bindings? : any
}, moduleOrName: string | ng.IModule = `${ngApp}.components`) {
    return (controller: any) => {
        const selector = options.selector;
        delete options.selector;
        module(moduleOrName).component(selector, angular.extend(options, { controller: controller }));
    }
}

export function Service(moduleOrName: string | ng.IModule = `${ngApp}.services`) {
    return (service: any) => {
        const name = service.name;
        const isProvider = service.hasOwnProperty('$get');
        if (!name) {
            console.error('Service decorator can be used with named class only');
        }
        module(moduleOrName)[isProvider ? 'provider' : 'service'](name, service);
    }
}

interface PipeTransformStatic {
    new(...args: any[]): PipeTransform;
}

export interface PipeTransform {
    transform(value: any, ...args: any[]): any;
}

export function Pipe(options: {name: string}, moduleOrName: string | ng.IModule = `${ngApp}.pipes`) {
    return (Pipe: PipeTransformStatic) => {
        const filter = () => {
            const $injector = angular.injector(['ng']);
            const instance:any = $injector.instantiate(Pipe);
            return instance.transform.bind(instance);
        };
        module(moduleOrName).filter(options.name, filter);
    }
}