import debug from 'debug';
// import { renderToString } from 'react-dom/server';
// import createMemoryHistory from 'history/createMemoryHistory';
// import { NOT_FOUND } from 'redux-first-router';
// import devtoolsEnhancer from 'remote-redux-devtools';

// import {
//   errorThrowerMiddleware
// } from '../utils/react.js';
// import { createApp, provideStore, App } from '../../common/app';
// import waitForEpics from '../../common/utils/wait-for-epics.js';
// import { titleSelector } from '../../common/app/redux';

const log = debug('fcc:react-server');
// const isDev = process.env.NODE_ENV !== 'production';

// // add routes here as they slowly get reactified
// // remove their individual controllers
// const routes = [
//   '/settings',
//   '/settings/*',
//   '/:username'
// ];

// const devRoutes = [];

// const middlewares = isDev ? [errorThrowerMiddleware] : [];

// const markupMap = {};

export default function reactSubRouter(app) {
  // var router = app.loopback.Router();

  // router.get('/videos', (req, res) => res.redirect('/map'));
  // router.get(
  //   '/videos/:dashedName',
  //   (req, res) => res.redirect(`/challenges/${req.params.dashedName}`)
  // );

  // router.get(
  //   '/portfolio/:redirectUsername',
  //   (req, res) => res.redirect(`/${req.params.redirectUsername}`)
  // );

  // // These routes are in production
  // routes.forEach((route) => {
  //   router.get(route, serveReactApp);
  // });

  // if (process.env.NODE_ENV === 'development') {
  //   devRoutes.forEach(function(route) {
  //     router.get(route, serveReactApp);
  //   });
  // }

  // app.use(router);

  // function serveReactApp(req, res, next) {
  //   const serviceOptions = { req };
  //   if (req.originalUrl in markupMap) {
  //     log('sending markup from cache');
  //     const { state, title, markup } = markupMap[req.originalUrl];
  //     res.expose(state, 'data', { isJSON: true });
  //     // note(berks): we render without express-flash dumping our messages
  //     // the app will query for these on load
  //     return res.renderWithoutFlash('layout-react', { markup, title });
  //   }
  //   return createApp({
  //     serviceOptions,
  //     middlewares,
  //     enhancers: [
  //       devtoolsEnhancer({ name: 'server' })
  //     ],
  //     history: createMemoryHistory({ initialEntries: [ req.originalUrl ] }),
  //     defaultState: {}
  //   })
  //     .filter(({
  //       location: {
  //         type,
  //         kind,
  //         pathname
  //       } = {}
  //     }) => {
  //       if (kind === 'redirect') {
  //         log('react found a redirect');
  //         res.redirect(pathname);
  //         return false;
  //       }

  //       if (type === NOT_FOUND) {
  //         log(`react tried to find ${req.path} but got 404`);
  //         next();
  //         return false;
  //       }

  //       return true;
  //     })
  //     .flatMap(({ store, epic }) => {
  //       return waitForEpics(epic)
  //         .map(() => renderToString(
  //           provideStore(App, store)
  //         ))
  //         .map((markup) => ({ markup, store, epic }));
  //     })
  //     .do(({ markup, store, epic }) => {
  //       log('react markup rendered, data fetched');
  //       const state = store.getState();
  //       const title = titleSelector(state);
  //       epic.dispose();
  //       res.expose(state, 'data', { isJSON: true });
  //       // note(berks): we render without express-flash dumping our messages
  //       // the app will query for these on load
  //       res.renderWithoutFlash('layout-react', { markup, title });
  //       markupMap[req.originalUrl] = { markup, state, title };
  //     })
  //     .subscribe(() => log('html rendered and sent'), next);
  // }
}