Key values not being rendered in view files :(

const fs = require('fs');

const mergeValues = (values, content) => {
  // cycle over the keys
  for(const key in values) {
    // replace all {{keys}} with the valye from the values object
    content = content.replace(`{{ ${key} }}`, values[key]);
  }

  // return merged content
  return content;
}

const view = (templateName, values, response) => {
  // read from the template files
  const fileContents = fs.readFileSync(`./views/${templateName}.html`, {encoding: 'utf-8'});
  // insert values in to the content
  fileContents = mergeValues(values, fileContents);
  // write out the contents to the response
  response.write(fileContents);
}

module.exports.view = view;

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

// Handle HTTP route GET / and POST / i.e Home
const home = ((request, response) => {
  // if url == '/' && GET
  if(request.url === '/') {
    // show search
    response.statusCode = 200;
    response.setHeader('Content-Type', 'text/plain');
    renderer.view('header', {}, response);
    renderer.view('search', {}, response);
    renderer.view('footer', {}, response);
    response.end();
  }
  // if url == '/' && POST
    // redirect to /:username
});

// Handle HTTP route GET /:username i.e /chalkers
const user = ((request, response) => {
  // if url == '/....'
  const username = request.url.replace("/", "");
  if(username.length > 0) {
    response.statusCode = 200;
    response.setHeader('Content-Type', 'text/plain');
    renderer.view('header', {}, response);

    // get json from Treehouse
    const studentProfile = new Profile(username);
    // on 'end'
    studentProfile.on('end', (profileJSON) => {
      // show profile

      // store the values which we need
      const values = {
        avatarUrl: profileJSON.gravatar_url,
        username: profileJSON.profile_name,
        badgeCount: profileJSON.badges.length,
        javaScriptPoints: profileJSON.points.JavaScript
      }
      // simple response
      renderer.view('profile', values, response);
      renderer.view('footer', {}, response);
      response.end();
    });

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


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