Iris/src/js/bootstrap.js

import { createStore, applyMiddleware, combineReducers } from 'redux'

import ui from './services/ui/reducer'
import pusher from './services/pusher/reducer'
import mopidy from './services/mopidy/reducer'
import lastfm from './services/lastfm/reducer'
import spotify from './services/spotify/reducer'

import thunk from 'redux-thunk'
import uiMiddleware from './services/ui/middleware'
import pusherMiddleware from './services/pusher/middleware'
import mopidyMiddleware from './services/mopidy/middleware'
import spotifyMiddleware from './services/spotify/middleware'
import localstorageMiddleware from './services/localstorage/middleware'

let reducers = combineReducers({
    ui,
    pusher,
    mopidy,
    lastfm,
    spotify
});

// set application defaults
// TODO: Look at using propTypes in the component for these falsy initial states
var initialState = {
	mopidy: {
		connected: false,
		host: window.location.hostname,
		port: (window.location.port ? window.location.port : (window.location.protocol === 'https:' ? '443' : '80')),
		mute: false,
		volume: 0,
		progress: 0,
		play_state: false
	},
	pusher: {
		connected: false,
		username: 'Anonymous',
		connections: {},
		version: {
			current: '0.0.0'
		}
	},
	lastfm: {
		album: {},
		artist: {},
		track: {}
	},
	spotify: {
		connected: false,
		me: false,
		autocomplete_results: {}
	},
	ui: {
		slim_mode: false,
		current_tracklist: [],
		current_tltrack: false,
		selected_tracks: [],
		notifications: [],
		config: {
			authorization_url: 'https://jamesbarnsley.co.nz/auth_v2.php'
		}
	}
};

// if we've got a stored version of mopidy state, load and merge
if( localStorage.getItem('mopidy') ){
	var storedMopidy = JSON.parse( localStorage.getItem('mopidy') );
	initialState.mopidy = Object.assign(initialState.mopidy, storedMopidy );
}

// if we've got a stored version of pusher state, load and merge
if( localStorage.getItem('pusher') ){
	var storedPusher = JSON.parse( localStorage.getItem('pusher') );
	initialState.pusher = Object.assign(initialState.pusher, storedPusher );
}

// if we've got a stored version of spotify state, load and merge
if( localStorage.getItem('spotify') ){
	var storedSpotify = JSON.parse( localStorage.getItem('spotify') );
	initialState.spotify = Object.assign(initialState.spotify, storedSpotify );
}

// if we've got a stored version of spotify state, load and merge
if( localStorage.getItem('ui') ){
	var storedUi = JSON.parse( localStorage.getItem('ui') );
	initialState.ui = Object.assign(initialState.ui, storedUi );
}

console.log('Bootstrapping', initialState)

let store = createStore(
	reducers, 
	initialState, 
	applyMiddleware( thunk, localstorageMiddleware, uiMiddleware, mopidyMiddleware, pusherMiddleware, spotifyMiddleware )
);

export default store;