extra credit: loading static files. now node will not load remote urls from inline code in html/css files

const router = require('./router.js');
//problem: Need a simple way to look at a users badge count and JavaScript point from a web browser

//solutions: Use node.js to perform profile look ups and serve our template via HTTP

//1. Create web server
const http = require('http');
const https = require('https');

  const hostname = '127.0.0.1';
  const port = 3000;

  const server = http.createServer((req, res) => {
    let username = req.url.replace("/", "");
    console.log('******searching for server req******');

    if(req.url.indexOf('.css') !== -1) {
      router.style(req, res);
    }
    if(req.url === "/") {
      router.home(req, res);
    }
    if(username.length > 0 && username !== 'recources/index.css') {
      router.user(req, res);
    }
  });

  server.listen(port, hostname, () => {
    console.log(`Server running at http://${hostname}:${port}/`);
  });

let Profile = require("./profile.js");
const renderer = require('./renderer.js');
const querystring = require('querystring');

//Handle HTTP route GET / and POST / i.e. Home

function style(req, res) {
    res.setHeader('Content-Type', 'text/css');
    console.log('******inside style******');
    renderer.css('index', res);
    res.end();
}

function home(req, res) {
    console.log('******Calling Home******');
    if(req.method.toLowerCase() === "get") {
      console.log(req.url);
  console.log('******Calling get******');
      res.setHeader('Content-Type', 'text/html');
      renderer.view('header', {}, res);
      renderer.view("search", {}, res);
      renderer.view("footer", {}, res);
      res.end();
      //if url === "/" POST
    }else {
  console.log('******POSTing home func******');
        //get the post data from body
        //extract username
        //redirect to /:username
        req.on('data', (postBody) => {
          let query = querystring.parse(postBody.toString());
          res.writeHead(303, {"Location": "/" + query.username });
          res.end();
        });
  }
}

//Handle HTTP route GET /username i.e. /chalkers

function user(req, res) {
  let username = req.url.replace("/", "");
  console.log('*****calling user***'+ username +'***');
    console.log('*******in user*****');
    res.setHeader('Content-Type', 'text/html');
    renderer.view("header", {}, res);

    let studentProfile = new Profile(username);

    studentProfile.on("end", (profileJSON) => {
      let values = {
        avatarUrl: profileJSON.gravatar_url,
        badges: profileJSON.badges.length,
        username: profileJSON.profile_name,
        javascriptPoints: profileJSON.points.JavaScript
      }
    //simple response
      renderer.view("profile", values, res);
      renderer.view("footer", {}, res);
      res.end();
    });

    studentProfile.on("error", (error) => {
      //show Error
      renderer.view('error', {errorMessage: error.message}, res);
      renderer.view("search", {}, res);
      renderer.view("footer", {}, res);
      res.end();
    });
}

module.exports.style = style;
module.exports.home = home;
module.exports.user = user;

const fs = require('fs');

function mergeValues(values, content) {
  //cycle over the keys

  for(let key in values) {
    //replace{{key}} with the value from the values param
    content = content.replace("{{" + key + "}}", values[key]);

  }

    return content;
  //return merged content
}

function view(templateName, values, res) {
  //Read from the template file
  console.log('******rendering Data******');
  let data = fs.readFileSync(`./views/${templateName}.html`, 'utf8');
  //insert values into the content
  data = mergeValues(values, data)
  //write out to the response
  res.write(data);
}

function css(fileName, res) {
  let data = fs.readFileSync(`./views/recources/${fileName}.css`, "utf8");
  res.write(data);
}




module.exports.view = view;
module.exports.css = css;