freeCodeCamp/common/app/routes/challenges/redux/fetch-challenges-saga.js

import { Observable } from 'rx';
import { challengeSelector } from './selectors';
import types from './types';
import {
  fetchChallengeCompleted,
  fetchChallengesCompleted,
  updateCurrentChallenge,
  initMap
} from './actions';
import { createMapUi } from '../utils';
import {
  delayedRedirect,
  createErrorObservable
} from '../../../redux/actions';

const { fetchChallenge, fetchChallenges, replaceChallenge } = types;

function createNameIdMap(entities) {
  const { challenge } = entities;
  return {
    ...entities,
    challengeIdToName: Object.keys(challenge)
      .reduce((map, challengeName) => {
        map[challenge[challengeName].id] = challenge[challengeName].dashedName;
        return map;
      }, {})
  };
}

export default function fetchChallengesSaga(action$, getState, { services }) {
  return action$
    .filter(({ type }) => (
      type === fetchChallenges ||
      type === fetchChallenge ||
      type === replaceChallenge
    ))
    .flatMap(({ type, payload: { dashedName, block } = {} }) => {
      const state = getState();
      const lang = state.app.languageTag;
      if (type === replaceChallenge) {
        const { challenge: newChallenge } = challengeSelector({
          ...state,
          challengesApp: {
            ...state.challengesApp,
            challenge: dashedName
          }
        });
        if (state.challengesApp.challenge !== newChallenge.dashedName) {
          return Observable.just(updateCurrentChallenge(newChallenge));
        }
        return Observable.just(null);
      }
      const options = { service: 'map' };
      options.params = { lang };
      if (type === fetchChallenge) {
        options.params.dashedName = dashedName;
        options.params.block = block;
      }
      return services.readService$(options)
        .flatMap(({ entities, result, redirect } = {}) => {
          if (type === fetchChallenge) {
            return Observable.of(
              fetchChallengeCompleted(
                createNameIdMap(entities),
                result
              ),
              updateCurrentChallenge(entities.challenge[result.challenge]),
              redirect ? delayedRedirect(redirect) : null
            );
          }
          return Observable.of(
            fetchChallengesCompleted(
              createNameIdMap(entities),
              result
            ),
            initMap(createMapUi(entities, result)),
          );
        })
        .catch(createErrorObservable);
    });
}