How can I map a patternProperties from json schema to a typescript interface

Question

I am creating a typescript interface corresponding to a json schema. I have the following field in my json schema:

         "styles": {
            "title": "Style Definitions",
            "description": "Style definition",
            "type": "object",
            "patternProperties": {
                "^.*$": {
                    "oneOf": [
                        { "$ref": "#/definitions/definition1" },
                        { "$ref": "#/definitions/definition2" }
                    ]
                }
            }
         }

I want to create my interface something like this:

interface Styles {
    [key: string]: Definition1 | Definition2;
} 

But this isn't right and doesn't capture the correct meaning of the json schema. Can someone tell me how to do this?

How can I write this thing in my typescript interface?

question from:https://stackoverflow.com/questions/65935761/how-can-i-map-a-patternproperties-from-json-schema-to-a-typescript-interface

Answer 1

Assuming key inside patternProperties is a dynamic value, I think this is what you want:

interface Style {
    title: string;
    description: string;
    type: string;
    patternProperties: {
        [key: string]: {
            [key: string]: {
                [key: string]: string,
                // or $ref: string
            }[];
        };
    };
}

TS Playground