Updated to use the new Babel management system

Author: dlmr

extensions/roc-plugin-react-dev/package.json

@@ -23,7 +23,6 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "roc-plugin-react": "1.0.0-beta.1",
     "babel-plugin-react-transform": "~2.0.0",
     "babel-preset-react": "~6.3.13",
     "react-transform-catch-errors": "~1.0.2",

extensions/roc-plugin-react-dev/src/roc/index.js

@@ -1,7 +1,4 @@
-import webpack from '../webpack';
-
 export default {
-    plugins: [require.resolve('roc-plugin-react')],
     config: {
         settings: {
             dev: {
@@ -12,8 +9,30 @@ export default {
         },
     },
     actions: [{
-        hook: 'build-webpack',
-        description: 'Adds the needed Webpack configuration to be able to build and develop React code.',
-        action: webpack,
+        hook: 'babel-config',
+        description: 'Adds the needed Babel configuration to be able to build and develop React code.',
+        action: ({ context: { config } }) => (target) => (babelConfig) => {
+            babelConfig.presets.push(require.resolve('babel-preset-react'));
+
+            if (target === 'web' && config.settings.build.mode === 'dev') {
+                babelConfig.plugins.push([
+                    require.resolve('babel-plugin-react-transform'), {
+                        transforms: [
+                            {
+                                transform: require.resolve('react-transform-hmr'),
+                                imports: ['react'],
+                                locals: ['module'],
+                            },
+                            {
+                                transform: require.resolve('react-transform-catch-errors'),
+                                imports: ['react', require.resolve('redbox-react')],
+                            },
+                        ],
+                    },
+                ]);
+            }
+
+            return babelConfig;
+        },
     }],
 };

extensions/roc-plugin-react-dev/src/webpack/index.js

@@ -25,7 +25,7 @@
   "dependencies": {
     "react": "~15.0.1",
     "react-dom": "~15.0.1",
-    "roc": "1.0.0-rc.11"
+    "roc": "^1.0.0-rc.12"
   },
   "devDependencies": {
     "babel-eslint": "~6.1.2",