rewrite to handler.js format

components/sections/boundingbox/handler.js

@@ -0,0 +1,24 @@
+module.exports = {
+  setupQuadratic: function(api) {
+    var curve = api.getDefaultQuadratic();
+    api.setCurve(curve);
+  },
+
+  setupCubic: function(api) {
+    var curve = api.getDefaultCubic();
+    api.setCurve(curve);
+  },
+
+  draw: function(api, curve) {
+    api.reset();
+    api.setColor("#00FF00");
+    api.drawbbox(curve.bbox());
+    api.setColor("black");
+    api.drawSkeleton(curve);
+    api.drawCurve(curve);
+    api.setColor("red");
+    curve.extrema().values.forEach(t => {
+      api.drawCircle(curve.get(t), 3);
+    });
+  }
+};

components/sections/boundingbox/index.js

@@ -1,42 +1,3 @@
-var React = require("react");
-
-var Locale = require("../../../lib/locale");
-var locale = new Locale();
-var page = "boundingbox";
-
-var BoundingBox = React.createClass({
-  getDefaultProps: function() {
-    return {
-      title: locale.getTitle(page)
-    };
-  },
-
-  setupQuadratic: function(api) {
-    var curve = api.getDefaultQuadratic();
-    api.setCurve(curve);
-  },
-
-  setupCubic: function(api) {
-    var curve = api.getDefaultCubic();
-    api.setCurve(curve);
-  },
-
-  draw: function(api, curve) {
-    api.reset();
-    api.setColor("#00FF00");
-    api.drawbbox(curve.bbox());
-    api.setColor("black");
-    api.drawSkeleton(curve);
-    api.drawCurve(curve);
-    api.setColor("red");
-    curve.extrema().values.forEach(t => {
-      api.drawCircle(curve.get(t), 3);
-    });
-  },
-
-  render: function() {
-    return locale.getContent(page, this);
-  }
-});
-
-module.exports = BoundingBox;
+var handler = require("./handler.js");
+var generateBase = require("../../generate-base");
+module.exports = generateBase("boundingbox", handler);