const MainPage = require("../client/MainPage");
const renderPage = require("../utils/renderPage");

const globalScripts =
  process.env.NODE_ENV === "production"
    ? [
        "/react@16.4.1/umd/react.production.min.js",
        "/react-dom@16.4.1/umd/react-dom.production.min.js",
        "/react-router-dom@4.3.1/umd/react-router-dom.min.js"
      ]
    : [
        "/react@16.4.1/umd/react.development.js",
        "/react-dom@16.4.1/umd/react-dom.development.js",
        "/react-router-dom@4.3.1/umd/react-router-dom.js"
      ];

function serveRootPage(req, res) {
  const scripts = globalScripts.concat(req.assets.getScripts("main"));
  const styles = req.assets.getStyles("main");

  const html = renderPage(MainPage, {
    scripts: scripts,
    styles: styles
  });

  res.send(html);
}

module.exports = serveRootPage;