如何创建一个对象类型，它具有动态数量的键，具体取决于同一对象中字符串数组的值？

Question

I'm working with Magnolia headless CMS and I'm receiving the following response:

const myResponseObject = {
    "@name": "slides",
    "@path": "/home/main/00/slides",
    "@id": "db9bffe6-6425-4601-8005-65fd52500caf",
    "@nodeType": "mgnl:contentNode",
    "mgnl:createdBy": "superuser",
    "mgnl:lastModified": "2022-12-15T09:38:01.993+01:00",
    "mgnl:created": "2022-12-15T09:38:01.993+01:00",
    "mgnl:lastModifiedBy": "superuser",
    "slides0": {
        "@name": "slides0",
        "@path": "/home/main/00/slides/slides0",
        "@id": "faf338c1-8e82-4cc2-aa97-0cd6f22047a8",
        "@nodeType": "mgnl:contentNode",
        "mgnl:createdBy": "superuser",
        "title": "The title of the slide",
        "mgnl:lastModified": "2022-12-15T09:38:01.994+01:00",
        "subtitle": "The subtitle of the slide",
        "mgnl:created": "2022-12-15T09:38:01.994+01:00",
        "mgnl:lastModifiedBy": "superuser",
        "@nodes": []
    },
    "slides1": {
        "@name": "slides1",
        "@path": "/home/main/00/slides/slides1",
        "@id": "1c3098c8-35be-4b3a-b23c-5af2a25dffe5",
        "@nodeType": "mgnl:contentNode",
        "mgnl:createdBy": "superuser",
        "title": "The title of slide 2",
        "mgnl:lastModified": "2022-12-15T09:38:01.994+01:00",
        "subtitle": "The subtitle of slide 2",
        "mgnl:created": "2022-12-15T09:38:01.994+01:00",
        "mgnl:lastModifiedBy": "superuser",
        "@nodes": []
    },
    "@nodes": [
        "slides0",
        "slides1"
    ]
}

Depending on how many slides I add in Magnolia the @nodes array has more entries and for each entry is an additional entry in my object, with the value of the array item as key.

So how can I type this properly in TypeScript?

Alreade tried something like this, but that's not related to the @nodes array:

IMagnoliaBasis in this example contains all the fields which are the same for all components, like @name, @id, mgnl:created, etc.

type MyResponse = Record<string, string[]> & {
  [key in keyof string[]]: IHomeHeroSlide;
} & IMagnoliaBasis;

interface IHomeHeroSlide extends IMagnoliaBasis {
  title: string;
  subtitle: string;
}

Answer 1

Is this what you want?

const slides = ["slides0", "slides1"] as const

type MyResponse = {
  [K in (typeof slides)[number]]: IMongoliaBasis
} & {
  "@nodes": typeof slides
}