/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 vote151 views3 answers
Get local storage data in angular
TypeScript
0 vote147 views1 answer
Could not read Username for 'https://github.com': terminal prompts disabled
TypeScript
-1 vote138 views1 answer
Alert cannot operate on nodes the current scene inherits from
TypeScript
0 vote148 views1 answer
Chevrons or angle brackets latex
TypeScript
6 votes162 views2 answers
Get arguments from url flask
TypeScript
1 vote224 views1 answer
Eslint missing file extension ts
TypeScript
0 vote142 views1 answer
How to get unique names oin array typescript
TypeScript
0 vote231 views1 answer
Typoescript find multiple items in array and return found
TypeScript
0 vote168 views1 answer
From the three types of styling, which one is the most useful in terms of website optimization?
TypeScript
0 vote214 views2 answers
Minikube arguments --cpus
TypeScript