Release 3.0.1

Author: seeden

.babelrc

@@ -1,10 +1,14 @@
 {
   "presets": [
-    ["es2015", {"loose": true}],
+    ["es2015", { "loose": true }],
     "stage-0",
     "react",
   ],
   "plugins": [
+    ["transform-runtime", {
+      "polyfill": false,
+      "regenerator": true
+    }],
     "transform-decorators-legacy",
     "transform-class-properties",
     "transform-proto-to-assign",

.travis.yml

@@ -10,6 +10,3 @@ notifications:
             - [email protected]
         on_success: change
         on_failure: always
-
-after_script:
- - ./node_modules/.bin/babel-node ./node_modules/.bin/gulp coveralls

README.md

@@ -4,11 +4,11 @@
 
 [npm-image]: https://img.shields.io/npm/v/react-facebook.svg?style=flat-square
 [npm-url]: https://www.npmjs.com/react-facebook
-[travis-image]: https://img.shields.io/travis/seeden/react-facebook/master.svg?style=flat-square
-[travis-url]: https://travis-ci.org/seeden/react-facebook
-[coveralls-image]: https://img.shields.io/coveralls/seeden/react-facebook/master.svg?style=flat-square
-[coveralls-url]: https://coveralls.io/r/seeden/react-facebook?branch=master
-[github-url]: https://github.com/seeden/react-facebook
+[travis-image]: https://img.shields.io/travis/CherryProjects/react-facebook/master.svg?style=flat-square
+[travis-url]: https://travis-ci.org/CherryProjects/react-facebook
+[coveralls-image]: https://img.shields.io/coveralls/CherryProjects/react-facebook/master.svg?style=flat-square
+[coveralls-url]: https://coveralls.io/r/CherryProjects/react-facebook?branch=master
+[github-url]: https://github.com/CherryProjects/react-facebook
 
 # Components
 
@@ -20,6 +20,7 @@
 - Comments count
 - Embedded post
 - Page
+- Feed
 
 # Support us
 
@@ -36,7 +37,7 @@ import FacebookProvider, { Like } from 'react-facebook';
 export default class Example extends Component {
   render() {
     return (
-      <FacebookProvider appID="123456789">
+      <FacebookProvider appId="123456789">
         <Like href="http://www.facebook.com" colorScheme="dark" showFaces share />
       </FacebookProvider>
     );
@@ -53,7 +54,7 @@ import FacebookProvider, { Share } from 'react-facebook';
 export default class Example extends Component {
   render() {
     return (
-      <FacebookProvider appID="123456789">
+      <FacebookProvider appId="123456789">
         <Share href="http://www.facebook.com">
           <button type="button">Share</button>
         </Share>
@@ -74,7 +75,7 @@ import FacebookProvider, { ShareButton } from 'react-facebook';
 export default class Example extends Component {
   render() {
     return (
-      <FacebookProvider appID="123456789">
+      <FacebookProvider appId="123456789">
         <ShareButton href="http://www.facebook.com" />
       </FacebookProvider>
     );
@@ -91,7 +92,7 @@ import FacebookProvider, { Comments } from 'react-facebook';
 export default class Example extends Component {
   render() {
     return (
-      <FacebookProvider appID="123456789">
+      <FacebookProvider appId="123456789">
         <Comments href="http://www.facebook.com" />
       </FacebookProvider>
     );
@@ -108,7 +109,7 @@ import FacebookProvider, { CommentsCount } from 'react-facebook';
 export default class Example extends Component {
   render() {
     return (
-      <FacebookProvider appID="123456789">
+      <FacebookProvider appId="123456789">
         <CommentsCount href="http://www.facebook.com" /> Comments
       </FacebookProvider>
     );
@@ -123,15 +124,22 @@ import React, { Component} from 'react';
 import FacebookProvider, { Login } from 'react-facebook';
 
 export default class Example extends Component {
-  onFacebookResponse(data, user_data) {
+  handleResponse = (data) => {
     console.log(data);
-    console.log(user_data);
+  }
+
+  handleError = (error) => {
+    this.setState({ error });
   }
 
   render() {
     return (
-      <FacebookProvider appID="123456789">
-        <Login scope="email" onResponse={this.onFacebookResponse.bind(this)}>
+      <FacebookProvider appId="123456789">
+        <Login
+          scope="email"
+          onResponse={this.handleResponse}
+          onError={this.handleError}
+        >
           <span>Login via Facebook</span>
         </Login>
       </FacebookProvider>
@@ -140,6 +148,45 @@ export default class Example extends Component {
 }
 ```
 
+### Custom login render
+
+If you want to use custom component you can use render or component property.
+
+```js
+import React, { Component} from 'react';
+import FacebookProvider, { Login } from 'react-facebook';
+
+export default class Example extends Component {
+  handleResponse = (data) => {
+    console.log(data);
+  }
+
+  handleError = (error) => {
+    this.setState({ error });
+  }
+
+  render() {
+    return (
+      <FacebookProvider appId="123456789">
+        <Login
+          scope="email"
+          onResponse={this.handleResponse}
+          onError={this.handleError}
+          render=(({ isLoading, isWorking, onClick }) => (
+            <span onClick={onClick}>
+              Login via Facebook
+              {(isLoading || isWorking) && (
+                <span>Loading...</span>
+              )}
+            </span>
+          ))
+        />
+      </FacebookProvider>
+    );
+  }
+}
+```
+
 ## Embedded post
 
 ```js
@@ -149,7 +196,7 @@ import FacebookProvider, { EmbeddedPost } from 'react-facebook';
 export default class Example extends Component {
   render() {
     return (
-      <FacebookProvider appID="123456789">
+      <FacebookProvider appId="123456789">
         <EmbeddedPost href="http://www.facebook.com" width="500" />
       </FacebookProvider>
     );
@@ -163,7 +210,7 @@ Star this project on [GitHub][github-url].
 
 ## Try our other React components
 
- - Translate your great project [react-translate-maker](https://github.com/CherrySoftware/react-translate-maker)
+ - Translate your great project [react-translate-maker](https://github.com/CherryProjects/react-translate-maker)
  - Google Analytics [react-g-analytics](https://github.com/seeden/react-g-analytics)
  - Google AdSense via Google Publisher Tag [react-google-publisher-tag](https://github.com/seeden/react-google-publisher-tag)
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-facebook",
-  "version": "2.2.12",
+  "version": "3.0.1",
   "description": "Facebook components like a Login button, Like, Share, Comments or Embedded Post",
   "author": {
     "name": "Zlatko Fedor",
@@ -41,11 +41,11 @@
     "eslint": "node ./node_modules/eslint/bin/eslint.js --ext .js,.jsx ./src"
   },
   "dependencies": {
-    "keymirror": "^0.1.1",
     "react-spinner-children": "^1.0.5",
     "qs": "^6.4.0",
     "can-use-dom": "^0.1.0",
-    "prop-types": "^15.5.4"
+    "prop-types": "^15.5.8",
+    "babel-runtime": "^6.23.0"
   },
   "devDependencies": {
     "babel-cli": "^6.24.1",
@@ -57,6 +57,7 @@
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
+    "babel-plugin-transform-runtime": "^6.23.0",
     "eslint": "^3.19.0",
     "eslint-config-airbnb": "^14.1.0",
     "eslint-loader": "^1.7.1",