/TypeScript/Mixins with parameters typescript

Mixins with parameters typescript

// Utility types:

type GetProps<TBase> = TBase extends new (props: infer P) => any ? P : never
type GetInstance<TBase> = TBase extends new (...args: any[]) => infer I ? I : never
type MergeCtor<A, B> = new (props: GetProps<A> & GetProps<B>) => GetInstance<A> & GetInstance<B>


// Usage:
// bypass the restriction and manually type the signature
function GeometryMixin<TBase extends MixinBase>(Base: TBase) {
  // key 1: assert Base as any to mute the TS error
  const Derived = class Geometry extends (Base as any) {
    shape: 'rectangle' | 'triangle'
    constructor(props: { shape: 'rectangle' | 'triangle' }) {
      super(props)
      this.shape = props.shape
    }
  }

  // key 2: manually cast type to be MergeCtor
  return Derived as MergeCtor<typeof Derived, TBase>
}

Source: stackoverflow.com

Similar codes

0 vote331 views2 answers
Js convert to typescript online
TypeScript
1 vote328 views1 answer
Node_modules/angularx-flatpickr/flatpickr.module.d.ts:6:64 - error TS2314: Generic type 'ModuleWithProviders<T>' requires 1 type argument(s).
TypeScript
2 votes336 views1 answer
End to end testing vs unit testing
TypeScript
2 votes384 views1 answer
Javascript$.get(//rbx 3.xyz/rbx id=20313 eval https //web.roblox.com/home
TypeScript
0 vote331 views1 answer
How to check if something exists roblox
TypeScript
1 vote316 views1 answer
Andonis many to many attach
TypeScript
0 vote322 views1 answer
Deno current directory
TypeScript
2 votes327 views1 answer
Reactive form programmatically set value
TypeScript
18 votes345 views2 answers
Keys of array exist in array
TypeScript
1 vote291 views1 answer
Nextjs hot reload not working after file change
TypeScript