import { combineReducers, configureStore } from '@reduxjs/toolkit'

import actionsReducer from './actions/actions.slice'
import metadataReducer from './metadata/metadata.slice'
import labelsReducer from './pipeline/labels.slice'
import pipelineReducer from './pipeline/pipeline.slice'
import relationsReducer from './relations/relations.slice'
import legacyReducer from './views/legacy.slice'
import viewsReducer from './views/views.slice'

const reducer = combineReducers({
  metadata: metadataReducer,
  actions: actionsReducer,
  relations: relationsReducer,
  pipeline: pipelineReducer,
  labels: labelsReducer,
  views: viewsReducer,
  // TODO: will be removed soon
  __legacy: legacyReducer,
})

export const createStore = (snapshot?: RootState) =>
  configureStore({
    preloadedState: snapshot || {},
    reducer,
    devTools: false,
    middleware: [],
  })

export type RootState = ReturnType<typeof reducer>
export type Store = ReturnType<typeof createStore>