{"action":"created","issue":{"url":"https://api.github.com/repos/styled-components/babel-plugin-styled-components/issues/166","repository_url":"https://api.github.com/repos/styled-components/babel-plugin-styled-components","labels_url":"https://api.github.com/repos/styled-components/babel-plugin-styled-components/issues/166/labels{/name}","comments_url":"https://api.github.com/repos/styled-components/babel-plugin-styled-components/issues/166/comments","events_url":"https://api.github.com/repos/styled-components/babel-plugin-styled-components/issues/166/events","html_url":"https://github.com/styled-components/babel-plugin-styled-components/issues/166","id":364602293,"node_id":"MDU6SXNzdWUzNjQ2MDIyOTM=","number":166,"title":"Struggling to get plugin working–transforms aren't being applied?","user":{"login":"Vpr99","id":1228867,"node_id":"MDQ6VXNlcjEyMjg4Njc=","avatar_url":"https://avatars3.githubusercontent.com/u/1228867?v=4","gravatar_id":"","url":"https://api.github.com/users/Vpr99","html_url":"https://github.com/Vpr99","followers_url":"https://api.github.com/users/Vpr99/followers","following_url":"https://api.github.com/users/Vpr99/following{/other_user}","gists_url":"https://api.github.com/users/Vpr99/gists{/gist_id}","starred_url":"https://api.github.com/users/Vpr99/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Vpr99/subscriptions","organizations_url":"https://api.github.com/users/Vpr99/orgs","repos_url":"https://api.github.com/users/Vpr99/repos","events_url":"https://api.github.com/users/Vpr99/events{/privacy}","received_events_url":"https://api.github.com/users/Vpr99/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2018-09-27T18:35:41Z","updated_at":"2018-09-27T22:01:32Z","closed_at":null,"author_association":"NONE","body":"Hi all,\r\n\r\nI'm trying to get the plugin working _at all_ and I'm at my wits end here. As far as I can tell, no transformations are happening. I'm using Gatsby, but just in development mode and with a custom babel config:\r\n\r\n`babel.config.js`:\r\n```jsx\r\nmodule.exports = {\r\n  presets: ['@babel/preset-env', '@babel/react'],\r\n  plugins: [\r\n    'babel-plugin-styled-components',\r\n    '@babel/plugin-proposal-class-properties',\r\n  ],\r\n};\r\n```\r\n\r\nand my `package.json`:\r\n```json\r\n\"devDependencies\": {\r\n    \"@babel/core\": \"^7.1.0\",\r\n    \"@babel/plugin-proposal-class-properties\": \"^7.1.0\",\r\n    \"@babel/preset-env\": \"^7.1.0\",\r\n    \"@babel/preset-react\": \"^7.0.0\",\r\n    \"babel-core\": \"7.0.0-bridge.0\",\r\n    \"babel-plugin-styled-components\": \"^1.7.1\",\r\n    ...\r\n}\r\n```\r\n\r\nCurrently, when I go to React devtools, I'm still getting tons of <styled.xxx> elements, instead of displayNames and in Chrome inspector, my classes on a component look like this: `class=\"sc-ifAKCX fjeiAi\"`\r\n\r\nAny help would be greatly appreciated—I'm really stuck."},"comment":{"url":"https://api.github.com/repos/styled-components/babel-plugin-styled-components/issues/comments/425257074","html_url":"https://github.com/styled-components/babel-plugin-styled-components/issues/166#issuecomment-425257074","issue_url":"https://api.github.com/repos/styled-components/babel-plugin-styled-components/issues/166","id":425257074,"node_id":"MDEyOklzc3VlQ29tbWVudDQyNTI1NzA3NA==","user":{"login":"Vpr99","id":1228867,"node_id":"MDQ6VXNlcjEyMjg4Njc=","avatar_url":"https://avatars3.githubusercontent.com/u/1228867?v=4","gravatar_id":"","url":"https://api.github.com/users/Vpr99","html_url":"https://github.com/Vpr99","followers_url":"https://api.github.com/users/Vpr99/followers","following_url":"https://api.github.com/users/Vpr99/following{/other_user}","gists_url":"https://api.github.com/users/Vpr99/gists{/gist_id}","starred_url":"https://api.github.com/users/Vpr99/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Vpr99/subscriptions","organizations_url":"https://api.github.com/users/Vpr99/orgs","repos_url":"https://api.github.com/users/Vpr99/repos","events_url":"https://api.github.com/users/Vpr99/events{/privacy}","received_events_url":"https://api.github.com/users/Vpr99/received_events","type":"User","site_admin":false},"created_at":"2018-09-27T22:01:32Z","updated_at":"2018-09-27T22:01:32Z","author_association":"NONE","body":"@probablyup yep, I got super stuck—might be best if you did it. Basically where I got to (baby steps) was:\r\n\r\nWe need to add a visitor for `CallExpression` as well as `TaggedTemplateExpression`. Then, `isStyled` needs to be modified to accept the call expression (`path.node`?) as well as `path.node.tag`. \r\n\r\nWas I at least on the right track?"}}
{"actor":{"display_login":"Vpr99"}}