Is it possible to infer generic type from inside string template literal

user_463065 0
Viewed 90

The following piece of code does exactly what I intend to know with one caveat, I would like to avoid having to explicit the generic it needs.

type EventGroup = {
  actions: "run" | "save"
  other: "bla"
}

export type EventType<T extends keyof EventGroup> = `${T}/${EventGroup[T]}`

const t: EventType<"actions"> = "actions/run"

I would like Typescript to infer that:

`actions/run` -> valid
`actions/save` -> valid
`actions/bla` -> NOT valid
`other/bla` -> valid

Which is what this code does but with an explicit generic.

typescript-generics typescript type-inference javascript generics
1 Answers

You can do that with a mapped type you then take a union of the values from:

export type EventType = {
    [Key in keyof EventGroup]: `${Key}/${EventGroup[Key]}`
}[keyof EventGroup];

Testing the validity of the type:

const t1: EventType = "actions/run";  // valid
const t2: EventType = "actions/save"; // valid
const t3: EventType = "actions/bla";  // NOT valid
const t4: EventType = "other/bla";    // valid

Playground link

There are two parts to that, first the mapped type:

type EventType = {
    [Key in keyof EventGroup]: `${Key}/${EventGroup[Key]}`
}

which evaluates as:

type EventType = {
    actions: "actions/run" | "actions/save";
    other: "other/bla";
}

Then we use [keyof EventGroup] on the end to extract just the values of actions and other as a union.

user_1572470
Related