const fs = require('fs');
const path = require('path');
const assets = require('../../common/assets');
const locales = require('../../common/locales');
const routes = require('../routes');
const pages = require('../routes/pages');
const tests = require('../../test/frontend/routes');
const express = require('express');
const expressWs = require('express-ws');
const morgan = require('morgan');
const config = require('../config');

const androidIndex = fs.readFileSync(
  path.resolve(__dirname, '../../android/app/src/main/assets/index.html'),
  'utf8'
);

module.exports = function(app, devServer) {
  const wsapp = express();
  expressWs(wsapp, null, { perMessageDeflate: false });
  wsapp.ws('/api/ws', require('../routes/ws'));
  wsapp.listen(8081, config.listen_address);

  assets.setMiddleware(devServer.middleware);
  locales.setMiddleware(devServer.middleware);
  app.use(morgan('dev', { stream: process.stderr }));
  routes(app);
  tests(app);
  app.get('/android', function(req, res) {
    res.set('Content-Type', 'text/html');
    res.send(
      androidIndex
        .replace('index.css', '/android_asset/index.css')
        .replace('vendor.js', assets.get('vendor.js'))
        .replace('android.js', assets.get('android.js'))
    );
  });
  // webpack-dev-server routes haven't been added yet
  // so wait for next tick to add 404 handler
  process.nextTick(() => app.use(pages.notfound));
};