x.json

{
  "name": "react",
  "description": "React for Chiχ",
  "version": "0.0.2",
  "repository": {
    "type": "git",
    "url": "https://github.com/nodule/react.git"
  },
  "dependencies": {
    "react": "^15.3.1",
    "react-dom": "^15.3.1"
  },
  "nodes": [
    {
      "name": "element",
      "ns": "react",
      "description": "Create a ReactElement",
      "phrases": {
        "active": "Creating ReactElement {input.tag}"
      },
      "dependencies": {
        "npm": {
          "react": "latest"
        }
      },
      "ports": {
        "input": {
          "tag": {
            "title": "Tag",
            "type": "string"
          },
          "props": {
            "title": "Props",
            "type": "object",
            "default": {}
          },
          "children": {
            "title": "Children",
            "type": "array",
            "required": false
          }
        },
        "output": {
          "component": {
            "title": "React Component",
            "type": "ReactElement"
          }
        }
      },
      "fn": "output = function() {\n  var element = react.createElement(\n    $.tag,\n    $.props,\n    $.children\n  );\n\n  cb({\n    component: $.create(element)\n  });\n};\n"
    },
    {
      "name": "render",
      "ns": "react",
      "description": "Render a ReactElement into the DOM",
      "phrases": {
        "active": "Rendering ReactElement"
      },
      "dependencies": {
        "npm": {
          "react-dom": "latest"
        }
      },
      "ports": {
        "input": {
          "element": {
            "title": "React Element",
            "type": "function"
          },
          "container": {
            "title": "Container",
            "type": "HTMLElement",
            "required": false
          }
        },
        "output": {
          "element": {
            "title": "React Element",
            "type": "ReactElement"
          },
          "container": {
            "title": "Container",
            "type": "HTMLElement"
          }
        }
      },
      "fn": "// react.initializeTouchEvents(true); // bit of a hack\noutput = function() {\n  react_dom.render(\n    $.element,\n    $.container,\n    function() {\n      cb({\n        element: $.get('element'),\n      });\n      if ($.container) {\n        cb({container: $.get('container')});\n      }\n    }\n  );\n};\n"
    },
    {
      "name": "renderToString",
      "ns": "react",
      "description": "Render a ReactElement to its initial HTML",
      "phrases": {
        "active": "Rendering ReactElement to string"
      },
      "dependencies": {
        "npm": {
          "react": "latest"
        }
      },
      "ports": {
        "input": {
          "element": {
            "title": "React Element",
            "type": "ReactElement"
          }
        },
        "output": {
          "element": {
            "title": "React Element",
            "type": "ReactElement"
          },
          "html": {
            "title": "HTML",
            "type": "string"
          }
        }
      },
      "fn": "output.html = $.create(react.renderToString($.element));\noutput.element = $.get('element');\n"
    }
  ]
}