quintodrome/ui/src/store/createAdminStore.js
Deluan Quintão fcdd30ba8f
build(ui): migrate from CRA/Jest to Vite/Vitest (#3311)
* feat: create vite project

* feat: it's alive!

* feat: `make dev` working!

* feat: replace custom serviceWorker with vite plugin

* test: replace Jest with Vitest

* fix: run prettier

* fix: skip eslint for now.

* chore: remove ui.old folder

* refactor: replace lodash.pick with simple destructuring

* fix: eslint errors (wip)

* fix: eslint errors (wip)

* fix: display-name eslint errors (wip)

* fix: no-console eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: build

* fix: pwa manifest

* refactor: pwa manifest

* refactor: simplify PORT configuration

* refactor: rename simple JS files

* test: cover playlistUtils

* fix: react-image-lightbox

* feat(ui): add sourcemaps to help debug issues
2024-09-28 11:54:36 -04:00

76 lines
2 KiB
JavaScript

import {
applyMiddleware,
combineReducers,
compose,
legacy_createStore as createStore,
} from 'redux'
import { routerMiddleware, connectRouter } from 'connected-react-router'
import createSagaMiddleware from 'redux-saga'
import { all, fork } from 'redux-saga/effects'
import { adminReducer, adminSaga, USER_LOGOUT } from 'react-admin'
import throttle from 'lodash.throttle'
import { loadState, saveState } from './persistState'
const createAdminStore = ({
authProvider,
dataProvider,
history,
customReducers = {},
}) => {
const reducer = combineReducers({
admin: adminReducer,
router: connectRouter(history),
...customReducers,
})
const resettableAppReducer = (state, action) =>
reducer(action.type !== USER_LOGOUT ? state : undefined, action)
const saga = function* rootSaga() {
yield all([adminSaga(dataProvider, authProvider)].map(fork))
}
const sagaMiddleware = createSagaMiddleware()
const composeEnhancers =
(process.env.NODE_ENV === 'development' &&
typeof window !== 'undefined' &&
window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ &&
window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
trace: true,
traceLimit: 25,
})) ||
compose
const persistedState = loadState()
if (persistedState?.player?.savedPlayIndex) {
persistedState.player.playIndex = persistedState.player.savedPlayIndex
}
const store = createStore(
resettableAppReducer,
persistedState,
composeEnhancers(
applyMiddleware(sagaMiddleware, routerMiddleware(history)),
),
)
store.subscribe(
throttle(() => {
const state = store.getState()
saveState({
theme: state.theme,
player: (({ queue, volume, savedPlayIndex }) => ({
queue,
volume,
savedPlayIndex,
}))(state.player),
albumView: state.albumView,
settings: state.settings,
})
}),
1000,
)
sagaMiddleware.run(saga)
return store
}
export default createAdminStore