version 1.5

.travis.yml

@@ -1,6 +1,8 @@
 language: node_js
 node_js:
 - 0.10.33
+before_deploy:
+- npm run demo
 deploy:
   provider: heroku
   api_key:

demo/index.js

@@ -1,9 +1,8 @@
-var React = require('react'),
-  ReactGmaps = require('../dist'),
-  Events = require('../dist/components/events');
-var { Gmaps, Marker } = ReactGmaps;
+import React from 'react';
+import {Gmaps, Marker} from '../dist';
+import Events from '../dist/components/events';
 
-var styles = {
+let styles = {
   item: {
     backgroundColor: 'white',
     transition: 'background-color 0.2s linear'
@@ -13,16 +12,16 @@ var styles = {
   }
 };
 
-var App = React.createClass({
+let App = React.createClass({
 
   render() {
 
-    var events = [];
-    var handlers = {};
-    for (var _event in Events) {
+    let events = [];
+    let handlers = {};
+    for (let _event in Events) {
       if (Events.hasOwnProperty(_event)) {
         events.push(
-          <li ref={Events[_event]} style={styles.item}>
+          <li key={Events[_event]} ref={Events[_event]} style={styles.item}>
             {Events[_event]}
           </li>
         );
@@ -49,7 +48,7 @@ var App = React.createClass({
   },
 
   handler(_event) {
-    var item = this.refs[_event].getDOMNode();
+    let item = this.refs[_event].getDOMNode();
     item.style.backgroundColor = '#99ccff';
     setTimeout(function() {
       item.style.backgroundColor = styles.item.backgroundColor;

dist/components/__tests__/gmaps-test.js

@@ -8,7 +8,7 @@ describe("Gmaps", function () {
   var TestUtils = React.addons.TestUtils;
   var Gmaps = require("../gmaps");
 
-  var gmaps;
+  var gmaps = undefined;
   var width = "100%";
   var height = "100%";
   var style = {

dist/components/__tests__/marker-test.js

@@ -8,7 +8,7 @@ describe("Marker", function () {
   var TestUtils = React.addons.TestUtils;
   var Marker = require("../marker");
 
-  var marker;
+  var marker = undefined;
 
   beforeEach(function () {
     window.google = {

package.json

@@ -1,13 +1,12 @@
 {
   "name": "react-gmaps",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "A Google Maps component for React.js",
   "main": "dist/index.js",
   "scripts": {
     "build": "babel ./src --out-dir ./dist",
-    "pretest": "jsxhint --harmony ./src",
+    "pretest": "jsxhint --babel ./src",
     "test": "jest",
-    "postinstall": "npm run demo",
     "demo": "browserify ./demo/index.js -o ./demo/build.js",
     "start": "node server"
   },
@@ -28,27 +27,26 @@
   "homepage": "https://github.com/MicheleBertoli/react-gmaps",
   "devDependencies": {
     "babel": "^4.7.16",
+    "babel-jest": "^4.0.0",
+    "babelify": "^5.0.4",
     "jest-cli": "^0.2.2",
-    "jsxhint": "^0.9.0"
+    "jsxhint": "^0.13.3"
   },
   "dependencies": {
     "browserify": "^8.1.3",
     "express": "^4.11.2",
-    "react": "^0.13.1",
-    "reactify": "^1.0.0"
+    "react": "^0.13.1"
   },
   "browserify": {
     "transform": [
       [
-        "reactify",
-        {
-          "es6": true
-        }
+        "babelify"
       ]
     ]
   },
   "jest": {
-    "scriptPreprocessor": "<rootDir>/preprocessor.js",
+    "testPathDirs": ["./src"],
+    "scriptPreprocessor": "<rootDir>/node_modules/babel-jest",
     "unmockedModulePathPatterns": [
       "<rootDir>/node_modules/react"
     ]

src/components/__tests__/gmaps-test.js

@@ -2,18 +2,18 @@ jest.dontMock('../gmaps');
 
 describe('Gmaps', () => {
 
-  var React = require('react/addons');
-  var TestUtils = React.addons.TestUtils;
-  var Gmaps = require('../gmaps');
+  let React = require('react/addons');
+  let TestUtils = React.addons.TestUtils;
+  let Gmaps = require('../gmaps');
 
-  var gmaps;
-  var width = '100%';
-  var height = '100%';
-  var style = {
+  let gmaps;
+  let width = '100%';
+  let height = '100%';
+  let style = {
     backgroundColor: 'black'
   };
-  var className = 'className';
-  var onMapCreated = jest.genMockFunction();
+  let className = 'className';
+  let onMapCreated = jest.genMockFunction();
 
   beforeEach(() => {
     delete window.google;

src/components/__tests__/marker-test.js

@@ -2,11 +2,11 @@ jest.dontMock('../marker');
 
 describe('Marker', () => {
 
-  var React = require('react/addons');
-  var TestUtils = React.addons.TestUtils;
-  var Marker = require('../marker');
+  let React = require('react/addons');
+  let TestUtils = React.addons.TestUtils;
+  let Marker = require('../marker');
 
-  var marker;
+  let marker;
 
   beforeEach(() => {
     window.google = {