reducers.js

import { combineReducers } from "redux";
const initState = {
  scene: null,
  camera: null,
  cameraHandler: null,
  renderer: null,
  controls: null,
  points: [],
  lines: [],
  shapes: [],
};
const singleShapeState = {
  scene: null,
  camera: null,
  cameraHandler: null,
  renderer: null,
};
const saveInitState = {
  items: [],
  //each item has shapes, lines, points and name
};
const initCurrentUserState = {
  user: {},
};
const initMiscData = {
  canRetrieve: true,
  disableCamera: false,
};

const basicComponentsReducer = (state = initState, action) => {
  switch (action.type) {
    case "SET_SCENE": {
      state.scene = action.scene;
      return state;
    }
    case "SET_CONTROLS": {
      state.controls = action.controls;
      return state;
    }
    case "SET_CAMERA": {
      state.camera = action.camera;
      return state;
    }
    case "SET_CAMERA_HANDLER": {
      state.cameraHandler = action.cameraHandler;
      return state;
    }
    case "SET_RENDERER": {
      state.renderer = action.renderer;
      return state;
    }
    case "SET_POINTS": {
      state.points = action.points; //[...state.points,action.point]
      return state;
    }
    case "SET_LINES": {
      state.lines = action.lines;
      return state;
    }
    case "ADD_LINE": {
      if (state.lines == null) state.lines = [];
      state.lines.push(action.line);
      return state;
    }
    case "REMOVE_LINE": {
      state.lines = state.lines.filter((item) => item !== action.line);
      return state;
    }
    case "SET_SHAPES": {
      state.shapes = action.shapes;
      return state;
    }
    case "ADD_SHAPE": {
      if (!state.shapes) state.shapes = [];
      state.shapes.push(action.shape);
      return state;
    }
    case "REMOVE_SHAPE": {
      state.shapes = state.shapes.filter((item) => item !== action.shape);
      return state;
    }
    default: {
      return state;
    }
  }
};
const saveComponentsReducer = (state = saveInitState, action) => {
  switch (action.type) {
    case "ADD_SAVE_ITEM": {
      if (!state.items) state.items = [];
      state.items.push(action.item);
      return {
        ...state,
        items: state.items,
      };
    }
    case "REMOVE_SAVE_ITEM": {
      //state.items = state.items.filter((item) => item !== action.item);
      return {
        ...state,
        items: state.items.filter((item) => item !== action.item),
      };
    }
    case "SET_SAVE_ITEM": {
      return {
        ...state,
        items: action.items,
      };
    }
    default: {
      return state;
    }
  }
};
const currentUserReducer = (state = initCurrentUserState, action) => {
  switch (action.type) {
    case "SET_CURRENT_USER": {
      state.user = action.user;
      return state;
    }
    default: {
      return state;
    }
  }
};
const miscDataReducer = (state = initMiscData, action) => {
  switch (action.type) {
    case "SET_DISABLE_CAMERA": {
      state.disableCamera = action.disableCamera;
      return state;
    }
    default: {
      return state;
    }
  }
};
const singleShapeComponentsReducer = (state = singleShapeState, action) => {
  switch (action.type) {
    case "SET_SINGLE_CAMERA": {
      state.camera = action.camera;
      return state;
    }
    case "SET_SINGLE_RENDERER": {
      state.renderer = action.renderer;
      return state;
    }
    case "SET_SINGLE_CAMERA_HANDLER": {
      state.cameraHandler = action.cameraHandler;
      return state;
    }
    case "SET_SINGLE_SCENE": {
      state.scene = action.scene;
      return state;
    }
    default: {
      return state;
    }
  }
};

export default combineReducers({
  basicComponents: basicComponentsReducer,
  saveComponents: saveComponentsReducer,
  currentUser: currentUserReducer,
  miscData: miscDataReducer,
  singleShapeComponents: singleShapeComponentsReducer,
});