@aws/cloudfront-hosting-toolkit/resources/cff_templates/index_reactjs.js

CloudFront Hosting Toolkit offers the convenience of a managed frontend hosting service while retaining full control over the hosting and deployment infrastructure to make it your own.

import cf from 'cloudfront';

const kvsId = '__KVS_ID__';

// This fails if the key value store is not associated with the function
const kvsHandle = cf.kvs(kvsId);

function pointsToFile(uri) {
  return /\/[^/]+\.[^/]+$/.test(uri);
}

// Function to update the URI to point to index.html
async function updateURI(uri) {
  try {
    const pathToAdd = await kvsHandle.get("path");
    
    if (!pointsToFile(uri)) {
      return `/${pathToAdd}/index.html`;
    }
    
    return `/${pathToAdd}${uri}`;
    
  } catch (err) {
    console.log(`No key 'path' present: ${err}`);
    return uri;
  }
}



// Main CloudFront handler
async function handler(event) {
  var request = event.request;
  var uri = request.uri;

  //console.log("URI BEFORE: " + request.uri); // Uncomment if needed
  request.uri = await updateURI(uri); 
  //console.log("URI AFTER: " + request.uri); // Uncomment if needed



  return request;
}