Is it possible to access the generic type that a different generic type inherits in TypeScript?

Question

Is it possible to access the generic type that a different generic type inherits in TypeScript?

I've developed an interface specifically designed for types capable of self-converting to IDBKey:

interface IDBValidKeyConvertible<TConvertedDBValidKey extends IDBValidKey> {
    convertToIDBValidKey: () => TConvertedDBValidKey;
}

My goal now is to create a class that can accept a type that is either IDBKey or IDBValidKeyConvertible:

class InMemoryIndexedKeyValueStore<TKey extends IDBValidKey | IDBValidKeyConvertible<UKey>, TValue> {
    public constructor(public readonly storeName: string) { }

    private getDbKeyFromKey(key: TKey): TKey | UKey {
        return isIDBValidKeyConvertible(key) ? key.convertToIDBValidKey() : key;
    }

   ...
}

However, I'm encountering an issue where the TypeScript compiler throws an error regarding 'UKey' in the class declaration: Cannot find name 'UKey'

Could this be related to the TypeScript limitation discussed in this issue, where generics might not support "higher kinded types?" Or could there be another mistake in my approach?

Any insights on this would be greatly appreciated!

typescript typescript-generics

Answer 1

Answer №1

Here is a way to handle conditional types in TypeScript:

type ConvertedKeyType<T> = T extends ConvertibleType<infer U> ? U : T;

private getKeyFromData(data: T): ConvertedKeyType<T> {
  return this.isConvertibleType(data) ? data.convert() : data;
}

Answer 2

Here is a way to handle conditional types in TypeScript:

type ConvertedKeyType<T> = T extends ConvertibleType<infer U> ? U : T;

private getKeyFromData(data: T): ConvertedKeyType<T> {
  return this.isConvertibleType(data) ? data.convert() : data;
}

Is it possible to access the generic type that a different generic type inherits in TypeScript?

Answer №1

Similar questions

The FileReader's onload event handler does not seem to be triggering as expected

Can someone point me to the typescript build option in Visual Studio 2019 Community edition?

Creating a Route in Angular 2 for a Component other than the one initialized with the bootstrap function

Creating multiple copies of a form div in Angular using Typescript

Testing a NestJS service with multiple constructor parameters can be done by utilizing various techniques such as dependency

Oops! There seems to be an issue with the code: "TypeError: this

Create a data structure with a single key interface that contains a key value pair

Does a <Navigate> exist in the react-router-dom library?

Creating multiple-to-multiple relationships in Express: A beginner's guide

The concept of a singleton design pattern is like a hidden treasure waiting to be

The 'type' property within the NGRX Effect is not present in the type Observable<any[]>

Using ngFor to Filter Tables in Angular 5

TypeScript: empty JSON response

Using TypeScript and Angular to modify CSS properties

Encountering an HTTP parsing failure while sending XML through Angular 5's HttpClient

The use of findDOMNode has been marked as outdated in StrictMode. Specifically, findDOMNode was utilized with an instance of Transition (generated by MUI Backdrop) that is contained

Having difficulty locating the correct TypeScript interface for executing GraphQL queries in a React application using Apollo Client

The parameter cannot be assigned a value of type 'string' as it requires a value that matches the format '`${string}` | `${string}.${string}` | `${string}.${number}`'

What could be the cause of this malfunction in the Angular Service?

Checking the interceptor response in NestJs testing