Reorganize for docs

Author: Michael Trotter

examples/counter/package.json

@@ -1,9 +1,9 @@
 {
   "dependencies": {
-    "react": "^16.4.2",
-    "react-dom": "^16.4.2"
+    "react": "16.6.0",
+    "react-dom": "16.6.0"
   },
   "devDependencies": {
-    "browserify": "^16.2.2"
+    "browserify": "16.2.3"
   }
 }

examples/counter/src/Counter.purs

@@ -5,6 +5,9 @@ import Prelude
 import React.Basic (Component, JSX, StateUpdate(..), capture_, createComponent, make)
 import React.Basic.DOM as R
 
+component :: Component
+component = createComponent "Counter"
+
 type Props =
   { label :: String
   }
@@ -14,7 +17,7 @@ data Action
 
 counter :: Props -> JSX
 counter = make component
-  { initialState = { counter: 0 }
+  { initialState = { counter: 0, dummy: 0 }
 
   , update = \self -> case _ of
       Increment ->
@@ -26,6 +29,3 @@ counter = make component
         , children: [ R.text (self.props.label <> ": " <> show self.state.counter) ]
         }
   }
-
-component :: Component
-component = createComponent "Counter"

src/React/Basic.js

@@ -3,47 +3,6 @@
 var React = require("react");
 var Fragment = React.Fragment || "div";
 
-exports.readProps = function(self) {
-  return self.instance_.props.$$props;
-};
-
-exports.readState = function(self) {
-  var state = self.instance_.state;
-  return state === null ? null : state.$$state;
-};
-
-exports.send_ = function(buildStateUpdate) {
-  return function(self, action) {
-    if (!self.instance_.$$mounted) {
-      exports.warningUnmountedComponentAction(self, action);
-      return;
-    }
-    var sideEffects = null;
-    self.instance_.setState(
-      function(s) {
-        var setStateContext = self.instance_.toSelf();
-        setStateContext.state = s.$$state;
-        var updates = buildStateUpdate(
-          self.instance_.$$spec.update(setStateContext)(action)
-        );
-        if (updates.effects !== null) {
-          sideEffects = updates.effects;
-        }
-        if (updates.state !== null && updates.state !== s.$$state) {
-          return { $$state: updates.state };
-        } else {
-          return null;
-        }
-      },
-      function() {
-        if (sideEffects !== null) {
-          sideEffects(this.toSelf())();
-        }
-      }
-    );
-  };
-};
-
 exports.createComponent_ = function(defaultUpdate) {
   var defaultInitialState = null;
   var defaultShouldUpdate = function() {
@@ -150,6 +109,47 @@ exports.createComponent_ = function(defaultUpdate) {
   };
 };
 
+exports.send_ = function(buildStateUpdate) {
+  return function(self, action) {
+    if (!self.instance_.$$mounted) {
+      exports.warningUnmountedComponentAction(self, action);
+      return;
+    }
+    var sideEffects = null;
+    self.instance_.setState(
+      function(s) {
+        var setStateContext = self.instance_.toSelf();
+        setStateContext.state = s.$$state;
+        var updates = buildStateUpdate(
+          self.instance_.$$spec.update(setStateContext)(action)
+        );
+        if (updates.effects !== null) {
+          sideEffects = updates.effects;
+        }
+        if (updates.state !== null && updates.state !== s.$$state) {
+          return { $$state: updates.state };
+        } else {
+          return null;
+        }
+      },
+      function() {
+        if (sideEffects !== null) {
+          sideEffects(this.toSelf())();
+        }
+      }
+    );
+  };
+};
+
+exports.readProps = function(self) {
+  return self.instance_.props.$$props;
+};
+
+exports.readState = function(self) {
+  var state = self.instance_.state;
+  return state === null ? null : state.$$state;
+};
+
 exports.make = function($$spec) {
   return function($$props) {
     var props = {
@@ -160,6 +160,8 @@ exports.make = function($$spec) {
   };
 };
 
+exports.empty = null;
+
 exports.keyed_ = function(key, child) {
   return React.createElement(Fragment, { key: key }, child);
 };
@@ -177,13 +179,6 @@ exports.fragment = function(children) {
   return React.createElement.apply(null, [Fragment, {}].concat(children));
 };
 
-exports.fragmentKeyed_ = function(key, children) {
-  return React.createElement.apply(
-    null,
-    [Fragment, { key: key }].concat(children)
-  );
-};
-
 exports.displayNameFromComponentSpec = function($$spec) {
   return $$spec.$$type.displayName || "[unknown]";
 };