import ReactDOM from 'react-dom'
import React from 'react'
import { Root } from './app.jsx'
import update from 'immutability-helper';

import { createStore, applyMiddleware } from 'redux'
import logger from 'redux-logger'

import { DepTree } from './depTree.mjs'




function reducer(state = {}, action) {
  switch (action.type) {
    case 'rx-sketch':
      return update(state, {
        treeEntries: {
          byId: { [action.obj.obj3d.name]: { $set: action.obj } },
          allIds: { $push: [action.obj.obj3d.name] },
          tree: { [action.obj.obj3d.name]: { $set: {} } },
          order: { [action.obj.obj3d.name]: { $set: state.treeEntries.allIds.length } }
        },
      })

    case 'set-active-sketch':
      return update(state, {
        activeSketchId: { $set: action.sketch },
      })
    case 'exit-sketch':
      return {
        ...state, activeSketchId: ''
      }
    case 'rx-extrusion':

      return update(state, {
        treeEntries: {
          byId: {
            [action.mesh.name]: { $set: action.mesh }
          },
          allIds: { $push: [action.mesh.name] },
          tree: {
            [action.sketchId]: { [action.mesh.name]: { $set: true } },
          },
          order: { [action.mesh.name]: { $set: state.treeEntries.allIds.length } }
        }
      })

    case 'delete-node':

      const depTree = new DepTree(state.treeEntries)

      const obj = depTree.deleteNode(action.id)


      return update(state, {
        treeEntries: {$set: obj}
      })



    case 'restore-state':
      return action.state
    default:
      return state
  }
}



const preloadedState = {
  treeEntries: {
    byId: {},
    allIds: [],
    tree: {},
    order: {},
  },
}





window.store = createStore(reducer, preloadedState, applyMiddleware(logger))




document.addEventListener('DOMContentLoaded', () => {
  ReactDOM.render(
    React.createElement(Root, { store: store }, null)
    , document.getElementById('react')
  );
});