Extract decorated functions as top level variables

Could we get an option in .babelrc to extract each decorated function individually as it’s own variable. Reason being is that react-hot-loader requires the OG decorated function (react component) to be its own top level variable. See their docs for the full explanation.

Currently this plugin transforms decorators to something like this:

const SuperComponent = 
     connect()(         <-- last HoC
       withSomeStuff(   <-- first HoC
         Component      <-- a real component
       )
     );

But with a "topLevel": true plugin option in .babelrc (just in development env section in my case), this plugin could transform decorators like this:

 const WithSomeStuffComponent = withSomeStuff(Component);
 const SuperComponent = connect()(WithSomeStuffComponent);

Would this be possible?

[sirrodgepodge]

I believe this is exactly what I’m attempting here 😃,

https://www.npmjs.com/package/babel-plugin-undecorate

I’m assuming the reason you’d want this is for testability of the underlying class/method (that’s why I wanted it).

[danbovey]

OK, reopening to be looked at by @loganfsmyth