routine.reducer.ts

import { PayloadAction, createSlice } from '@reduxjs/toolkit'
import { RoutineManager } from '@utils/routine.manager'
import { REHYDRATE } from 'redux-persist'
import { RootState } from '../../stores'
import { startListening } from '../../stores/middleware/listener.middleware'
import { setToken } from './user.reducer'

interface ThunkEntityDTO {
    thunk: any
    payload: any

    /**
     * Only one subscription per category is allowed. New subscription will unsubscribe and overwrite the old one
     */
    category: CATEGORIES
}

interface ThunkEntity extends ThunkEntityDTO {
    id?: number
    locked: boolean
}

export interface ReducerState {
    thunks: { [key in keyof typeof CATEGORIES]: ThunkEntity | null }
}

export enum CATEGORIES {
    TABLE,
    TAB,
}

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

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

        setThunkId: (state, { payload }: PayloadAction<{ id: number; category: CATEGORIES }>) => {
            const thunk = state.thunks[CATEGORIES[payload.category]]

            if (!thunk) {
                // TODO
                throw new Error('Thunk not found')
            }

            state.thunks[CATEGORIES[payload.category]] = { ...thunk, id: payload.id, locked: false }
        },

        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
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) {
                return
            }

            const dto: ThunkEntityDTO = thunk
            listenerApi.dispatch(addRoutine(dto))
        }
    },
})

// unsubscribe old routine
startListening({
    predicate: (action) => addRoutine.match(action),
    effect: async (action, listenerApi) => {
        const { routine } = listenerApi.getOriginalState() as RootState
        const lastThunk = routine.thunks[CATEGORIES[action.payload.category]]
        if (lastThunk) {
            RoutineManager.unsubscribe(lastThunk.id)
        }
    },
})

// add new routine
startListening({
    predicate: (action) => addRoutine.match(action),
    effect: async (action, listenerApi) => {
        const { thunk } = action.payload as ThunkEntity
        const subscription = await listenerApi.dispatch(thunk(action.payload.payload))
        const thunkId = await RoutineManager.add(subscription.payload)
        listenerApi.dispatch(
            RoutineSlice.actions.setThunkId({ id: thunkId, category: action.payload.category })
        )
    },
})

export default RoutineSlice.reducer