Iris/src/js/services/localstorage/middleware.js

const localstorageMiddleware = (function(){

    /**
     * The actual middleware inteceptor
     **/
    return store => next => action => {

        // proceed as normal first
        // this way, any reducers and middleware do their thing BEFORE we store our new state
        next(action);

        // append our state to a global variable. This gives us access to debug the store at any point
        window._store = store
        console.log(action)

        switch( action.type ){

            case 'PUSHER_CONNECTED':
                var pusher = JSON.parse( localStorage.getItem('pusher') );
                if( !pusher ) pusher = {};
                Object.assign(
                    pusher,{
                        username: action.connection.username,
                        connectionid: action.connection.connectionid
                    }
                );
                localStorage.setItem('pusher', JSON.stringify(pusher));
                break;

            case 'PUSHER_SET_PORT':
                var pusher = JSON.parse( localStorage.getItem('pusher') );
                if( !pusher ) pusher = {};
                Object.assign( pusher, { port: action.port } );
                localStorage.setItem('pusher', JSON.stringify(pusher));
                break;

            case 'PUSHER_CHANGE_USERNAME':
                var stored_pusher = JSON.parse( localStorage.getItem('pusher') )
                var pusher = Object.assign({}, stored_pusher, { username: action.data.connection.username })
                localStorage.setItem('pusher', JSON.stringify(pusher))
                break;

            case 'MOPIDY_SET_CONFIG':
                var mopidy = {
                    host: action.config.host,
                    port: action.config.port
                };
                localStorage.setItem('mopidy', JSON.stringify(mopidy));
                break;

            case 'MOPIDY_URISCHEMES_FILTERED':
                var mopidy = JSON.parse( localStorage.getItem('mopidy') );
                if( !mopidy ) mopidy = {};
                Object.assign( mopidy, { uri_schemes: action.data });
                localStorage.setItem('mopidy', JSON.stringify(mopidy));
                break;

            case 'SPOTIFY_SET_CONFIG':
                var spotify = JSON.parse( localStorage.getItem('spotify') );
                if( !spotify ) spotify = {};
                Object.assign(
                    spotify,{
                        country: action.config.country, 
                        locale: action.config.locale
                    }
                );
                localStorage.setItem('spotify', JSON.stringify(spotify));
                break;

            case 'SPOTIFY_AUTHORIZATION_GRANTED':
                var spotify = JSON.parse( localStorage.getItem('spotify') );
                if( !spotify ) spotify = {};
                Object.assign(
                    spotify,{
                        authorized: true, 
                        authorization: action.data,
                        access_token: action.data.access_token, 
                        refresh_token: action.data.refresh_token, 
                        token_expiry: action.data.token_expiry
                    }
                );
                localStorage.setItem('spotify', JSON.stringify(spotify));
                break;

            case 'SPOTIFY_AUTHORIZATION_REVOKED':
                var spotify = JSON.parse( localStorage.getItem('spotify') );
                if( !spotify ) spotify = {};
                Object.assign(
                    spotify,{
                        authorized: false, 
                        access_token: false, 
                        refresh_token: false, 
                        token_expiry: false
                    }
                );
                localStorage.setItem('spotify', JSON.stringify(spotify));
                break;

            case 'SPOTIFY_TOKEN_REFRESHED':
                var spotify = JSON.parse( localStorage.getItem('spotify') );
                if( !spotify ) spotify = {};
                Object.assign(
                    spotify,{
                        access_token: action.data.access_token,
                        token_expiry: action.data.token_expiry,
                        provider: action.provider
                    }
                );
                localStorage.setItem('spotify', JSON.stringify(spotify));
                break;

            case 'SPOTIFY_ME_LOADED':
                var spotify = JSON.parse( localStorage.getItem('spotify') );
                if( !spotify ) spotify = {};
                Object.assign(
                    spotify,
                    { me: action.data }
                );
                localStorage.setItem('spotify', JSON.stringify(spotify));
                break;

            case 'UI_SET':
                var ui = JSON.parse( localStorage.getItem('ui') );
                if( !ui ) ui = {};
                Object.assign( ui, action.data );
                localStorage.setItem('ui', JSON.stringify(ui));
                break;
        }
    }

})();

export default localstorageMiddleware