pwa-helpers/src/demo/store.ts

Small helper methods or mixins to help you build web apps.

/**
@license
Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/

declare global {
  interface Window {
    process?: Object;
    __REDUX_DEVTOOLS_EXTENSION_COMPOSE__?: typeof compose;
  }
}

import {
  combineReducers,
  compose,
  createStore,
  Reducer
} from 'redux';
import { lazyReducerEnhancer } from '../lazy-reducer-enhancer.js'
import { CounterAction } from './actions/counter.js';
import { LazyState } from './reducers/lazy.js';

// static states
export interface AppStateCounter {
  counter: CounterState
}

// lazy states
export interface AppStateLazy {
  lazy: LazyState
}

// overall state extends static states and partials lazy states
export interface AppState extends AppStateCounter, Partial<AppStateLazy> {}

// Initially loaded reducers.
import counter, { CounterState } from './reducers/counter.js';

// Sets up a Chrome extension for time travel debugging.
// See https://github.com/zalmoxisus/redux-devtools-extension for more information.
const devCompose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

// Initializes the Redux store with a lazyReducerEnhancer (so that you can
// lazily add reducers after the store has been created).
export const store = createStore(
  state => state as Reducer<AppState, CounterAction>,
  devCompose(lazyReducerEnhancer(combineReducers))
);

store.addReducers({
  counter
});