Human readable encodeURIComponent results since utf-8 is widely supported yet.

utf8EncodeURIComponent.js

const reserved = [
  ':', '/', '?', '#', '[', ']', '@', // RFC 3986 gen-delims
  '!', '$', '&', '\'', '(', ')', '*', '+', ',', ';', '=', // RFC 3986 sub-delims
  '%' // % needs to be encoded to ensure proper decoding
]

function utf8EncodeURIComponent (uri) {
  return Array.from(uri)
  .map((char) => reserved.includes(char) ? encodeURIComponent(char) : char)
  .join('')
}