index.ios.js

global.Buffer = require("buffer").Buffer
import React from "react"
import {AppRegistry} from "react-native"
import RootNavigation from "./navigation/RootNavigation"
import {Provider} from "react-redux"
import {createStore} from "redux"
import redux from "./redux"
import socket from "./socket"

const store = createStore(redux)

function moduleFound(module) {
  switch (module.type) {
    case "FOOD": {
      store.dispatch({
        type: "SET_MODULE",
        payload: {
          name: "Food Dispenser",
          icon: {
            type: "material-community",
            name: "silverware-variant",
          },
          component: "FoodDispenser",
          id: module.id,
          type: module.type,
        },
      })
      break
    }
    case "WATER": {
      store.dispatch({
        type: "SET_MODULE",
        payload: {
          name: "Water Dispenser",
          icon: {
            type: "simple-line-icon",
            name: "drop",
          },
          component: "WaterDispenser",
          id: module.id,
          type: module.type,
        },
      })
      break
    }
    case "LITTER": {
      store.dispatch({
        type: "SET_MODULE",
        payload: {
          name: "Litter",
          icon: {
            type: "simple-line-icon",
            name: "drop",
          },
          component: "Litter",
          id: module.id,
          type: module.type,
        },
      })
      break
    }
    case "LASER": {
      store.dispatch({
        type: "SET_MODULE",
        payload: {
          name: "Laser Control",
          icon: {
            type: "material-community",
            name: "silverware-variant",
          },
          component: "LaserController",
          id: module.id,
          type: module.type,
        },
      })
      break
    }
  }
}

socket.on("connect", () => {
  socket.emit("type", "MOBILE")
})
socket.on("module", moduleFound)
socket.on("dispatch", data => {
  const module = store.getState()[data.id]
  switch (data.action) {
    case "measure":
      store.dispatch({
        type: "SET_MODULE",
        payload: {...module, weight: data.payload},
      })
      break
    case "histogram":
      store.dispatch({
        type: "SET_MODULE",
        payload: {...module, histogram: data.payload},
      })
  }
})
socket.on("leave", id => {
  store.dispatch({
    type: "DELETE_MODULE",
    payload: id,
  })
})

const Root = () =>
  <Provider store={store}>
    <RootNavigation />
  </Provider>

AppRegistry.registerComponent("Domopets", () => Root)