patternplate-client/source/application/reducers/pattern.js

Universal javascript client application for patternplate

import {handleAction} from 'redux-actions';

import {
	loadPatternData, loadPatternFile, loadPatternDemo
} from '../actions';

import {handlePromiseThunkAction} from '../actions/promise-thunk-action';
import composeReducers from '../utils/compose-reducers';

const handlePatternLoad = handlePromiseThunkAction(loadPatternData, {
	start(state) {
		return {
			errors: state.errors,
			dataErrored: false,
			demoErrored: false,
			sourceErrored: false,
			dataLoading: true,
			demoLoading: Boolean(state.id),
			fileLoading: Boolean(state.sourceId),
			reloadTime: state.reloadTime,
			reloadedTime: state.reloadedTime,
			sources: state.sources
		};
	},
	success(state, {payload}, {id}) {
		const sources = state ? state.sources : {};
		const errors = state ? state.errors || [] : [];

		if (id !== payload.id) {
			return state;
		}

		return {
			...state,
			id: payload.id,
			dependencies: payload.dependencies,
			environments: payload.environments,
			dataErrored: false,
			dataLoading: false,
			files: payload.files,
			manifest: payload.manifest,
			sources,
			errors
		};
	},
	throws(state, {payload}) {
		return {
			dataLoading: false,
			errors: [...(state.errors || []), {file: null, id: state.id, payload}],
			dataErrored: true
		};
	}
}, {
	defaultValue: {},
	dependencies: ['id']
});

const handleSourceLoad = handlePromiseThunkAction(loadPatternFile, {
	start(state) {
		return {
			...state,
			sourceLoading: true,
			sourceErrored: false
		};
	},
	success(state, {payload}) {
		return {
			...state,
			sourceLoading: false,
			sourceErrored: false,
			sources: {
				...state.sources,
				[payload.id]: payload.source
			}
		};
	},
	throws(state, {payload: error}) {
		return {
			...state,
			sourceLoading: false,
			sourceErrored: true,
			errors: [...state.errors, {id: state.id, payload: error.payload}]
		};
	}
});

const handleLoadPatternDemo = handleAction(loadPatternDemo, (state, {payload: loading}) => {
	return {
		...state,
		demoErrored: false,
		demoLoading: loading,
		reloadTime: loading ? Date.now() : state.reloadTime
	};
});

const reducers = composeReducers(
	handlePatternLoad,
	handleSourceLoad,
	handleLoadPatternDemo
);

export default reducers;