create-store.ts

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

import { createStore, applyMiddleware, type Middleware } from 'redux';
import { thunk, type ThunkMiddleware } from 'redux-thunk';
import { createLogger } from 'redux-logger';
import reducers from 'firefox-profiler/reducers';
import type { Action, State, Store } from 'firefox-profiler/types';

/**
 * Isolate the store creation into a function, so that it can be used outside of the
 * app's execution context, e.g. for testing.
 * @return {object} Redux store.
 */
export default function initializeStore(): Store {
  let loggerMiddleware: Middleware<Action> | null = null;
  if (process.env.NODE_ENV === 'development') {
    loggerMiddleware = createLogger({
      collapsed: true,
      titleFormatter: (action, _time, duration) =>
        `[action]    ${action.type} (in ${duration.toFixed(2)} ms)`,
      logErrors: false,
      duration: true,
    });
  }

  const thunkMiddleware: ThunkMiddleware<State, Action> = thunk;
  const enhancer = loggerMiddleware
    ? applyMiddleware(thunkMiddleware, loggerMiddleware)
    : applyMiddleware(thunkMiddleware);
  return createStore<State, Action>(reducers, enhancer);
}