Move out example to separate repository

Author: ethul

README.md

@@ -1,5 +1,4 @@
-purescript-react
-================
+# purescript-react
 
 [![Maintainer: paf31](https://img.shields.io/badge/maintainer-paf31-lightgrey.svg)](http://github.com/paf31) ![React: 0.13.3](https://img.shields.io/badge/react-0.13.3-lightgrey.svg)
 
@@ -9,63 +8,12 @@ For a more high-level set of bindings, you might like to look at `purescript-the
 
 - [Module Documentation](docs/)
 
-## Building
+## Installation
 
-The library and example can be built with Pulp as follows:
-
-    pulp dep update
-    pulp build
-
-    pulp test -r cat > example/index.js
-    open example/index.html
+```
+bower install purescript-react
+```
 
 ## Example
 
-```purescript
-module Main where
-
-import Prelude
-
-import Control.Monad.Eff
-
-import Data.Maybe.Unsafe (fromJust)
-import Data.Nullable (toMaybe)
-
-import DOM (DOM())
-import DOM.HTML (window)
-import DOM.HTML.Document (body)
-import DOM.HTML.Types (htmlElementToElement)
-import DOM.HTML.Window (document)
-
-import DOM.Node.Types (Element())
-
-import React
-
-import qualified React.DOM as D
-import qualified React.DOM.Props as P
-
-incrementCounter ctx e = do
-  val <- readState ctx
-  writeState ctx (val + 1)
-
-counter = createClass $ spec 0 \ctx -> do
-  val <- readState ctx
-  return $ D.p [ P.className "Counter"
-               , P.onClick (incrementCounter ctx)
-               ]
-               [ D.text (show val)
-               , D.text " Click me to increment!"
-               ]
-
-main = container >>= render ui
-  where
-  ui :: ReactElement
-  ui = D.div [] [ createFactory counter {} ]
-
-  container :: forall eff. Eff (dom :: DOM | eff) Element
-  container = do
-    win <- window
-    doc <- document win
-    elm <- fromJust <$> toMaybe <$> body doc
-    return $ htmlElementToElement elm
-```
+Please refer to [purescript-react-example](https://github.com/purescript-contrib/purescript-react)

bower.json

@@ -1,26 +1,21 @@
 {
   "name": "purescript-react",
   "homepage": "https://github.com/purescript-contrib/purescript-react",
-  "description": "Purescript bindings for React.js",
+  "description": "PureScript bindings for react",
+  "main": "",
   "keywords": [
     "purescript",
     "react"
   ],
   "license": "MIT",
   "ignore": [
-    "**/.*",
-    "node_modules",
-    "bower_components",
-    "test",
-    "tests"
+    "*",
+    "!src/**/*"
   ],
   "repository": {
     "type": "git",
     "url": "git://github.com/purescript-contrib/purescript-react.git"
   },
-  "devDependencies": {
-    "purescript-console": "~0.1.1"
-  },
   "dependencies": {
     "purescript-eff": "~0.1.2",
     "purescript-unsafe-coerce": "~0.1.0"

example/.gitignore

@@ -60,7 +60,9 @@ function createClass(spec) {
       return spec.render(this)();
     },
     getInitialState: function(){
-      return spec.getInitialState(this)();
+      return {
+        state: spec.getInitialState(this)()
+      };
     },
     componentWillMount: function(){
       return spec.componentWillMount(this)();

example/index.html

@@ -51,6 +51,7 @@ module React
   , handle
 
   , createClass
+  , createClassStateless
   , createElement
   , createFactory
   ) where

src/React.js

@@ -3,6 +3,8 @@
 
 // module React.DOM
 
+var React = require('react');
+
 function mkProps(props) {
     var result = {};
 

src/React.purs

@@ -3,26 +3,30 @@
 
 // module React.DOM.Props
 
-exports.unsafeMkProps = function(key) {
-    return function(value) {
-        var result = {};
-        result[key] = value;
-        return result;
-    };
-};
+var React = require('react');
 
-exports.unsafeUnfoldProps = function(key) {
-    return function(value) {
-        var result = {};
-        var props = {};
-        props[key] = result;
+function unsafeMkProps(key) {
+  return function(value){
+    var result = {};
+    result[key] = value;
+    return result;
+  };
+}
+exports.unsafeMkProps = unsafeMkProps;
 
-        for (var subprop in value) {
-            if (value.hasOwnProperty(subprop)) {
-                result[subprop] = value[subprop];
-            }
-        }
+function unsafeUnfoldProps(key) {
+  return function(value){
+    var result = {};
+    var props = {};
+    props[key] = result;
 
-        return props;
-    };
-};
+    for (var subprop in value) {
+      if (value.hasOwnProperty(subprop)) {
+          result[subprop] = value[subprop];
+      }
+    }
+
+    return props;
+  };
+}
+exports.unsafeUnfoldProps = unsafeUnfoldProps;