its a start

Author: kenwheeler

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["es2015", "react", "stage-0"],
+  "plugins": ["transform-flow-strip-types"]
+}

.eslintignore

@@ -0,0 +1,7 @@
+/demo/**
+/dist/**
+/interfaces/**
+/lib/**
+/node_modules/**
+/public/**
+/umd/**

.eslintrc

@@ -0,0 +1,11 @@
+"extends": "formidable/configurations/es6-react"
+"parser": "babel-eslint"
+"env":
+  "browser": true
+"rules":
+  "no-magic-numbers": 0
+  "no-invalid-this": 0
+  "react/sort-comp": 0
+  "comma-dangle": [2, "always-multiline"]
+  "jsx-quotes": [2, "prefer-double"]
+  "quotes": [2, "single",{"allowTemplateLiterals": true}]

.flowconfig

@@ -0,0 +1,16 @@
+[libs]
+interfaces
+
+[ignore]
+.*/dist/.*
+.*/lib/.*
+.*/umd/.*
+.*/demo/.*
+.*/node_modules/flow-bin/.*
+
+[include]
+src
+
+[options]
+esproposal.class_static_fields=enable
+esproposal.class_instance_fields=enable

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+npm-debug.log
+lib
+umd

.npmignore

@@ -0,0 +1,2 @@
+src
+dist

LICENSE.md

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2013
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

demo/character.js

@@ -0,0 +1,22 @@
+import React, { Component, PropTypes } from 'react';
+
+import {
+  Sprite,
+} from '../src';
+
+export default class Character extends Component {
+  static propTypes = {
+    state: PropTypes.number,
+  };
+  render() {
+    return (
+      <Sprite
+        animating
+        src="assets/character-sprite.png"
+        scale={4}
+        state={this.props.state}
+        states={[9, 9, 0]}
+      />
+    );
+  }
+}

demo/demo.js

@@ -0,0 +1,53 @@
+import React, { Component } from 'react';
+
+import {
+  Game,
+  Keys,
+} from '../src';
+
+import Character from './character';
+
+import './index.css';
+
+export default class Demo extends Component {
+
+  handleInput = (e) => {
+    switch (e.keyCode) {
+    case '37':
+      // left
+      break;
+    case '39':
+      // right
+      break;
+    default:
+      break;
+    }
+  };
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      character: 0,
+    };
+    this.handleClick = this.handleClick.bind(this);
+  }
+
+  handleClick() {
+    const state = this.state.character === 2 ? 0 : this.state.character + 1;
+    this.setState({
+      character: state,
+    });
+  }
+
+  render() {
+    return (
+      <Game>
+        <Keys onInput={this.handleInput} />
+        <Character state={this.state.character}/>
+        {this.state.character}
+        <button style={{ marginTop: 200 }}onClick={this.handleClick} type="button">Toggle</button>
+      </Game>
+    );
+  }
+
+}

demo/index.css

@@ -0,0 +1,6 @@
+html, body, #root {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}