routine.reducer.ts

import { PayloadAction, createSlice } from '@reduxjs/toolkit'
import { CategoryType } from '@shared/types/category.type'
import { ThunkEntityDTO } from '@shared/types/thunk.type'
import { RoutineManager } from '@utils/routine.manager'
import { RootState } from '../../stores'
import { startListening } from '../../stores/middleware/listener.middleware'
import { setToken } from './user.reducer'

export interface ReducerState {
    thunks: Record<CategoryType, ThunkEntityDTO | null>
}

const initialState: ReducerState = {
    thunks: {
        DEVICE: null,
        TABLE: null,
        TAB: null
    },
}


const RoutineSlice = createSlice({
    name: 'routine',
    initialState,
    reducers: {
        addRoutine: (state: any, { payload }: PayloadAction<ThunkEntityDTO>) => {
            const newThunk: ThunkEntityDTO = payload
            state.thunks[payload.category] = newThunk
        },

        removeAll: (state) => {
            state.thunks = initialState.thunks
        },
    },
})

export const { addRoutine } = RoutineSlice.actions

// on logout remove all routine
startListening({
    predicate: (action) => setToken.match(action) && action.payload === null,
    effect: async (_, listenerApi) => {
        RoutineManager.unsubscribeAll()
        listenerApi.dispatch(RoutineSlice.actions.removeAll())
    },
})

// on rehydrate add all persistet routines
// TODO -> thunk does not have the thunk function object due to its coming from the store that ignores the value.
// at this point we have to figure out how to get the thunk function out of the "string" name
// startListening({
//     predicate: ({ type }) => type === REHYDRATE,
//     effect: async (_, listenerApi) => {
//         const { routine } = listenerApi.getState() as RootState
//         for (const [_, thunk] of Object.entries<ThunkEntity>(routine.thunks)) {
//             if (!thunk) {
//                 continue
//             }
//             const dto: ThunkEntityDTO = thunk
//             listenerApi.dispatch(addRoutine(dto))
//         }
//     },
// })

/**
 * Add new routine
 * 
 * This listener handles the connection between the RoutingManager that 
 * stores the non persistable thunk object and the peristable thunk information.
 * The persistable information are stored in this reducer
 */
startListening({
    predicate: (action) => addRoutine.match(action),
    effect: async (action, listenerApi) => {
        const { thunk } = action.payload as ThunkEntityDTO
        const subscription = await listenerApi.dispatch(thunk(action.payload.payload))
        RoutineManager.add(subscription.payload, action.payload.category)
    },
})

// unsubscribe old routine
startListening({
    predicate: (action) => addRoutine.match(action),
    effect: async (action, listenerApi) => {
        const { routine } = listenerApi.getOriginalState() as RootState
        const category = action.payload.category;

        const lastThunk = routine.thunks[category as CategoryType]
        if (lastThunk) {
            RoutineManager.unsubscribe(category)
        }
    },
})

export default RoutineSlice.reducer