search

styled-components / styled-components-codemods

Automatic codemods to upgrade your styled-components code to newer versions.
MIT License
52 stars 5 forks source link

New codemod to prefix transient prop names with $ #12

Open kylecombes opened 9 months ago

kylecombes commented 9 months ago

I can't tell if this repo is still active, but I'll post this here anyway.

With styled-components v6, automatic prop filtering was dropped, meaning props that should not be forwarded to the underlying DOM elements should be prefixed with a $. Doing this manually is extremely tedious and laborious.

Performing this rename seems like something that a codemod should be able to do. It might not get everything completely right (i.e. devs should still probably look over the changes it makes), but it should be able to at least find all of the places in code where a $ prefix may need to be added.

Is this something someone here could create? I've never written a codemod before.

RmnRss commented 1 month ago

@kylecombes do you have any news on this, or have you found a codemod to do so ?

mohab-sameh commented 1 month ago

@kylecombes @RmnRss Maybe we can whip up something with Codemod Studio. Can you give me a few before/after snippets of the transformation? If it's from your actual project, that's a plus.