Add JS modules.

Author: paf31

.gitignore

@@ -1,4 +1,3 @@
-*.js
 output
 bower_components
 node_modules

src/React.js

@@ -0,0 +1,81 @@
+/* global exports */
+"use strict";
+
+// module React
+
+exports.getProps = function(ctx) {
+    return function() {
+        return ctx.props;
+    };
+};
+
+exports.getRefs = function(ctx) {
+    return function() {
+        return ctx.refs;
+    };
+};
+
+exports.writeState = function(ctx) {
+    return function(state) {
+        return function() {
+            ctx.replaceState({
+                state: state
+            });
+            return function() {
+                return state;
+            }
+        };
+    };
+};
+
+exports.readState = function(ctx) {
+    return function() {
+        return ctx.state.state;
+    };
+};
+
+exports.mkUI = function(ss) {
+    return function(render) {
+        var specs = {};
+        for (var s in ss) {
+            if (ss.hasOwnProperty(s)) {
+                specs[s] = (function(impl) {
+                    return function() {
+                        return impl(this)();
+                    }
+                })(ss[s]);
+            }
+        }
+        specs.getInitialState = function() {
+            return {
+                state: ss.getInitialState(this)()
+            };
+        };
+        specs.render = function() {
+            return render(this)();
+        };
+        return React.createClass(specs);
+    }
+};
+
+exports.handle = function(f) {
+    return function(e) {
+        return f(e)();
+    };
+};
+
+exports.renderToString = React.renderComponentToString;
+
+exports.renderToBody = function(component) {
+    return function() {
+        return React.renderComponent(component, document.body);
+    }
+};
+
+exports.renderToElementById = function(id) {
+    return function(component) {
+        return function() {
+            return React.renderComponent(component, document.getElementById(id));
+        }
+    }
+};

src/React/DOM.js

@@ -0,0 +1,40 @@
+/* global exports */
+"use strict";
+
+// module React.DOM
+
+function mkProps(props) {
+    var result = {};
+    for (var i = 0, len = props.length; i < len; i++) {
+        var prop = props[i];
+        var name = prop.constructor.name;
+        name = name[0].toLowerCase() + name.substring(1);
+        var val = prop.value0;
+        /* Until React.js handles data and aria like style*/
+        /* we have to unload the properties.*/
+        if (name === 'data' || name === 'aria') {
+            for (var subprop in val) {
+                if (val.hasOwnProperty(subprop)) {
+                    result[name + '-' + subprop] = val[subprop];
+                }
+            }
+        } else {
+            result[name] = val;
+        }
+    }
+    return result;
+};
+
+exports.mkDOM = function(tagName) {
+    var ctor = window.React.DOM[tagName];
+    return function(props) {
+        return function(children) {
+            var p = props.length > 0 ? mkProps(props) : null;
+            return ctor.apply(ctor, [p].concat(children));
+        }
+    }
+};
+
+exports.text = function(text) {
+    return text;
+};

test/Main.js

@@ -0,0 +1,12 @@
+/* global exports */
+"use strict";
+
+// module Test.Main
+
+exports.interval = function(ms) {
+    return function(action) {
+        return function() {
+            return setInterval(action, ms);
+        }
+    }
+};