\n
\n )\n}\n\nexport default App\n","import React from 'react'\n\n/**\n * COMPONENT\n */\nexport const About = () => {\n return (\n \n \n \n
\n )\n}\n\nexport default About\n","import React from 'react'\nimport {connect} from 'react-redux'\n\n/**\n * COMPONENT\n */\nconst AuthForm = (props) => {\n const {displayName} = props\n\n return (\n ABOUT THE POWER SLEEP APP
\n\n {' '}\n Thank you for visiting our website!\n
\n
\n Power Sleep is an app created by three friends that just graduated\n from a full stack software engineering bootcamp. We decided to\n participate in our first hackathon together to fine tune our skills as\n programmers.\n
\n
\n You can learn more about us by clicking on our photos below!\n
\n {' '}\n When Kali heard about the NASA Space Apps challenge, she immediately\n let the other bootcamp graduates know. Despite the short notice, Lu\n and Cecilia were very interested in creating an app that could, in any\n way, shape the future of space exploration.\n
\n
\n We signed up for the challenge and came up with a simple yet powerful\n tool in under 40 hours.\n
\n {' '}\n Power Sleep is a web app that helps astronauts easily schedule their\n time around their vital tasks so that they can keep a good circadian\n sleep cycle.{' '}\n
\n\n {' '}\n The app has been kept very simple and straightforward, to not\n overcomplicate the already busy and stressful lives of astronauts.\n
\nOur clean UI helps maintain a calm and relaxing environment.
\n\n {' '}\n Power Sleep integrates with Google Calendar for simplicity and to\n remain cross-platform and device agnostic.{' '}\n
\n\n {' '}\n If you'd like to learn more about our app, the technologies used to\n build it, or us, do not hesitate to connect on LinkedIn!\n
\n\n
\n )\n}\n\n/**\n * CONTAINER\n * Note that we have two different sets of 'mapStateToProps' functions -\n * one for Login, and one for Signup. However, they share the same 'mapDispatchToProps'\n * function, and share the same Component. This is a good example of how we\n * can stay DRY with interfaces that are very similar to each other!\n */\nconst mapLogin = (state) => {\n return {\n name: 'login',\n displayName: 'Login',\n error: state.user.error,\n }\n}\n\nconst Login = connect(mapLogin)(AuthForm)\nexport default Login\n","import React, {Component} from 'react'\nimport Modal from 'styled-react-modal'\nimport {connect} from 'react-redux'\nimport SleepShiftSchedule from './sleepAlgorithm'\nimport moment from 'moment'\nimport {addEvent} from '../store'\n\nconst StyledModal = Modal.styled`\n width: 400px;\n height: 500px;\n display: flex;\n color: black;\n padding: 40px;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n background-color: white;\n opacity: 85%;\n overlfow-y: auto;\n`\n\nclass AddToCalendar extends Component {\n constructor() {\n super()\n this.state = {\n showModal: false,\n sleepEvents: [],\n }\n this.handleClick = this.handleClick.bind(this)\n this.openModal = this.openModal.bind(this)\n this.closeModal = this.closeModal.bind(this)\n }\n\n openModal() {\n this.setState({showModal: true})\n let sleepShiftSchedule = new SleepShiftSchedule(this.props.events)\n sleepShiftSchedule.utcToNumbers()\n sleepShiftSchedule.sleepShift()\n const sleepEvents = sleepShiftSchedule.numbersToEvents()\n\n this.setState({sleepEvents})\n }\n\n closeModal() {\n this.setState({showModal: false})\n }\n\n handleClick(sleepEvent) {\n this.props.addEvent(sleepEvent)\n }\n\n render() {\n const {sleepEvents} = this.state\n\n return (\n \n Disclaimer: Due to the nature of this project being a Hackathon\n challenge for studying purpose, this app is NOT verified by Google. If\n you decide to proceed by granting our app the access to your data,\n please note that we only use the data to calculate the sleep shift\n schedule and will not share it with third parties.\n
\n\n {displayName} with Google\n
\n\n \n Please select one of the following Zzzzz events to add to your\n calendar!\n {sleepEvents &&\n sleepEvents.map((sleepEvent, i) => {\n const zStart = moment(sleepEvent.start.dateTime).format('LLLL')\n const zEnd = moment(sleepEvent.end.dateTime).format('LLLL')\n\n return (\n
\n )\n }\n}\n\nconst mapState = ({user, events}) => ({user, events})\nconst mapDispatch = (dispatch) => {\n return {\n addEvent(event) {\n dispatch(addEvent(event))\n },\n }\n}\nexport default connect(mapState, mapDispatch)(AddToCalendar)\n","import React from 'react'\n\nconst Footer = () => (\n \n From {zStart} to {zEnd}\n
\n )\n })}\n \n
\n \n
\n \n\n \n
\n
\n)\n\n/**\n * CONTAINER (empty)\n */\n\nexport default Footer\n\n","/**\n * `components/index.js` exists simply as a 'central export' for our components.\n * This way, we can import all of our components from the same place, rather than\n * having to figure out which file they belong to!\n */\nexport {default as Navbar} from './navbar'\nexport {default as Splash} from './splash'\nexport {default as UserHome} from './user-home'\nexport {default as About} from './about'\nexport {default as Login} from './auth-form'\nexport {default as Footer} from './footer'\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport {connect} from 'react-redux'\nimport {logout} from '../store'\n\nconst Navbar = ({handleClick, isLoggedIn}) => (\n \n
\n ![](\"images/power.png\")
\n \n
\n
\n)\n\n/**\n * CONTAINER\n */\nconst mapState = (state) => {\n return {\n isLoggedIn: !!state.user.googleId,\n }\n}\n\nconst mapDispatch = (dispatch) => {\n return {\n handleClick() {\n dispatch(logout())\n },\n }\n}\n\nexport default connect(mapState, mapDispatch)(Navbar)\n\n/**\n * PROP TYPES\n */\nNavbar.propTypes = {\n handleClick: PropTypes.func.isRequired,\n isLoggedIn: PropTypes.bool.isRequired,\n}\n","const moment = require('moment-timezone')\n\n//Astronauts have to adjust their sleep schedule based on their mission schedule which can take a max of 3 days(72 hours), starting with flight from Houston to the launch site(either Russian or Florida), launching rocket and docking to ISS. Assuming after dock, there's one day to adjust their sleep schedule on ISS. Given a list of events, return an array of Google Calendar event (object) that contains possible time of a full 8-hour sleep cycle and nap time in a 48-hour period. They can also sleep on the plane. Use military time.\n\n// 48 hours timeline\n// houston to russia - 13 hours\n// houston to florida - 3 hours\n// earth to ISS - 24 hours\n\nexport default class SleepShiftSchedule {\n constructor(events) {\n this.events = events\n this.eventSet = new Set()\n this.unoccupied = new Map()\n this.sleepOptions = []\n }\n // covert all the Google Calendar timestamp to numbers for calculations\n utcToNumbers() {\n this.events.forEach((event) => {\n let summary = event.summary\n\n let startDate = moment\n .tz(event.start.dateTime, event.startTimeZone)\n .date()\n let endDate = moment.tz(event.end.dateTime, event.endTimeZone).date()\n let startHour = moment\n .tz(event.start.dateTime, event.startTimeZone)\n .hours()\n let endHour = moment.tz(event.end.dateTime, event.endTimeZone).hours()\n\n this.eventSet.add([summary, startDate, endDate, startHour, endHour])\n })\n }\n\n // eslint-disable-next-line complexity\n sleepShift() {\n // to make matters simple, any occupied event won't be used for sleeping\n let eventSet = Array.from(this.eventSet)\n for (let i = eventSet.length - 1; i >= 0; i--) {\n let summary = eventSet[i][0].toLowerCase()\n // case 1 takes care of flights, both short and long distant flights\n if (\n summary.includes('flight') &&\n eventSet[i][1] === eventSet[i][2] &&\n eventSet[i][4] - eventSet[i][3] >= 3\n ) {\n this.unoccupied.set(eventSet[i][3], eventSet[i][4] - eventSet[i][3])\n } else if (\n summary.includes('flight') &&\n eventSet[i][1] !== eventSet[i][2] &&\n eventSet[i][4] + 24 - eventSet[i][3] >= 3\n ) {\n this.unoccupied.set(\n eventSet[i][3],\n eventSet[i][4] + 24 - eventSet[i][3]\n )\n }\n // case 2 takes care of unoccupied time between events\n if (eventSet[i - 1] && eventSet[i][3] - eventSet[i - 1][4] >= 3) {\n this.unoccupied.set(\n eventSet[i - 1][4],\n eventSet[i][3] - eventSet[i - 1][4]\n )\n }\n }\n }\n\n // then convert the hour back to Google calendar timestamp, map timestamp to sleepEvent Object that can be posted on Google Calendar\n numbersToEvents() {\n for (let [key, value] of this.unoccupied) {\n let z = {summary: 'Zzzzz', start: {}, end: {}}\n z.start.dateTime = moment().set('hour', key).format()\n z.end.dateTime = moment()\n .set('hour', key + value)\n .format()\n this.sleepOptions.push(z)\n }\n\n return this.sleepOptions.slice(0, 3)\n }\n}\n","import React from 'react'\n\n//splash page pre-login\n\nexport const Splash = () => {\n return (\n \n \n \n
\n
\n )\n}\n\nexport default Splash\n","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\nimport moment from 'moment-timezone'\nimport AddToCalendar from './calendar-add'\nimport { Calendar, momentLocalizer } from 'react-big-calendar'\nimport 'react-big-calendar/lib/css/react-big-calendar.css'\n// a localizer for BigCalendar\nconst localizer = momentLocalizer(moment)\nimport { loadEvents } from '../store'\n\n/**\n * COMPONENT\n */\nexport class UserHome extends Component {\n async componentDidMount() {\n await this.props.loadEvents()\n }\n\n render() {\n const { firstName } = this.props.user\n let { events } = this.props\n //convert data structure to map on React Calendar\n if (events.length) {\n events = events.map((event) => {\n event = {\n ...event,\n title: event.summary,\n start: new Date(event.start.dateTime.toString()),\n startTimeZone: event.start.timeZone,\n end: new Date(event.end.dateTime.toString()),\n endTimeZone: event.end.timeZone,\n }\n return event\n })\n }\n //console.log('Events in React Component: ', events)\n\n return (\n welcome to power sleep
\n\n
\n your body and mind know best
\n keeping a regular sleep schedule helps reset your circadian rhythm. Your\n body and mind are wise, we help you be in sync with them.\n\n
\n power sleep helps you
\n Find time-slots in between your mission critical tasks that you could\n use to take a well-deserved break and align your circadian rhythm.\n\n
\n )\n }\n}\n\n/**\n * CONTAINER\n */\nconst mapState = ({ user, events }) => ({ user, events })\nconst mapDispatch = (dispatch) => {\n return {\n loadEvents() {\n dispatch(loadEvents())\n },\n }\n}\nexport default connect(mapState, mapDispatch)(UserHome)\n","import {createMemoryHistory, createBrowserHistory} from 'history'\n\nconst history =\n process.env.NODE_ENV === 'test'\n ? createMemoryHistory()\n : createBrowserHistory()\n\nexport default history\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport {Provider} from 'react-redux'\nimport {Router} from 'react-router-dom'\nimport history from './history'\nimport store from './store'\nimport App from './app'\nimport {ModalProvider} from 'styled-react-modal'\n\n// establishes socket connection\nimport './socket'\n\nReactDOM.render(\n