/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 vote358 views1 answer
What are data points
TypeScript
0 vote339 views1 answer
DISTINQUISH BETWEEN THE AVERAGE CASE AND WORSE CASE RUNNING TIME AND THE FACTORS AFFECTING THAT AFFECTS THE RUNNING TIME OF AN ALGORITHM
TypeScript
0 vote340 views1 answer
Algorithm that prints if one of the numbers is multiple of the other
TypeScript
2 votes335 views3 answers
Boolean to string typescript
TypeScript
1 vote346 views1 answer
Replace all br tags within node with paragraph opening and closing tags
TypeScript
1 vote338 views1 answer
Heterogeneous objects in java
TypeScript
0 vote353 views1 answer
Vba if value exists in range
TypeScript
1 vote343 views1 answer
@angular/fire/angularfire2.d.ts:37:49 - error TS2344: Type 'T[K]' does not satisfy the constraint '(...args: any) => any
TypeScript
0 vote338 views2 answers
Serve images in nextgen formats webp
TypeScript
-1 vote319 views1 answer
React react-dom react-scripts cra-template has failed.
TypeScript