Snippet of the levenshtein distance calculator top correct a misspelled route - Approach A

leevenshtein-404-approach-a.helper.js

const { closest, distance } = require('fastest-levenshtein')

// Approach A - Using closest

const routes = {
    paymentMethods: 'paymentmethods',
    accountData: 'account-data',
    privacy: 'privacy',
    privacySettings: 'privacy-settings',
}

// Get the current pathname and remove the leading slash (the pathname property always has a leading slash)
const path = window.location.pathname.substr(1)

// If the current path is not an exact match, we'll use the levenshtein distance calculation to get the closest match
if (!Object.values(routes).includes(path)) {    
    const closestPathnameA = closest(path, routes)    
    
    // Option A - Redirect the user instantly
    window.location.href = closestPathname
    
    // Option B - Display a link on the page with the suggested route
    document.querySelector('a.next-best-action').href = `${window.protocol}${window.host}/${closestPathname}`
    
}