{"size": 1592, "ext": "js", "max_stars_repo_path": "introDataVisD3/src/main.js", "max_stars_repo_name": "SandraPicarra/screencasts", "max_stars_repo_stars_event_min_datetime": "2015-01-01T00:56:30.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-23T18:49:23.000Z", "max_issues_repo_path": "introDataVisD3/src/main.js", "max_issues_repo_name": "prangishviliAbe/screencasts", "max_issues_repo_issues_event_min_datetime": "2015-04-24T17:17:53.000Z", "max_issues_repo_issues_event_max_datetime": "2019-02-15T10:06:59.000Z", "max_forks_repo_path": "introDataVisD3/src/main.js", "max_forks_repo_name": "prangishviliAbe/screencasts", "max_forks_repo_forks_event_min_datetime": "2015-01-01T19:42:23.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-25T21:27:55.000Z"}
{"max_stars_count": 2307, "max_issues_count": 20, "max_forks_count": 2200, "avg_line_length": 27.4482758621, "max_line_length": 82, "alphanum_fraction": 0.6212311558}
import arrowKeyNavigation from "./arrowKeyNavigation.js";
import NavList from "./navList.js";
import loadData from "./loadData.js";
import Controller from "./controller.js";
import ContentPane from "./contentPane.js";

var App = React.createClass({
  getInitialState() {
    return {
      items: [],
      item: {},
      currentIndex: 0
    };
  },
  render() {
    return (
      <div className="app">

        {/* The navigation list on the left. */}
        <NavList items={this.state.items} 
                 currentIndex={this.state.currentIndex}
                 controller={this.props.controller}/>

        {/* The content on the right. */}
        <ContentPane item={this.state.item} />

      </div>
    );
  }
});

var controller = Controller();
controller.app = ReactDOM.render(
  <App controller={controller}/>,
  document.getElementById("app-container")
);

arrowKeyNavigation(controller);
loadData(controller);



//Commented out for production.
//
// // Display video from the camera on the video element.
// // Example code from http://www.html5rocks.com/en/tutorials/getusermedia/intro/
// navigator.getUserMedia  = navigator.getUserMedia ||
//                           navigator.webkitGetUserMedia ||
//                           navigator.mozGetUserMedia ||
//                           navigator.msGetUserMedia;
// 
// navigator.getUserMedia({ video: true }, function (localMediaStream) {
//   var video = document.querySelector('.face-video');
//   video.src = window.URL.createObjectURL(localMediaStream);
// }, function (e) {
//   console.log("Error " + e);
// });
