babel-plugin-styled-components
babel-plugin-styled-components copied to clipboard
Improve the debugging experience and add server-side rendering support to styled-components
Currently, the plugin generates `displayName` for each styled components, but it is still difficult to locate the components. The plugin uses basename as the `displayName`. https://github.com/styled-components/babel-plugin-styled-components/blob/950692b92855f17609e4281d5081e3d2acbf4b6b/src/visitors/displayNameAndId.js#L56-L64 If the application structure...
It seems possible to do things like: ``` style1 = css`` style2 = css`` ``` But the test for this use case is missing now.
Addresses: https://github.com/styled-components/babel-plugin-styled-components/issues/209
This is a long PR description, but it's a complex issue so hopefully the explanation is helpful... This PR resolves #245, and also another issue I found when calling helper...
I haven't tried this in a real app :)
this pr aims to simplify this file in terms of: - no need to actively declare new functions `state` gets passed to - no need to pass through `state` down...
I think this bug appeared again in 5.x. ``` // file1 const Container = styled.div`xxxx`; // file2 const Container = styled.div`xxxx`; ``` The above code is normal in the development...
In our app we are finding that any time a component that uses styled-components has a static property added to it, that component is always included in the bundle even...
Hi, I'm facing this issue with using JS-style comments. this happens when I comment on a line just at the end of a CSS property, in the same line right...
When specifying SSR as true and adding a "namespace" property in the config options the namespace isn't applied to all styled component classes. ``` "plugins": [ [ "styled-components", { "ssr":...