main.tsx

import 'regenerator-runtime/runtime'

import React from 'react'
import ReactDOM from 'react-dom'
import { Provider } from 'react-redux'
import { createStore, Reducer } from 'redux'
import { install } from 'redux-loop'

import App from '~components/App'
import { ActionType, State } from '~singletons/interfaces'
import reducer from '~singletons/reducer'
import {
  getSavedSpace,
  getSpace,
  clearSavedSpace,
  DEFAULT_LOCATION,
} from '~singletons/space'
import { calculateState } from '~singletons/state'

{
  // TODO TEMP
  // allow flushing cached position with #reset hash
  const hash = window.location.hash
  const RESET = '#reset'
  if (hash === RESET) {
    clearSavedSpace()
    window.location.href = window.location.href.slice(0, -RESET.length)
  }
}

const space = getSavedSpace()
const store = createStore(
  (reducer as unknown) as Reducer<State>,
  calculateState({ ms: Date.now(), space }),
  install(),
)

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root'),
)

if (!space) {
  // request user device geolocation if not already set
  getSpace()
    .then((s) => store.dispatch({ type: ActionType.Space, space: s }))
    .catch((e) => {
      alert(e.message + ', using default location (Seattle)')
      store.dispatch({ type: ActionType.Space, space: DEFAULT_LOCATION })
    })
}

// update time every second
setInterval(
  () =>
    store.dispatch({
      type: ActionType.Time,
      ms: Date.now() + store.getState().nudge,
    }),
  1000,
)

// // shift time with arrow keys
// window.addEventListener('keydown', (e) => {
//   let direction: NudgeDirection
//   let duration: NudgeDuration
//   switch (e.key) {
//     case 'm': {
//       direction = NudgeDirection.Forward
//       duration = NudgeDuration.Minute
//       break
//     }
//     case 'M': {
//       direction = NudgeDirection.Backward
//       duration = NudgeDuration.Minute
//       break
//     }
//     case 'h': {
//       direction = NudgeDirection.Forward
//       duration = NudgeDuration.Hour
//       break
//     }
//     case 'H': {
//       direction = NudgeDirection.Backward
//       duration = NudgeDuration.Hour
//       break
//     }
//     case 'd': {
//       direction = NudgeDirection.Forward
//       duration = NudgeDuration.Day
//       break
//     }
//     case 'D': {
//       direction = NudgeDirection.Backward
//       duration = NudgeDuration.Day
//       break
//     }
//     case 'w': {
//       direction = NudgeDirection.Forward
//       duration = NudgeDuration.Week
//       break
//     }
//     case 'W': {
//       direction = NudgeDirection.Backward
//       duration = NudgeDuration.Week
//       break
//     }
//     default: {
//       return
//     }
//   }
//   e.preventDefault()
//   e.stopPropagation()
//   store.dispatch({ type: ActionType.Nudge, direction, duration })
// })