import React from 'react';
import { createStore, applyMiddleware, compose } from 'redux';
import { Provider } from 'react-redux';
import reduxThunk from 'redux-thunk';
import { createLogger } from 'redux-logger';

import reducers from './reducers';
import { GitTemporalProps } from './interfaces';
import GitTemporal from './GitTemporal';

const middleware = [reduxThunk];
if (process.env.NODE_ENV !== 'production') {
  middleware.push(createLogger());
}
// @ts-ignore
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(
  reducers,
  composeEnhancers(applyMiddleware(...middleware))
);

// @ts-ignore
if (module.hot) {
  // Enable Webpack hot module replacement for reducers
  // @ts-ignore
  module.hot.accept('./reducers', () => {
    const nextReducer = require('./reducers/index').default;
    store.replaceReducer(nextReducer);
  });
}

export default class GitTemporalIndex extends React.Component<
  GitTemporalProps
> {
  render() {
    const {
      path = '',
      serviceBaseUrl = '/git-temporal',
      initialLineNumber = 0,
    } = this.props;
    return (
      <Provider store={store}>
        <GitTemporal
          path={path}
          serviceBaseUrl={serviceBaseUrl}
          initialLineNumber={initialLineNumber}
        />
      </Provider>
    );
  }
}