Is there a way to create request action generator?

Hello, I want to generate a few side actions and I wrote a generator function but TS still complaining 😃 Here is a small example:

const createRequestAction = (name: string) => {
    const actionName = name
        .split("_")
        .map((item, i) => {
            if (i === 0) {
                return item.toLowerCase()
            }
            return item.charAt(0).toUpperCase() + item.slice(1).toLowerCase()
        })
        .join("")
    return {
        [`${actionName}Success`]: createActionCreator(`${name}_SUCCESS`),
        [`${actionName}Error`]: createActionCreator(`${name}_ERROR`),
        [`${actionName}Done`]: createActionCreator(`${name}_DONE`),
    }
}

For example: createRequestAction("SET_AS_FAVOURITE") generate object with { setAsFavouriteSuccess: ActionType, setAsFavouriteError: ActionType, setAsFavouriteDone: ActionType }

and I’m exporting actions like this:

const setAsFavourite = createActionCreator("SET_AS_FAVOURITE", (resolve) => (id: string, isFavourite: boolean) => resolve({ id, isFavourite }))

const exampleActions = {
    setAsFavourite,
    ...createRequestAction("SET_AS_FAVOURITE"),
}

export default exampleActions

And now in reducer, TS doesn’t recognize names like actions.setAsFavouriteSuccess, is there a way to type this function correctly?

Thanks 😃

[marceleq27]

I figured it out and thats work 😃

type Types = "Success" | "Error" | "Done"

type SnakeToCamelCase<S extends string> = S extends `${infer T}_${infer U}` ? `${Lowercase<T>}${Capitalize<Lowercase<SnakeToCamelCase<U>>>}` : S

type Output<T extends string> = {
    [key in `${SnakeToCamelCase<T>}${Types}`]: AnyAction
}

I’ve attached code, maybe somebody also need it. Thank you very much again for help 😃

[the-dr-lazy]

type Types = "Success" | "Error" | "Done"

type Output<a> = {
    [key in `${SnakeCaseToCamelCase<a>}${Types}`]: AnyAction
}