Is it possible to dynamically create an interface using an enum in TypeScript through programmatically means?

Question

Is it possible to dynamically create an interface using an enum in TypeScript through programmatically means?

Recently, I defined an enum as shown below:

enum EventType {
  JOB,
  JOB_EXECUTION,
  JOB_GROUP
}

Now, I am in need of creating an interface structure like this:

interface EventConfigurations {
  JOB: {
    Enabled?: boolean;
  };

  JOB_EXECUTION: {
    Enabled?: boolean;
  };

  JOB_GROUP: {
    Enabled?: boolean;
  };
}

Since there is a direct mapping between the two, I am curious if there is a way to automatically generate the interface based on the enum instead of hardcoding it manually. Any suggestions or insights are greatly appreciated!

javascript typescript

Answer 1

Answer №1

To define it as a type (instead of an interface), follow this syntax:

type EventConfigurations = Record<keyof typeof EventType, { Enabled?: boolean }>

Here is the breakdown:

When using typeof with an enum, you get a type with string members as keys and numbers as values.
Applying keyof to that type results in a union type containing each key.
The Record<K, V> construct maps type K to type V.

Playground Link

Answer 2

To define it as a type (instead of an interface), follow this syntax:

type EventConfigurations = Record<keyof typeof EventType, { Enabled?: boolean }>

Here is the breakdown:

When using typeof with an enum, you get a type with string members as keys and numbers as values.
Applying keyof to that type results in a union type containing each key.
The Record<K, V> construct maps type K to type V.

Playground Link

Is it possible to dynamically create an interface using an enum in TypeScript through programmatically means?

Answer №1

Similar questions

What is the use of the typeof operator for arrays of objects in TypeScript?

Uncovered event listener in Angular tests

Tips for adapting the position of a floating div according to its height and environment

Utilize the csv-parser module to exclusively extract the headers from a file

Guide to making a button in jQuery that triggers a function with arguments

Using JavaScript to auto-scroll a textarea to a certain position

Discovering the destination link of a website while utilizing GM_xmlhttpRequest

Utilizing TypeScript with Context API

How can you retrieve the input value in JavaScript when the cursor is not focused?

Guide on implementing "Displaying 1 of N Records" using the dataTables.js framework

Javascript's second element does not trigger a click event with similar behavior

Tips for maintaining JSON data in CK Editor

Vue's keydown event will only fire when elements are in an active state

Using jQuery to add a class to an input option if its value exists in an array

Is there a way to remove the initial number entered on a calculator's display in order to prevent the second number from being added onto the first one?

Unexpectedly, the Discord bot abruptly disconnects without any apparent cause

Generate a dynamic file import loop within a React application

What is the comparable javascript code for the <script src="something1.json"></script> tag?

Creating an HTML list based on a hierarchical MySQL table structure

Using styled-components and typescript to override props