Merge branch 'develop'

Author: casperlamboo

.babelrc

@@ -1,19 +1,25 @@
 {
   "env": {
-    // transpile to common node & browser compatible js, keeping modules
     "module": {
       "presets": [
-        ["latest", {
+        ["env", {
+          "targets": { "node": "6" },
           "modules": false
-        }]
+        }],
+        "stage-0",
+        "react"
       ]
     },
-    // transpile to common node & browser compatible js, using commonjs
     "main": {
-      "presets": ["latest"]
+      "presets": ["env", "stage-0", "react"]
     }
   },
   "plugins": [
-    "babel-plugin-transform-object-rest-spread"
+    "babel-plugin-transform-regenerator",
+    "babel-plugin-transform-object-rest-spread",
+    "babel-plugin-inline-import",
+    "babel-plugin-transform-class-properties",
+    "babel-plugin-transform-es2015-classes",
+    "babel-plugin-syntax-dynamic-import"
   ]
-} 
+}

example/SlicerViewer.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import * as THREE from 'three';
+import { Interface } from 'doodle3d-slicer';
+import fileURL from '!url-loader!./models/shape.json';
+import { render } from 'react-dom';
+import fileSaver from 'file-saver';
+import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
+import injectTapEventPlugin from 'react-tap-event-plugin';
+
+injectTapEventPlugin();
+
+document.body.style.margin = 0;
+document.body.style.padding = 0;
+document.body.style.height = '100%';
+document.documentElement.style.height = '100%'
+document.getElementById('app').style.height = '100%';
+
+const downloadGCode = gcode => {
+  const file = new File([gcode], 'gcode.gcode', { type: 'text/plain' });
+  fileSaver.saveAs(file);
+};
+
+const jsonLoader = new THREE.JSONLoader();
+jsonLoader.load(fileURL, geometry => {
+  render((
+    <MuiThemeProvider>
+      <Interface
+        geometry={geometry}
+        onCompleteActions={[{ title: 'Download', callback: downloadGCode }]}
+      />
+    </MuiThemeProvider>
+  ), document.getElementById('app'));
+});