add version of react package v0.12.2

README.md

@@ -20,7 +20,7 @@ Installing this component is very easy and it has just one dependency: [React](h
   $ bower install --save react-video
 ```
 
-- Or if you want to [download the lastest release](https://github.com/pedronauck/react-video/archive/v1.3.0.zip) and put in your website, it will work too!
+- Or if you want to [download the lastest release](https://github.com/pedronauck/react-video/archive/v1.4.0.zip) and put in your website, it will work too!
 
 **NOTICE:** You need just one thing to make the component work. Put the [base component style](./dist/react-video.css) at the `<header>` tag. If you don't wanna use the `.css` extension, you can get the `.styl` or `.scss` extension at the folder `./lib`.
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "react-video",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "React component to load video from Vimeo or Youtube across any device",
   "homepage": "https://github.com/pedronauck/react-video",
   "authors": [

dist/react-video.css

@@ -1,6 +1,6 @@
 /*
  * React Video - React component to load video from Vimeo or Youtube across any device
- * @version v1.3.0
+ * @version v1.4.0
  * @link https://github.com/pedronauck/react-video
  * @license MIT
  * @author Pedro Nauck (https://github.com/pedronauck)

dist/react-video.js

@@ -1,6 +1,6 @@
 /*
  * React Video - React component to load video from Vimeo or Youtube across any device
- * @version v1.3.0
+ * @version v1.4.0
  * @link https://github.com/pedronauck/react-video
  * @license MIT
  * @author Pedro Nauck (https://github.com/pedronauck)
@@ -87,10 +87,10 @@ return /******/ (function(modules) { // webpackBootstrap
 	    };
 	  },
 	  isYoutube:function() {
-	    return this.props.from === 'youtube' || isNaN(this.props.id);
+	    return this.props.from === 'youtube' || isNaN(this.props.videoId);
 	  },
 	  isVimeo:function() {
-	    return this.props.from === 'vimeo' || !isNaN(this.props.id);
+	    return this.props.from === 'vimeo' || !isNaN(this.props.videoId);
 	  },
 	  componentDidMount:function() {
 	    this.isYoutube() && this.fetchYoutubeData();

docs/index.html

@@ -24,7 +24,7 @@
       <h1 class="title">React Video</h1>
       <ul class="github-buttons">
         <li>
-          <a href="https://github.com/pedronauck/react-video/archive/v1.3.0.zip">Download v1.3.0</a>
+          <a href="https://github.com/pedronauck/react-video/archive/v1.4.0.zip">Download v1.4.0</a>
         </li>
         <li>
           <a href="http://github.com/pedronauck/react-video">
@@ -113,8 +113,8 @@ <h2 class="section-title">Usage</h2>
     Made with ❤︎ by <a href="http://github.com/pedronauck">Pedro Nauck</a>
   </footer>
 
-  <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.11.2/react-with-addons.min.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.11.2/JSXTransformer.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.2/react-with-addons.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.2/JSXTransformer.js"></script>
   <script src="js/react-video.min.js"></script>
   <script src="js/highlight.pack.js"></script>
   <script>hljs.initHighlightingOnLoad();</script>

docs/js/app.js

@@ -6,14 +6,14 @@
   var $vimeoBtn = document.querySelector('.cover-button-item[data-from="vimeo"]');
   var mountNode = document.querySelector('#cover-video');
 
-  React.renderComponent(<Video from='youtube' videoId='gZD0ahZHgBM' />, mountNode);
+  React.render(<Video from='youtube' videoId='gZD0ahZHgBM' />, mountNode);
 
   $youtubeBtn.addEventListener('click', function(ev) {
     $youtubeBtn.classList.add('is-active');
     $vimeoBtn.classList.remove('is-active');
 
     React.unmountComponentAtNode(mountNode);
-    React.renderComponent(<Video from='youtube' videoId='gZD0ahZHgBM' />, mountNode);
+    React.render(<Video from='youtube' videoId='gZD0ahZHgBM' />, mountNode);
     ev.preventDefault();
   });
 
@@ -22,7 +22,7 @@
     $youtubeBtn.classList.remove('is-active');
 
     React.unmountComponentAtNode(mountNode);
-    React.renderComponent(<Video from='vimeo' videoId='63836620' />, mountNode);
+    React.render(<Video from='vimeo' videoId='63836620' />, mountNode);
     ev.preventDefault();
   });
 })();

example/index.html

@@ -32,20 +32,20 @@
       <div id="video-vimeo"></div>
     </div>
 
-    <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.11.2/react-with-addons.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.11.2/JSXTransformer.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.2/react-with-addons.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.2/JSXTransformer.js"></script>
     <script src="react-video.js"></script>
     <script type="text/jsx">
       /** @jsx React.DOM */
       var Video = ReactVideo;
 
-      React.renderComponent(
-        <Video from='youtube' videoId='jhg8XRTorYg' />,
+      React.render(
+        <Video videoId='jhg8XRTorYg' />,
         document.getElementById('video-youtube')
       );
 
-      React.renderComponent(
-        <Video from='vimeo' videoId='108843586' />,
+      React.render(
+        <Video videoId='108843586' />,
         document.getElementById('video-vimeo')
       );
     </script>

lib/react-video.jsx

@@ -23,10 +23,10 @@ module.exports = React.createClass({
     };
   },
   isYoutube() {
-    return this.props.from === 'youtube' || isNaN(this.props.id);
+    return this.props.from === 'youtube' || isNaN(this.props.videoId);
   },
   isVimeo() {
-    return this.props.from === 'vimeo' || !isNaN(this.props.id);
+    return this.props.from === 'vimeo' || !isNaN(this.props.videoId);
   },
   componentDidMount() {
     this.isYoutube() && this.fetchYoutubeData();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-video",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "React component to load video from Vimeo or Youtube across any device",
   "author": {
     "name": "Pedro Nauck",
@@ -47,7 +47,7 @@
     ]
   },
   "peerDependencies": {
-    "react": ">=0.11.0"
+    "react": ">=0.12.2"
   },
   "devDependencies": {
     "browser-sync": "^1.5.2",
@@ -60,10 +60,10 @@
     "gulp-stylus": "^1.3.3",
     "gulp-util": "^3.0.1",
     "jest-cli": "^0.1.18",
-    "jsx-loader": "^0.11.2",
+    "jsx-loader": "^0.12.2",
     "lodash": "^2.4.1",
     "nib": "^1.0.4",
-    "react-tools": "^0.11.2",
+    "react-tools": "^0.12.2",
     "webpack": "^1.4.4",
     "yargs": "^1.3.2"
   }