synchronize reps from mc

src/reps/array.js

@@ -1,6 +1,12 @@
+"use strict";
 
+// Dependencies
 const React = require("react");
-const Caption = React.createFactory(require("./caption"));
+const {
+  createFactories,
+  wrapRender,
+} = require("./rep-utils");
+const { Caption } = createFactories(require("./caption"));
 const { MODE } = require("./constants");
 
 // Shortcuts
@@ -16,6 +22,8 @@ let ArrayRep = React.createClass({
   propTypes: {
     // @TODO Change this to Object.values once it's supported in Node's version of V8
     mode: React.PropTypes.oneOf(Object.keys(MODE).map(key => MODE[key])),
+    objectLink: React.PropTypes.func,
+    object: React.PropTypes.array.isRequired,
   },
 
   getTitle: function (object, context) {
@@ -105,7 +113,7 @@ let ArrayRep = React.createClass({
   onClickBracket: function (event) {
   },
 
-  render: function () {
+  render: wrapRender(function () {
     let {
       object,
       mode = MODE.SHORT,
@@ -147,7 +155,7 @@ let ArrayRep = React.createClass({
         )
       )
     );
-  },
+  }),
 });
 
 /**
@@ -156,8 +164,14 @@ let ArrayRep = React.createClass({
 let ItemRep = React.createFactory(React.createClass({
   displayName: "ItemRep",
 
-  render: function () {
-    const Rep = React.createFactory(require("./rep"));
+  propTypes: {
+    object: React.PropTypes.any.isRequired,
+    delim: React.PropTypes.string.isRequired,
+    mode: React.PropTypes.symbol,
+  },
+
+  render: wrapRender(function () {
+    const { Rep } = createFactories(require("./rep"));
 
     let object = this.props.object;
     let delim = this.props.delim;
@@ -168,14 +182,15 @@ let ItemRep = React.createFactory(React.createClass({
         delim
       )
     );
-  }
+  })
 }));
 
 function supportsObject(object, type) {
   return Array.isArray(object) ||
     Object.prototype.toString.call(object) === "[object Arguments]";
 }
 
+// Exports from this module
 module.exports = {
   rep: ArrayRep,
   supportsObject: supportsObject

src/reps/attribute.js

@@ -1,11 +1,17 @@
+// ReactJS
 const React = require("react");
 
 // Reps
-const { isGrip } = require("./rep-utils");
-const StringRep = React.createFactory(require("./string").rep);
+const {
+  createFactories,
+  isGrip,
+  wrapRender,
+} = require("./rep-utils");
+const { StringRep } = require("./string");
 
 // Shortcuts
 const { span } = React.DOM;
+const { rep: StringRepFactory } = createFactories(StringRep);
 
 /**
  * Renders DOM attribute
@@ -14,14 +20,15 @@ let Attribute = React.createClass({
   displayName: "Attr",
 
   propTypes: {
-    object: React.PropTypes.object.isRequired
+    object: React.PropTypes.object.isRequired,
+    objectLink: React.PropTypes.func,
   },
 
   getTitle: function (grip) {
     return grip.preview.nodeName;
   },
 
-  render: function () {
+  render: wrapRender(function () {
     let object = this.props.object;
     let value = object.preview.value;
     let objectLink = this.props.objectLink || span;
@@ -35,11 +42,11 @@ let Attribute = React.createClass({
           span({className: "attrEqual"},
             "="
           ),
-          StringRep({object: value})
+          StringRepFactory({object: value})
         )
       )
     );
-  },
+  }),
 });
 
 // Registration
@@ -55,4 +62,4 @@ function supportsObject(grip, type) {
 module.exports = {
   rep: Attribute,
   supportsObject: supportsObject
-};
+};

src/reps/caption.js

@@ -1,18 +1,26 @@
+// Dependencies
 const React = require("react");
 const DOM = React.DOM;
 
+const { wrapRender } = require("./rep-utils");
+
 /**
  * Renders a caption. This template is used by other components
  * that needs to distinguish between a simple text/value and a label.
  */
 const Caption = React.createClass({
   displayName: "Caption",
 
-  render: function () {
+  propTypes: {
+    object: React.PropTypes.object,
+  },
+
+  render: wrapRender(function () {
     return (
       DOM.span({"className": "caption"}, this.props.object)
     );
-  },
+  }),
 });
 
+// Exports from this module
 module.exports = Caption;

src/reps/comment-node.js

@@ -1,5 +1,11 @@
+// Dependencies
 const React = require("react");
-const { isGrip, cropString, cropMultipleLines } = require("./rep-utils");
+const {
+  isGrip,
+  cropString,
+  cropMultipleLines,
+  wrapRender,
+} = require("./rep-utils");
 const { MODE } = require("./constants");
 const nodeConstants = require("../shared/dom-node-constants");
 
@@ -18,7 +24,7 @@ const CommentNode = React.createClass({
     mode: React.PropTypes.oneOf(Object.keys(MODE).map(key => MODE[key])),
   },
 
-  render: function () {
+  render: wrapRender(function () {
     let {
       object,
       mode = MODE.SHORT
@@ -32,7 +38,7 @@ const CommentNode = React.createClass({
     }
 
     return span({className: "objectBox theme-comment"}, `<!-- ${textContent} -->`);
-  },
+  }),
 });
 
 // Registration
@@ -43,6 +49,7 @@ function supportsObject(object, type) {
   return object.preview && object.preview.nodeType === nodeConstants.COMMENT_NODE;
 }
 
+// Exports from this module
 module.exports = {
   rep: CommentNode,
   supportsObject: supportsObject

src/reps/date-time.js

@@ -1,7 +1,11 @@
+// ReactJS
 const React = require("react");
 
 // Reps
-const { isGrip } = require("./rep-utils");
+const {
+  isGrip,
+  wrapRender,
+} = require("./rep-utils");
 
 // Shortcuts
 const { span } = React.DOM;
@@ -13,7 +17,8 @@ let DateTime = React.createClass({
   displayName: "Date",
 
   propTypes: {
-    object: React.PropTypes.object.isRequired
+    object: React.PropTypes.object.isRequired,
+    objectLink: React.PropTypes.func,
   },
 
   getTitle: function (grip) {
@@ -25,7 +30,7 @@ let DateTime = React.createClass({
     return "";
   },
 
-  render: function () {
+  render: wrapRender(function () {
     let grip = this.props.object;
     let date;
     try {
@@ -38,8 +43,9 @@ let DateTime = React.createClass({
     } catch (e) {
       date = span({className: "objectBox"}, "Invalid Date");
     }
+
     return date;
-  },
+  }),
 });
 
 // Registration
@@ -52,6 +58,7 @@ function supportsObject(grip, type) {
   return (type == "Date" && grip.preview);
 }
 
+// Exports from this module
 module.exports = {
   rep: DateTime,
   supportsObject: supportsObject

src/reps/document.js

@@ -1,7 +1,12 @@
+// ReactJS
 const React = require("react");
 
 // Reps
-const { isGrip, getURLDisplayString } = require("./rep-utils");
+const {
+  isGrip,
+  getURLDisplayString,
+  wrapRender,
+} = require("./rep-utils");
 
 // Shortcuts
 const { span } = React.DOM;
@@ -13,7 +18,8 @@ let Document = React.createClass({
   displayName: "Document",
 
   propTypes: {
-    object: React.PropTypes.object.isRequired
+    object: React.PropTypes.object.isRequired,
+    objectLink: React.PropTypes.func,
   },
 
   getLocation: function (grip) {
@@ -36,7 +42,7 @@ let Document = React.createClass({
     return doc.location.href;
   },
 
-  render: function () {
+  render: wrapRender(function () {
     let grip = this.props.object;
 
     return (
@@ -47,7 +53,7 @@ let Document = React.createClass({
         )
       )
     );
-  },
+  }),
 });
 
 // Registration
@@ -60,6 +66,7 @@ function supportsObject(object, type) {
   return (object.preview && type == "HTMLDocument");
 }
 
+// Exports from this module
 module.exports = {
   rep: Document,
   supportsObject: supportsObject

src/reps/element-node.js

@@ -1,7 +1,11 @@
+// ReactJS
 const React = require("react");
 
 // Utils
-const { isGrip } = require("./rep-utils");
+const {
+  isGrip,
+  wrapRender,
+} = require("./rep-utils");
 const { MODE } = require("./constants");
 const nodeConstants = require("../shared/dom-node-constants");
 
@@ -18,6 +22,9 @@ const ElementNode = React.createClass({
     object: React.PropTypes.object.isRequired,
     // @TODO Change this to Object.values once it's supported in Node's version of V8
     mode: React.PropTypes.oneOf(Object.keys(MODE).map(key => MODE[key])),
+    onDOMNodeMouseOver: React.PropTypes.func,
+    onDOMNodeMouseOut: React.PropTypes.func,
+    objectLink: React.PropTypes.func,
   },
 
   getElements: function (grip, mode) {
@@ -78,7 +85,7 @@ const ElementNode = React.createClass({
     ];
   },
 
-  render: function () {
+  render: wrapRender(function () {
     let {
       object,
       mode,
@@ -104,7 +111,7 @@ const ElementNode = React.createClass({
     return objectLink({object},
       span(baseConfig, ...elements)
     );
-  },
+  }),
 });
 
 // Registration
@@ -115,6 +122,7 @@ function supportsObject(object, type) {
   return object.preview && object.preview.nodeType === nodeConstants.ELEMENT_NODE;
 }
 
+// Exports from this module
 module.exports = {
   rep: ElementNode,
   supportsObject: supportsObject

src/reps/error.js

@@ -1,6 +1,10 @@
+// ReactJS
 const React = require("react");
 // Utils
-const { isGrip } = require("./rep-utils");
+const {
+  isGrip,
+  wrapRender,
+} = require("./rep-utils");
 const { MODE } = require("./constants");
 // Shortcuts
 const { span } = React.DOM;
@@ -15,9 +19,10 @@ const ErrorRep = React.createClass({
     object: React.PropTypes.object.isRequired,
     // @TODO Change this to Object.values once it's supported in Node's version of V8
     mode: React.PropTypes.oneOf(Object.keys(MODE).map(key => MODE[key])),
+    objectLink: React.PropTypes.func,
   },
 
-  render: function () {
+  render: wrapRender(function () {
     let object = this.props.object;
     let preview = object.preview;
     let name = preview && preview.name
@@ -43,7 +48,7 @@ const ErrorRep = React.createClass({
         span({}, content)
       )
     );
-  },
+  }),
 });
 
 // Registration
@@ -54,6 +59,7 @@ function supportsObject(object, type) {
   return (object.preview && type === "Error");
 }
 
+// Exports from this module
 module.exports = {
   rep: ErrorRep,
   supportsObject: supportsObject