{"action":"opened","issue":{"url":"https://api.github.com/repos/squaremo/ambergreen/issues/1","labels_url":"https://api.github.com/repos/squaremo/ambergreen/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/squaremo/ambergreen/issues/1/comments","events_url":"https://api.github.com/repos/squaremo/ambergreen/issues/1/events","html_url":"https://github.com/squaremo/ambergreen/issues/1","id":114681588,"number":1,"title":"babel/jsx/react woes","user":{"login":"dpw","id":15074,"avatar_url":"https://avatars.githubusercontent.com/u/15074?v=3","gravatar_id":"","url":"https://api.github.com/users/dpw","html_url":"https://github.com/dpw","followers_url":"https://api.github.com/users/dpw/followers","following_url":"https://api.github.com/users/dpw/following{/other_user}","gists_url":"https://api.github.com/users/dpw/gists{/gist_id}","starred_url":"https://api.github.com/users/dpw/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dpw/subscriptions","organizations_url":"https://api.github.com/users/dpw/orgs","repos_url":"https://api.github.com/users/dpw/repos","events_url":"https://api.github.com/users/dpw/events{/privacy}","received_events_url":"https://api.github.com/users/dpw/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-11-02T20:53:31Z","updated_at":"2015-11-02T20:53:31Z","closed_at":null,"body":"I don't have lessc or babel installed.  So rather than installing them locally, I put them in the build container and adapted `display/local.mk` to use that container (https://github.com/squaremo/ambergreen/commit/600f9fb69df692ef16a80ad1040167fcf6c2ef41).  Which all seems to work fine, but:\r\n\r\n```\r\ndocker run --rm  -v $PWD:/build -v $PWD/docker/build-wrapper.sh:/build-wrapper.sh --workdir=/build ambergreen/build sh /build-wrapper.sh \"babel display/gen/logo.babel -o display/gen/logo.js\"\r\nSyntaxError: display/gen/logo.babel: Unexpected token (4:6)\r\n  2 |   render: function() {\r\n  3 |     return (\r\n> 4 |       <div className=\"logo\">\r\n    |       ^\r\n  5 |         <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 1089 217\">\r\n  6 |           <path fill=\"#32324B\" d=\"M114.937,118.165l75.419-67.366c-5.989-4.707-12.71-8.52-19.981-11.211l-55.438,49.52V118.165z\"/>\r\n  7 |           <path fill=\"#32324B\" d=\"M93.265,108.465l-20.431,18.25c1.86,7.57,4.88,14.683,8.87,21.135l11.561-10.326V108.465z\"/>\r\ndisplay/local.mk:11: recipe for target 'display/gen/logo.js' failed\r\nmake: *** [display/gen/logo.js] Error 1\r\n```\r\n\r\nSo after I bit of digging, I've established that the wodge of inline xml is a react thing.  Babel, at least in version 6, needs a plugin to support that (http://babeljs.io/docs/plugins/transform-react-jsx/).  So I tried to add that plugin: https://github.com/squaremo/ambergreen/commit/88c4f638b2187e30d4d2f78a7fc0a135fb8108a0 . And now:\r\n\r\n```\r\ndocker run --rm  -v $PWD:/build -v $PWD/docker/build-wrapper.sh:/build-wrapper.sh --workdir=/build ambergreen/build sh /build-wrapper.sh \"babel display/gen/logo.babel --plugins transform-react-jsx -o display/gen/logo.js\"\r\nReferenceError: Unknown plugin \"transform-react-jsx\" specified in \"base\" at 0\r\n    at /usr/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/options/option-manager.js:180:17\r\n    at Array.map (native)\r\n    at Function.normalisePlugins (/usr/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/options/option-manager.js:161:20)\r\n    at OptionManager.mergeOptions (/usr/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/options/option-manager.js:254:36)\r\n    at OptionManager.init (/usr/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/options/option-manager.js:396:10)\r\n    at File.initOptions (/usr/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/index.js:191:75)\r\n    at new File (/usr/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/index.js:122:22)\r\n    at Pipeline.transform (/usr/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/pipeline.js:42:16)\r\n    at transform (/usr/lib/node_modules/babel-cli/lib/babel/util.js:53:22)\r\n    at Object.compile (/usr/lib/node_modules/babel-cli/lib/babel/util.js:62:12)\r\ndisplay/local.mk:11: recipe for target 'display/gen/logo.js' failed\r\nmake: *** [display/gen/logo.js] Error 1\r\n```\r\n\r\nHalp!\r\n\r\nWhat do you have working locally @squaremo?  Is it an old version of babel that has the jsx stuff built in?  Or you do have the plugin installed, and listed in your `.babelrc` maybe?"}}