transpile to work without ES6 loader

Author: FezVrasta

.gitignore

@@ -0,0 +1,3 @@
+.DS_Store
+dist/
+node_modules/

package.json

@@ -2,9 +2,9 @@
   "name": "react-resize-aware",
   "version": "1.0.0",
   "description": "A resize aware component used to detect sizes changes on your components",
-  "main": "index.js",
+  "main": "dist/resizeAware.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "prepublish": "webpack -p && echo `gzip -c dist/ink.js | wc -c`"
   },
   "repository": {
     "type": "git",
@@ -25,5 +25,12 @@
   "bugs": {
     "url": "https://github.com/FezVrasta/react-resize-aware/issues"
   },
-  "homepage": "https://github.com/FezVrasta/react-resize-aware#readme"
+  "homepage": "https://github.com/FezVrasta/react-resize-aware#readme",
+  "devDependencies": {
+    "babel-core": "~5",
+    "babel-loader": "~5",
+    "react": "~15.0.1",
+    "react-dom": "~15.0.1",
+    "webpack": "~1"
+  }
 }

index.js src/index.jsindex.js renamed to src/index.js

@@ -1,12 +1,13 @@
 //
-// OnComponentResize component
+// react-resize-aware component
 //
 // Triggers a `resize` event everytime the component changes its sizes
-// React Component by Federico Zivolo
+// MIT License
+// Copyright 2016, Federico Zivolo
 //
 
-import React, { Component } from 'react'
-import { findDOMNode } from 'react-dom'
+let React = require('react')
+let findDOMNode = require('react-dom').findDOMNode
 
 // cross browser requestAnimationFrame
 const requestFrame = (function(){
@@ -47,7 +48,7 @@ function resizeListener(e) {
   })
 }
 
-export default class OnComponentResize extends Component {
+let ResizeAware = React.createClass({
   render() {
     let rootStyle = this.props.style
     if (rootStyle.position === 'initial') {
@@ -75,24 +76,23 @@ export default class OnComponentResize extends Component {
           onLoad={ (e) => { this.objectLoad(e) } } />
       </div>
     )
-  }
+  },
 
   componentDidMount() {
     // init the resizeElement
     this.refs.resizeElement.data = 'about:blank'
-  }
+  },
 
   componentWillUnmount() {
     this.state.resizeTarget.removeEventListener('resize', this.state.resizeFn)
-  }
+  },
 
   // function called on component resize
   // a `resize` event will be triggered on the component
   onResize(evt) {
     var event = new Event('resize')
-    console.log(findDOMNode(this))
     findDOMNode(this).dispatchEvent(event)
-  }
+  },
 
   // called when the object is loaded
   objectLoad(evt) {
@@ -102,7 +102,7 @@ export default class OnComponentResize extends Component {
     }, function() {
       this.state.resizeTarget.addEventListener('resize', this.state.resizeFn)
     })
-
   }
+})
 
-}
+module.exports = ResizeAware

webpack.config.js

@@ -0,0 +1,32 @@
+var Path = require('path')
+
+module.exports = {
+  entry: './src/index.js',
+
+  devtool: 'source-map',
+
+  output: {
+    libraryTarget: 'commonjs2',
+    path: Path.resolve(__dirname, 'dist'),
+    filename: 'resizeAware.js'
+  },
+
+  externals: {
+    react: 'react'
+  },
+
+  resolve: {
+    extensions: ['', '.js']
+  },
+
+  module: {
+    loaders: [{
+      exclude: /node_modules/,
+      loader: 'babel',
+      query: {
+        stage: 2,
+        loose: 'all'
+      }
+    }]
+  }
+}