SCM-Manager/scm-ui/ui-webapp/src/createReduxStore.ts

/*
 * MIT License
 *
 * Copyright (c) 2020-present Cloudogu GmbH and Contributors
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

import thunk from "redux-thunk";
import logger from "redux-logger";
import { AnyAction, applyMiddleware, combineReducers, compose, createStore } from "redux";
import users from "./users/modules/users";
import repos from "./repos/modules/repos";
import repositoryTypes from "./repos/modules/repositoryTypes";
import changesets from "./repos/modules/changesets";
import sources from "./repos/sources/modules/sources";
import groups from "./groups/modules/groups";
import auth, { isAuthenticated } from "./modules/auth";
import pending from "./modules/pending";
import failure from "./modules/failure";
import permissions from "./repos/permissions/modules/permissions";
import config from "./admin/modules/config";
import roles from "./admin/roles/modules/roles";
import namespaceStrategies from "./admin/modules/namespaceStrategies";
import indexResources from "./modules/indexResource";
import plugins from "./admin/plugins/modules/plugins";
import { apiClient, UnauthorizedError } from "@scm-manager/ui-components";
import branches from "./repos/branches/modules/branches";

const EMPTY_STATE = {} as any;

function createReduxStore() {
  // @ts-ignore __REDUX_DEVTOOLS_EXTENSION_COMPOSE__ is defined by react dev tools
  const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

  const appReducer = combineReducers({
    pending,
    failure,
    indexResources,
    users,
    repos,
    repositoryTypes,
    changesets,
    branches,
    permissions,
    groups,
    auth,
    config,
    roles,
    sources,
    namespaceStrategies,
    plugins
  });

  // We assume that an UnauthorizedError means that the access token is expired.
  // If the token is expired we want to show an error with the login link.
  // This error should be displayed with the state (e.g. navigation) of the previous logged in user.
  // But if the user navigates away, we want to reset the state to an anonymous one.

  const reducer = (state: any, action: AnyAction) => {
    // Reset the state if the token is expired and a new action is dispatched (e.g. navigation).
    // We exclude failures, because the fetch which had triggered the unauthorized error
    // will likely end with an failure action.
    if (state.tokenExpired && !action.type.includes("FAILURE")) {
      // reset state by passing an empty state down to the app reducer
      // we do not use the captured action, because the data is derived from the old state
      return appReducer(EMPTY_STATE, { type: "_" });
    }

    // If the user is authenticated and response is an unauthorized error,
    // we assume that the token is expired.
    if (action.type === "API_CLIENT_UNAUTHORIZED" && isAuthenticated(state)) {
      return { ...state, tokenExpired: true };
    }

    // Keep the tokenExpired after calling appReducer,
    // this is required because the appReducer would remove any unknown property.
    return { ...appReducer(state, action), tokenExpired: state.tokenExpired };
  };

  const store = createStore(reducer, EMPTY_STATE, composeEnhancers(applyMiddleware(thunk, logger)));
  apiClient.onError(error => {
    if (error instanceof UnauthorizedError) {
      store.dispatch({ type: "API_CLIENT_UNAUTHORIZED", error });
    }
  });
  return store;
}

export default createReduxStore;