import { compose } from "redux";
import {
    default as persistState
} from "redux-localstorage";
import * as adapter from "redux-localstorage/lib/adapters/localStorage";
import { default as filter } from "redux-localstorage-filter";

const storageSingle = compose(
    filter("foo")
)(adapter(window.localStorage));
const enhancerSingle = persistState(storageSingle, "test");

const storageMulti = compose(
    filter(["foo", "bar"])
)(adapter(window.localStorage));
const enhancerMulti = persistState(storageMulti, "test");

  ui: uiReducer,
})

const reducer = compose(mergePersistedState())(combinedReducers)

let localStorage: any = null

if (typeof window !== 'undefined') {
  localStorage = window.localStorage
} else {
  localStorage = {
    clearItem: () => null,
    getItem: () => null,
    setItem: () => null,
  }
}

const storage = compose(filter(['quiz', 'playground', 'data']))(
  adapter(localStorage),
)

const enhancer = compose(persistState(storage, 'howtographql-redux'))

const functions = [enhancer]

if (process.env.NODE_ENV !== 'production') {
  functions.push(applyMiddleware(logger))
}

export default () => createStore(reducer, compose.apply(null, functions))

  constructor(
    private ngRedux: NgRedux<IAppState>,
    private devTool: DevToolsExtension,
    private rootEpic: RootEpic,
    private router: Router,
  ) {
    const middleware = [
      createEpicMiddleware(this.rootEpic.combineAll()),
      createLogger(),
    ];

    const reducer = compose(
      mergePersistedState()
    )(rootReducer);

    const storage = compose(
      filter('auth')
    )(adapter(window.localStorage));

    const enhancers = [
      persistState(storage, 'fyibn/store'),
    ];

    if (devTool.isEnabled()) {
      enhancers.push(devTool.enhancer());
    }

    this.ngRedux.configureStore(
      reducer,
      {} as IAppState,
      middleware,
      enhancers,
    );
  }