Class property decorators gets applied before the class decorator itself

[marcus-sa]

Decorators doesn't get resolved in the order that they're being applied.

For instance, if we take this class:

@Module()
export class Server {

  @Lifecycle.subscribe()
  create() {
    // ...
  }

  @Lifecycle.subscribe()
  start() {
    // ...
  }

}

it get's transpiled to:

// ...

let Server = class Server {
    create() {
    }
    start() {
    }
};
__decorate([
    Lifecycle_1.Lifecycle.subscribe(),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], Server.prototype, "create", null);
__decorate([
    Lifecycle_1.Lifecycle.subscribe(),
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], Server.prototype, "start", null);
Server = __decorate([
    Module_1.Module()
], Server);
exports.Server = Server;

As you can see in the upper section of code, I defined the Module decorator before the others, but weird enough it gets transpiled as the last in the order.
It shouldn't be this way.

Currently I don't think that there's a workaround for me, as it depends on being defined first because it binds the class to a dependency injection container.

[loganfsmyth]

This example appears to be from Typescript, not the result of this Babel transform.

[loganfsmyth]

That said, it seems the workaround could be

@Module()
export class Server {

changing to be

const modDec = Module();
@modDec
export class Server {

[marcus-sa]

Thanks I'll try it out.
Would it work if I disabled experimentalDecorators in my tsconfig.json and started using this combined with Babel and TypeScript?

[loganfsmyth]

I don't really know anything about TS, so I don't think I can give good advice on this.