Unexpected Behavior When Using TypeScript Classes with Mixins and Method Decorators
I'm trying to implement I'm building a feature where I've searched everywhere and can't find a clear answer. Quick question that's been bugging me - I'm encountering an issue with TypeScript where I’m trying to combine mixins with method decorators, but it seems like the decorator is not being applied correctly to the methods in the mixed-in class. I have a base class `Logger` that logs method calls, and I’m using a mixin to add additional functionality. However, when I call the methods from the mixed class, the logging doesn’t happen as expected. Here's a simplified version of what I'm trying to achieve: ```typescript function LogMethod(target: any, propertyKey: string, descriptor: PropertyDescriptor) { const originalMethod = descriptor.value; descriptor.value = function (...args: any[]) { console.log(`Calling ${propertyKey} with `, args); return originalMethod.apply(this, args); }; } class Logger { @LogMethod log(message: string) { console.log(message); } } function withTimestamp<T extends new (...args: any[]) => any>(Base: T) { return class extends Base { @LogMethod logWithTimestamp(message: string) { const timestamp = new Date().toISOString(); this.log(`${timestamp} - ${message}`); } }; } const MixedLogger = withTimestamp(Logger); const loggerInstance = new MixedLogger(); loggerInstance.logWithTimestamp('Hello World'); ``` When I run this code, I see the log output for the `logWithTimestamp()` method, but the method decorator applied to `log()` doesn’t seem to execute. I expected to see both the method calls logged, but only the one from `logWithTimestamp` gets logged. I’ve tried moving the decorator calls around and adjusting the order of the mixin, but nothing seems to resolve the issue. Is there something specific about using decorators in conjunction with mixins that I should be aware of? Any insights or workarounds would be greatly appreciated! I'm using TypeScript version 4.5.2. For context: I'm using Typescript on macOS. Am I missing something obvious? For context: I'm using Typescript on Ubuntu. How would you solve this? This is my first time working with Typescript latest. What am I doing wrong? For context: I'm using Typescript on CentOS. I'd be grateful for any help. This is my first time working with Typescript 3.9. Any feedback is welcome!