import undoable, { StateWithHistory } from 'redux-undo';

const pointData = localStorage.getItem('userPcData') || '[]';

function overSave(name: string, data: any) {
  localStorage.setItem(name, JSON.stringify(data));
}

export default {
  namespace: 'editorPcModal',
  state: {
    pointData: [],
    curPoint: null,
  },
  reducers: [
    {
      addPointData(state: any, { payload }: any) {
        let pointData = [...state.pointData, payload];
        overSave('userPcData', pointData);
        return {
          ...state,
          pointData,
          curPoint: payload,
        };
      },
      modPointData(state: any, { payload }: any) {
        const { id } = payload;
        const pointData = state.pointData.map((item: any) => {
          if (item.id === id) {
            return payload;
          }
          return { ...item };
        });
        overSave('userPcData', pointData);
        return {
          ...state,
          pointData,
          curPoint: payload,
        };
      },
      delPointData(state: any, { payload }: any) {
        const { id } = payload;
        const pointData = state.pointData.filter((item: any) => item.id !== id);
        overSave('userPcData', pointData);
        return {
          ...state,
          pointData,
          curPoint: null,
        };
      },
      clearAll(state: any) {
        overSave('userPcData', []);
        return {
          ...state,
          pointData: [],
          curPoint: null,
        };
      },
    },
    (reducer) => {
      let undoReducer = undoable(reducer);
      return function (state, action) {
        let newState = undoReducer(state, action);
        let router = newState.present.router ? newState.present.router : newState.present.routing;
        return { ...newState, ...newState.present, router: router };
      };
    }],
  effects: {},
};