Codemod for migration from `@material-ui/styles`'s `makeStyles` to `tss-react`

Hi,

I am trying to start a discussion to see if it is possible/feasible to create a codemod that would migrate from @material-ui/styles makeStyles and withStyles to the tss-react’s equivalents.

The motivation is to help the developers to migrate from @materia-ui/core (v4) to @mui/material (v5) in a more automated way. From what I was seeing from time to time in the activity of the project, looks like most (all?) features that @material-ui/styles’ API provided are already implemented. If this is the case, I would like to hear your opinion, on whether you think this could actually be automated, or there are things that are still depending on a person being involved when migrating.

Thanks!

[garronej]

Hi @mnajdova,
I am off today but trust that I will try and see what’s feasable.

[ryancogswell]

@garronej @mnajdova The app I work on has over 500 usages of makeStyles, so I’m going to start working on the codemod. I’ll only be able to devote occasional blocks of time to this, but we are planning to migrate our app to v5 within the next quarter so I should finish it within the next couple months. I’ll be focusing on just the patterns that occur within our code, but that will cover enough cases to create a solid foundation to add more cases to.

I haven’t used jscodeshift before, but the examples already in https://github.com/mui/material-ui/tree/master/packages/mui-codemod/src/v5.0.0 give me enough to speed my learning along.

You can follow my progress here: #31802