real babel build

Author: stutrek

Components.js

@@ -10,15 +10,15 @@
  "scrollmonitor": "^1.0.13"
  },
  "devDependencies": {
- "babel-core": "^6.18.0",
- "babel-loader": "^6.2.6",
- "babel-plugin-transform-object-assign": "^6.8.0",
- "babel-preset-es2015": "^6.18.0",
- "babel-preset-react": "^6.16.0",
+ "babel-cli": "^6.18.0",
+ "babel-core": "^6.2.1",
+ "babel-preset-es2015": "^6.3.13",
+ "babel-preset-react": "^6.3.13",
  "babel-preset-stage-0": "^6.16.0"
  },
  "scripts": {
- "test": "echo \"Error: no test specified\" && exit 1"
+ "test": "echo \"Error: no test specified\" && exit 1",
+ "build": "babel ./src/Components.js -o ./Components.js --source-maps"
  },
  "repository": {
  "type": "git",
@@ -28,6 +28,13 @@
  "scrolling",
  "parallax"
  ],
+ "babel": {
+ "presets": [
+ "es2015",
+ "react",
+ "stage-0"
+ ]
+ },
  "author": "Stu Kabakoff <sakabako@gmail.com>",
  "license": "MIT",
  "bugs": {

Components.js.map

@@ -0,0 +1,70 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import parallax from './index';
+
+export const ParallaxRoot = (Component) => class ParallaxRoot extends React.Component {
+constructor () {
+super();
+this.state = {root: null};
+}
+
+componentDidMount () {
+var el = ReactDOM.findDOMNode(this);
+this.setState({
+root: parallax.create(el, this.props.parallaxOffsets)
+});
+}
+
+render () {
+return (<Component {...this.props} parallaxRoot={this.state.root} />);
+}
+};
+
+export class ParallaxItem extends React.Component {
+
+initializeParallax (parallaxRoot) {
+var el = ReactDOM.findDOMNode(this);
+if (this.props.speed) {
+parallaxRoot.add(el, this.props.speed);
+} else {
+var options = {
+start: {},
+end: {},
+easing: {}
+};
+Object.keys(this.props).forEach((prop) => {
+var keyArray = prop.split('-');
+var mainKey = keyArray[0];
+var childKey = keyArray[1];
+
+switch (mainKey) {
+case 'start':
+case 'end':
+case 'easing':
+options[mainKey] = options[mainKey] || {};
+options[mainKey][childKey] = this.props[prop];
+}
+});
+parallaxRoot.add(el, options);
+}
+}
+
+componentDidMount () {
+if (this.props.parallaxRoot) {
+this.initializeParallax(this.props.parallaxRoot);
+}
+}
+
+componentWillReceiveProps (newProps) {
+if (newProps.parallaxRoot && !this.props.parallaxRoot) {
+this.initializeParallax(newProps.parallaxRoot);
+}
+}
+
+render () {
+return (<div className={this.props.className || ''} data-parallax-item>
+{this.props.children}
+</div>);
+}
+}