/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

-1 vote325 views1 answer
Python search all txts in a folder
TypeScript
0 vote319 views1 answer
Add bullet points in text widget flutter
TypeScript
0 vote338 views1 answer
Cast string react
TypeScript
-6 votes320 views4 answers
Could not find a declaration file for module react native type script
TypeScript
-1 vote326 views1 answer
Union type property does not exist
TypeScript
0 vote338 views2 answers
How to remove digits in string in python?
TypeScript
0 vote341 views1 answer
<edit-config> changes in this plugin conflicts with <edit-config> changes in config.xml. Conflicts must be resolved before plugin can be added
TypeScript
4 votes338 views4 answers
ERROR in The Angular Compiler requires TypeScript >=4.0.0 and <4.1.0 but 3.4.5 was found instead.
TypeScript
0 vote331 views1 answer
Sample typescript code
TypeScript
9 votes458 views5 answers
Python requests use proxy
TypeScript