fix(remix-server-runtime): fix invalid character error in cookie serialize

[nimaa77]

Description

you save a cookie that contains utf-8 characters as it's value, you don't get the right content after reading the cookie.
this is because atob and btoa function that used inside cookie module and these functions don't support utf-8.

as MDN suggested in their docs, you can convert the utf8 content into binary string and then pass it to btoa function and vice versa for ...

this is what this Pull Request is all about, fixing the issue with saving a cookie with utf8 text content

How to reproduce

https://codesandbox.io/s/dazzling-monad-0wt38?file=/app/routes/index.jsx

closes: #1282

[remix-cla-bot]

Hi @nimaa77,

Welcome, and thank you for contributing to Remix!

Before we consider your pull request, we ask that you sign our Contributor License Agreement (CLA). We require this only once.

You may review the CLA and sign it by adding your name to contributors.yml.

Once the CLA is signed, the CLA Signed label will be added to the pull request.

If you have already signed the CLA and received this response in error, or if you have any questions, please contact us at hello@remix.run.

Thanks!

- The Remix team

[remix-cla-bot]

Thank you for signing the Contributor License Agreement. Let's get this merged! 🥳

[shamsup]

This should close #1282 instead of 128 ❤️

[nimaa77]

ah, my bad

@shamsup thanks man

[ryanflorence]

Binary data is out of my wheelhouse, @mjackson can you take a look at this? If you approve it I'll deal w/ the merge conflicts and merge it in.

[rphlmr]

Hi @nimaa77

A user of our lib, (remix-auth-supabase), needing Korean char encoding, encounters a bug (mitchelvanbever/remix-auth-supabase#15) and points me to your pull request.

We both console.log our session cookie and face an other issue : the size increase a lot (≈ x2) and trigger cookie max size limit (4096 bytes)

---

With current latest remix version : 3204 bytes

console.log("before", btoa(JSON.stringify(value)))

With the fix : 6404 bytes

 console.log("after", btoa(converted))

I could deal with it and open a discussion with our main maintainer (to keep only minimum needed session datas).
Just here to give a feedback 😇

[rphlmr]

What do you think using encodeURIComponent and decodeURIComponent @nimaa77 ?
(NB : I'm not a specialist)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent

I try this and unit test seems still ok :

function encodeData(value) {
  let stringified = JSON.stringify(value);
  let converted = encodeURIComponent(stringified);
  return btoa(converted);
}

function decodeData(value) {
  try {
    let decodedData = atob(value);
    let converted = decodeURIComponent(decodedData);
    return JSON.parse(converted);
  } catch (error) {
    return {};
  }
}

---

NB : the output value will not be a json but an escaped string

Before :

{"sb:session":{"provider_token":"9d9l4spm

After (decodeURIComponent):

%7B%22sb%3Asession%22%3A%7B%22provider_token%22%3A%229d9

[chenc041]

Why not set encoding to UTf8 in Buffer. from?
like this Buffer.from(a, "base64").toString() ?

[B4TT3RY]

Buffer.from(originText, 'utf8').toString('base64')

Buffer.from(base64EncodedText, 'base64').toString('utf8')

This seems to work.

[chenc041]

Buffer.from(originText, 'utf8').toString('base64')

Buffer.from(base64EncodedText, 'base64').toString('utf8')

This seems to work.

Yes, and I also submit a pr about this, and I think would better resolve this in the root
cookie serialize

[shamsup]

Buffer is a node api, and isn't available in Cloudflare Workers/Pages

This would work if the cookie code were environment specific, but it looks like it is shared for every platform. Changing the implementation in the node-specific atob and btoa implementations makes sense to get it working in node environments, but this diverges compatibility at another level between node and Cloudflare and similar environments. UTF-8 in cookies would work in node, but would break moving an app to a different target platform.

[aiji42]

As @rphlmr mentions, conversions using toBinary can be quite large in size. Using encodeURIComponent and decodeURIComponent can reduce the size slightly from toBinary, but still It is still insufficient. I suggest using escape and unescape in conjunction with them.

Here are the results of an actual experiment using Google auth data for encoding.

# original string
{"access_token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOiJhdXRoZW50aWNhdGVkIiwiZXhwIjoxNjQ2ODA0NTUzLCJzdWIiOiJhN2UxNjUyNC0wZTU4LTQ3M2QtOTU3OC1kYjU5OGU0ZTA4NmEiLCJlbWFpbCI6ImFpamk0MkBnbWFpbC5jb20iLCJwaG9uZSI6IiIsImFwcF9tZXRhZGF0YSI6eyJwcm92aWRlciI6Imdvb2dsZSIsInByb3ZpZGVycyI6WyJnb29nbGUiXX0sInVzZXJfbWV0YWRhdGEiOnsiYXZhdGFyX3VybCI6Imh0dHBzOi8vbGgzLmdvb2dsZXVzZXJjb250ZW50LmNvbS9hL0FBVFhBSnlvMWlfaGNDRS1XVVpJZVhkOFFncDJPTF9GVnFLVUIzYlJxYnJaPXM5Ni1jIiwiZW1haWwiOiJhaWppNDJAZ21haWwuY29tIiwiZW1haWxfdmVyaWZpZWQiOnRydWUsImZ1bGxfbmFtZSI6IuS4iuWztuaEm-WPsiIsImlzcyI6Imh0dHBzOi8vd3d3Lmdvb2dsZWFwaXMuY29tL3VzZXJpbmZvL3YyL21lIiwibmFtZSI6IuS4iuWztuaEm-WPsiIsInBpY3R1cmUiOiJodHRwczovL2xoMy5nb29nbGV1c2VyY29udGVudC5jb20vYS9BQVRYQUp5bzFpX2hjQ0UtV1VaSWVYZDhRZ3AyT0xfRlZxS1VCM2JScWJyWj1zOTYtYyIsInByb3ZpZGVyX2lkIjoiMTA0OTkwNzE0OTI3NzEwMDgxMTM4Iiwic3ViIjoiMTA0OTkwNzE0OTI3NzEwMDgxMTM4In0sInJvbGUiOiJhdXRoZW50aWNhdGVkIn0.ui_GPNjLOaMEc1hTZLCodHmD01CrLT_eKH0fudhEBrc","token_type":"bearer","expires_in":3600,"refresh_token":"xxxxxxxxxxxxxxxxxxxxxx","user":{"id":"a7e16524-0e58-473d-9578-db598e4e086a","aud":"authenticated","role":"authenticated","email":"aiji42@gmail.com","email_confirmed_at":"2022-03-09T04:40:20.529266Z","phone":"","confirmed_at":"2022-03-09T04:40:20.529266Z","last_sign_in_at":"2022-03-09T04:42:32.780892Z","app_metadata":{"provider":"google","providers":["google"]},"user_metadata":{"avatar_url":"https://lh3.googleusercontent.com/a/AATXAJyo1i_hcCE-WUZIeXd8Qgp2OL_FVqKUB3bRqbrZ=s96-c","email":"aiji42@gmail.com","email_verified":true,"full_name":"上島愛史","iss":"https://www.googleapis.com/userinfo/v2/me","name":"上島愛史","picture":"https://lh3.googleusercontent.com/a/AATXAJyo1i_hcCE-WUZIeXd8Qgp2OL_FVqKUB3bRqbrZ=s96-c","provider_id":"104990714927710081138","sub":"104990714927710081138"},"identities":[{"id":"104990714927710081138","user_id":"a7e16524-0e58-473d-9578-db598e4e086a","identity_data":{"avatar_url":"https://lh3.googleusercontent.com/a/AATXAJyo1i_hcCE-WUZIeXd8Qgp2OL_FVqKUB3bRqbrZ=s96-c","email":"aiji42@gmail.com","email_verified":true,"full_name":"上島愛史","iss":"https://www.googleapis.com/userinfo/v2/me","name":"上島愛史","picture":"https://lh3.googleusercontent.com/a/AATXAJyo1i_hcCE-WUZIeXd8Qgp2OL_FVqKUB3bRqbrZ=s96-c","provider_id":"104990714927710081138","sub":"104990714927710081138"},"provider":"google","last_sign_in_at":"2022-03-09T04:40:20.527146Z","created_at":"2022-03-09T04:40:20.527202Z","updated_at":"2022-03-09T04:40:20.527207Z"}],"created_at":"2022-03-09T04:40:20.51995Z","updated_at":"2022-03-09T04:42:33.233859Z"},"expires_at":1646804553}

# using toBinary; btoa(toBinary(value))
ewAiAGEAYwBjAGUAcwBzAF8AdABvAGsAZQBuACIAOgAiAGUAeQBKAGgAYgBHAGMAaQBPAGkASgBJAFUAegBJADEATgBpAEkAcwBJAG4AUgA1AGMAQwBJADYASQBrAHAAWABWAEMASgA5AC4AZQB5AEoAaABkAFcAUQBpAE8AaQBKAGgAZABYAFIAbwBaAFcANQAwAGEAVwBOAGgAZABHAFYAawBJAGkAdwBpAFoAWABoAHcASQBqAG8AeABOAGoAUQAyAE4AegBJAHoATQB6AE0ANQBMAEMASgB6AGQAVwBJAGkATwBpAEkAMABaAG0ASgBtAE0AagBNADEAWQB5ADAANABNAGoAQgBrAEwAVABSAGwAWQBUAFEAdABPAEcAUQAxAE0AUwAwADIATQBEAE4AawBaAFQATQAxAFoARABKAGsAWQBUAEUAaQBMAEMASgBsAGIAVwBGAHAAYgBDAEkANgBJAG4AVgBsAGEAbQBsAHQAWQBTADUAaABhAFcAcABwAFEARwBFAHQAZABHADAAdQBZADIAOAB1AGEAbgBBAGkATABDAEoAdwBhAEcAOQB1AFoAUwBJADYASQBpAEkAcwBJAG0ARgB3AGMARgA5AHQAWgBYAFIAaABaAEcARgAwAFkAUwBJADYAZQB5AEoAdwBjAG0AOQAyAGEAVwBSAGwAYwBpAEkANgBJAG0AZAB2AGIAMgBkAHMAWgBTAEkAcwBJAG4AQgB5AGIAMwBaAHAAWgBHAFYAeQBjAHkASQA2AFcAeQBKAG4AYgAyADkAbgBiAEcAVQBpAFgAWAAwAHMASQBuAFYAegBaAFgASgBmAGIAVwBWADAAWQBXAFIAaABkAEcARQBpAE8AbgBzAGkAWQBYAFoAaABkAEcARgB5AFgAMwBWAHkAYgBDAEkANgBJAG0AaAAwAGQASABCAHoATwBpADgAdgBiAEcAZwB6AEwAbQBkAHYAYgAyAGQAcwBaAFgAVgB6AFoAWABKAGoAYgAyADUAMABaAFcANQAwAEwAbQBOAHYAYgBTADkAaABMADAARgBCAFYARgBoAEIAUwBuAGsAMgBaAFYAVgBNAFUAMAB4AFYAWgB6AEIAagBiAEQAVgA0AGUAbABkAE4AYwBUAGwAdABVAGwAbABKAGEAMgBWAHEAWQBUAEUAMQBSAEYASgBFAE4AVgBGAEQAVwBsAE4AUABQAFgATQA1AE4AaQAxAGoASQBpAHcAaQBaAFcAMQBoAGEAVwB3AGkATwBpAEoAMQBaAFcAcABwAGIAVwBFAHUAWQBXAGwAcQBhAFUAQgBoAEwAWABSAHQATABtAE4AdgBMAG0AcAB3AEkAaQB3AGkAWgBXADEAaABhAFcAeABmAGQAbQBWAHkAYQBXAFoAcABaAFcAUQBpAE8AbgBSAHkAZABXAFUAcwBJAG0AWgAxAGIARwB4AGYAYgBtAEYAdABaAFMASQA2AEkAdQBTADQAaQB1AFcAegB0AHUAYQBFAG0ALQBXAFAAcwBpAEkAcwBJAG0AbAB6AGMAeQBJADYASQBtAGgAMABkAEgAQgB6AE8AaQA4AHYAZAAzAGQAMwBMAG0AZAB2AGIAMgBkAHMAWgBXAEYAdwBhAFgATQB1AFkAMgA5AHQATAAzAFYAegBaAFgASgBwAGIAbQBaAHYATAAzAFkAeQBMADIAMQBsAEkAaQB3AGkAYgBtAEYAdABaAFMASQA2AEkAdQBTADQAaQB1AFcAegB0AHUAYQBFAG0ALQBXAFAAcwBpAEkAcwBJAG4AQgBwAFkAMwBSADEAYwBtAFUAaQBPAGkASgBvAGQASABSAHcAYwB6AG8AdgBMADIAeABvAE0AeQA1AG4AYgAyADkAbgBiAEcAVgAxAGMAMgBWAHkAWQAyADkAdQBkAEcAVgB1AGQAQwA1AGoAYgAyADAAdgBZAFMAOQBCAFEAVgBSAFkAUQBVAHAANQBOAG0AVgBWAFQARgBOAE0AVgBXAGMAdwBZADIAdwAxAGUASABwAFgAVABYAEUANQBiAFYASgBaAFMAVwB0AGwAYQBtAEUAeABOAFUAUgBTAFIARABWAFIAUQAxAHAAVABUAHoAMQB6AE8AVABZAHQAWQB5AEkAcwBJAG4AQgB5AGIAMwBaAHAAWgBHAFYAeQBYADIAbABrAEkAagBvAGkATQBUAEEANQBOAEQAYwA0AE0ARABNADIATwBEAE0AMQBOAGoAZwAxAE4ARABZADUATgBqAFEAdwBJAGkAdwBpAGMAMwBWAGkASQBqAG8AaQBNAFQAQQA1AE4ARABjADQATQBEAE0AMgBPAEQATQAxAE4AagBnADEATgBEAFkANQBOAGoAUQB3AEkAbgAwAHMASQBuAEoAdgBiAEcAVQBpAE8AaQBKAGgAZABYAFIAbwBaAFcANQAwAGEAVwBOAGgAZABHAFYAawBJAG4AMAAuAGkAWQA2ADkAUwB4AHcAdABvAF8AbABvAEIAcAB0ADQAbQA2AGYAegBsAEYAagBnAGcARgBXAEMAcwB5ADUAcQB6AGQAWgByAEoAQwBuAFgAQQBqAFUAIgAsACIAdABvAGsAZQBuAF8AdAB5AHAAZQAiADoAIgBiAGUAYQByAGUAcgAiACwAIgBlAHgAcABpAHIAZQBzAF8AaQBuACIAOgAzADYAMAAwACwAIgByAGUAZgByAGUAcwBoAF8AdABvAGsAZQBuACIAOgAiAEYAVABLAEgAeQBpAGwAUgBuAFIANQBBAEcAbABMADMANABlADYASABnAGcAIgAsACIAdQBzAGUAcgAiADoAewAiAGkAZAAiADoAIgA0AGYAYgBmADIAMwA1AGMALQA4ADIAMABkAC0ANABlAGEANAAtADgAZAA1ADEALQA2ADAAMwBkAGUAMwA1AGQAMgBkAGEAMQAiACwAIgBhAHUAZAAiADoAIgBhAHUAdABoAGUAbgB0AGkAYwBhAHQAZQBkACIALAAiAHIAbwBsAGUAIgA6ACIAYQB1AHQAaABlAG4AdABpAGMAYQB0AGUAZAAiACwAIgBlAG0AYQBpAGwAIgA6ACIAdQBlAGoAaQBtAGEALgBhAGkAagBpAEAAYQAtAHQAbQAuAGMAbwAuAGoAcAAiACwAIgBlAG0AYQBpAGwAXwBjAG8AbgBmAGkAcgBtAGUAZABfAGEAdAAiADoAIgAyADAAMgAyAC0AMAAzAC0AMAA4AFQAMAAxADoANAAyADoANAA0AC4ANQA5ADAAMQAxADMAWgAiACwAIgBwAGgAbwBuAGUAIgA6ACIAIgAsACIAYwBvAG4AZgBpAHIAbQBlAGQAXwBhAHQAIgA6ACIAMgAwADIAMgAtADAAMwAtADAAOABUADAAMQA6ADQAMgA6ADQANAAuADUAOQAwADEAMQAzAFoAIgAsACIAbABhAHMAdABfAHMAaQBnAG4AXwBpAG4AXwBhAHQAIgA6ACIAMgAwADIAMgAtADAAMwAtADAAOABUADAANgA6ADAAOAA6ADUAOAAuADUAMwA5ADIANgA2AFoAIgAsACIAYQBwAHAAXwBtAGUAdABhAGQAYQB0AGEAIgA6AHsAIgBwAHIAbwB2AGkAZABlAHIAIgA6ACIAZwBvAG8AZwBsAGUAIgAsACIAcAByAG8AdgBpAGQAZQByAHMAIgA6AFsAIgBnAG8AbwBnAGwAZQAiAF0AfQAsACIAdQBzAGUAcgBfAG0AZQB0AGEAZABhAHQAYQAiADoAewAiAGEAdgBhAHQAYQByAF8AdQByAGwAIgA6ACIAaAB0AHQAcABzADoALwAvAGwAaAAzAC4AZwBvAG8AZwBsAGUAdQBzAGUAcgBjAG8AbgB0AGUAbgB0AC4AYwBvAG0ALwBhAC8AQQBBAFQAWABBAEoAeQA2AGUAVQBMAFMATABVAGcAMABjAGwANQB4AHoAVwBNAHEAOQBtAFIAWQBJAGsAZQBqAGEAMQA1AEQAUgBEADUAUQBDAFoAUwBPAD0AcwA5ADYALQBjACIALAAiAGUAbQBhAGkAbAAiADoAIgB1AGUAagBpAG0AYQAuAGEAaQBqAGkAQABhAC0AdABtAC4AYwBvAC4AagBwACIALAAiAGUAbQBhAGkAbABfAHYAZQByAGkAZgBpAGUAZAAiADoAdAByAHUAZQAsACIAZgB1AGwAbABfAG4AYQBtAGUAIgA6ACIACk72XBth8lMiACwAIgBpAHMAcwAiADoAIgBoAHQAdABwAHMAOgAvAC8AdwB3AHcALgBnAG8AbwBnAGwAZQBhAHAAaQBzAC4AYwBvAG0ALwB1AHMAZQByAGkAbgBmAG8ALwB2ADIALAAiAG4AYQBtAGUAIgA6ACIACk72XBth8lMiACwAIgBwAGkAYwB0AHUAcgBlACIAOgAiAGgAdAB0AHAAcwA6AC8ALwBsAGgAMwAuAGcAbwBvAGcAbABlAHUAcwBlAHIAYwBvAG4AdABlAG4AdAAuAGMAbwBtAC8AYQAvAEEAQQBUAFgAQQBKAHkANgBlAFUATABTAEwAVQBnADAAYwBsADUAeAB6AFcATQBxADkAbQBSAFkASQBrAGUAagBhADEANQBEAFIARAA1AFEAQwBaAFMATwA9AHMAOQA2AC0AYwAiACwAIgBwAHIAbwB2AGkAZABlAHIAXwBpAGQAIgA6ACIAMQAwADkANAA3ADgAMAAzADYAOAAzADUANgA4ADUANAA2ADkANgA0ADAAIgAsACIAcwB1AGIAIgA6ACIAMQAwADkANAA3ADgAMAAzADYAOAAzADUANgA4ADUANAA2ADkANgA0ADAAIgB9ACwAIgBpAGQAZQBuAHQAaQB0AGkAZQBzACIAOgBbAHsAIgBpAGQAIgA6ACIAMQAwADkANAA3ADgAMAAzADYAOAAzADUANgA4ADUANAA2ADkANgA0ADAAIgAsACIAdQBzAGUAcgBfAGkAZAAiADoAIgA0AGYAYgBmADIAMwA1AGMALQA4ADIAMABkAC0ANABlAGEANAAtADgAZAA1ADEALQA2ADAAMwBkAGUAMwA1AGQAMgBkAGEAMQAiACwAIgBpAGQAZQBuAHQAaQB0AHkAXwBkAGEAdABhACIAOgB7ACIAYQB2AGEAdABhAHIAXwB1AHIAbAAiADoAIgBoAHQAdABwAHMAOgAvAC8AbABoADMALgBnAG8AbwBnAGwAZQB1AHMAZQByAGMAbwBuAHQAZQBuAHQALgBjAG8AbQAvAGEALwBBAEEAVABYAEEASgB5ADYAZQBVAEwAUwBMAFUAZwAwAGMAbAA1AHgAegBXAE0AcQA5AG0AUgBZAEkAawBlAGoAYQAxADUARABSAEQANQBRAEMAWgBTAE8APQBzADkANgAtAGMAIgAsACIAZQBtAGEAaQBsACIAOgAiAHUAZQBqAGkAbQBhAC4AYQBpAGoAaQBAAGEALQB0AG0ALgBjAG8ALgBqAHAAIgAsACIAZQBtAGEAaQBsAF8AdgBlAHIAaQBmAGkAZQBkACIAOgB0AHIAdQBlACwAIgBmAHUAbABsAF8AbgBhAG0AZQAiADoAIgAKTvZcG2HyUyIALAAiAGkAcwBzACIAOgAiAGgAdAB0AHAAcwA6AC8ALwB3AHcAdwAuAGcAbwBvAGcAbABlAGEAcABpAHMALgBjAG8AbQAvAHUAcwBlAHIAaQBuAGYAbwAvAHYAMgAvAG0AZQAiACwAIgBuAGEAbQBlACIAOgAiAApO9lwbYfJTIgAsACIAcABpAGMAdAB1AHIAZQAiADoAIgBoAHQAdABwAHMAOgAvAC8AbABoADMALgBnAG8AbwBnAGwAZQB1AHMAZQByAGMAbwBuAHQAZQBuAHQALgBjAG8AbQAvAGEALwBBAEEAVABYAEEASgB5ADYAZQBVAEwAUwBMAFUAZwAwAGMAbAA1AHgAegBXAE0AcQA5AG0AUgBZAEkAawBlAGoAYQAxADUARABSAEQANQBRAEMAWgBTAE8APQBzADkANgAtAGMAIgAsACIAcAByAG8AdgBpAGQAZQByAF8AaQBkACIAOgAiADEAMAA5ADQANwA4ADAAMwA2ADgAMwA1ADYAOAA1ADQANgA5ADYANAAwACIALAAiAHMAdQBiACIAOgAiADEAMAA5ADQANwA4ADAAMwA2ADgAMwA1ADYAOAA1ADQANgA5ADYANAAwACIAfQAsACIAcAByAG8AdgBpAGQAZQByACIAOgAiAGcAbwBvAGcAbABlACIALAAiAGwAYQBzAHQAXwBzAGkAZwBuAF8AaQBuAF8AYQB0ACIAOgAiADIAMAAyADIALQAwADMALQAwADgAVAAwADEAOgA0ADIAOgA0ADQALgA1ADgANwA3ADQAOABaACIALAAiAGMAcgBlAGEAdABlAGQAXwBhAHQAIgA6ACIAMgAwADIAMgAtADAAMwAtADAAOABUADAAMQA6ADQAMgA6ADQANAAuADUAOAA3ADcAOAA0AFoAIgAsACIAdQBwAGQAYQB0AGUAZABfAGEAdAAiADoAIgAyADAAMgAyAC0AMAAzAC0AMAA4AFQAMAAxADoANAAyADoANAA0AC4ANQA4ACwAIgBjAHIAZQBhAHQAZQBkAF8AYQB0ACIAOgAiADIAMAAyADIALQAwADMALQAwADgAVAAwADEAOgA0ADIAOgA0ADQALgA1ADgAMgAyADQAOABaACIALAAiAHUAcABkAGEAdABlAGQAXwBhAHQAIgA6ACIAMgAwADIAMgAtADAAMwAtADAAOABUADAANgA6ADAAOAA6ADUAOQAuADEANAAyADAAMwAyAFoAIgB9ACwAIgBlAHgAcABpAHIAZQBzAF8AYQB0ACIAOgAxADYANAA2ADcAMgAzADMAMwA5AH0A
# .length === 6920

# using encodeURIComponent; btoa(encodeURIComponent(value))
JTdCJTIyYWNjZXNzX3Rva2VuJTIyJTNBJTIyZXlKaGJHY2lPaUpJVXpJMU5pSXNJblI1Y0NJNklrcFhWQ0o5LmV5SmhkV1FpT2lKaGRYUm9aVzUwYVdOaGRHVmtJaXdpWlhod0lqb3hOalEyTnpJek16TTVMQ0p6ZFdJaU9pSTBabUptTWpNMVl5MDRNakJrTFRSbFlUUXRPR1ExTVMwMk1ETmtaVE0xWkRKa1lURWlMQ0psYldGcGJDSTZJblZsYW1sdFlTNWhhV3BwUUdFdGRHMHVZMjh1YW5BaUxDSndhRzl1WlNJNklpSXNJbUZ3Y0Y5dFpYUmhaR0YwWVNJNmV5SndjbTkyYVdSbGNpSTZJbWR2YjJkc1pTSXNJbkJ5YjNacFpHVnljeUk2V3lKbmIyOW5iR1VpWFgwc0luVnpaWEpmYldWMFlXUmhkR0VpT25zaVlYWmhkR0Z5WDNWeWJDSTZJbWgwZEhCek9pOHZiR2d6TG1kdmIyZHNaWFZ6WlhKamIyNTBaVzUwTG1OdmJTOWhMMEZCVkZoQlNuazJaVlZNVTB4Vlp6QmpiRFY0ZWxkTmNUbHRVbGxKYTJWcVlURTFSRkpFTlZGRFdsTlBQWE01Tmkxaklpd2laVzFoYVd3aU9pSjFaV3BwYldFdVlXbHFhVUJoTFhSdExtTnZMbXB3SWl3aVpXMWhhV3hmZG1WeWFXWnBaV1FpT25SeWRXVXNJbVoxYkd4ZmJtRnRaU0k2SXVTNGl1V3p0dWFFbS1XUHNpSXNJbWx6Y3lJNkltaDBkSEJ6T2k4dmQzZDNMbWR2YjJkc1pXRndhWE11WTI5dEwzVnpaWEpwYm1adkwzWXlMMjFsSWl3aWJtRnRaU0k2SXVTNGl1V3p0dWFFbS1XUHNpSXNJbkJwWTNSMWNtVWlPaUpvZEhSd2N6b3ZMMnhvTXk1bmIyOW5iR1YxYzJWeVkyOXVkR1Z1ZEM1amIyMHZZUzlCUVZSWVFVcDVObVZWVEZOTVZXY3dZMncxZUhwWFRYRTViVkpaU1d0bGFtRXhOVVJTUkRWUlExcFRUejF6T1RZdFl5SXNJbkJ5YjNacFpHVnlYMmxrSWpvaU1UQTVORGM0TURNMk9ETTFOamcxTkRZNU5qUXdJaXdpYzNWaUlqb2lNVEE1TkRjNE1ETTJPRE0xTmpnMU5EWTVOalF3SW4wc0luSnZiR1VpT2lKaGRYUm9aVzUwYVdOaGRHVmtJbjAuaVk2OVN4d3RvX2xvQnB0NG02ZnpsRmpnZ0ZXQ3N5NXF6ZFpySkNuWEFqVSUyMiUyQyUyMnRva2VuX3R5cGUlMjIlM0ElMjJiZWFyZXIlMjIlMkMlMjJleHBpcmVzX2luJTIyJTNBMzYwMCUyQyUyMnJlZnJlc2hfdG9rZW4lMjIlM0ElMjJGVEtIeWlsUm5SNUFHbEwzNGU2SGdnJTIyJTJDJTIydXNlciUyMiUzQSU3QiUyMmlkJTIyJTNBJTIyNGZiZjIzNWMtODIwZC00ZWE0LThkNTEtNjAzZGUzNWQyZGExJTIyJTJDJTIyYXVkJTIyJTNBJTIyYXV0aGVudGljYXRlZCUyMiUyQyUyMnJvbGUlMjIlM0ElMjJhdXRoZW50aWNhdGVkJTIyJTJDJTIyZW1haWwlMjIlM0ElMjJ1ZWppbWEuYWlqaSU0MGEtdG0uY28uanAlMjIlMkMlMjJlbWFpbF9jb25maXJtZWRfYXQlMjIlM0ElMjIyMDIyLTAzLTA4VDAxJTNBNDIlM0E0NC41OTAxMTNaJTIyJTJDJTIycGhvbmUlMjIlM0ElMjIlMjIlMkMlMjJjb25maXJtZWRfYXQlMjIlM0ElMjIyMDIyLTAzLTA4VDAxJTNBNDIlM0E0NC41OTAxMTNaJTIyJTJDJTIybGFzdF9zaWduX2luX2F0JTIyJTNBJTIyMjAyMi0wMy0wOFQwNiUzQTA4JTNBNTguNTM5MjY2WiUyMiUyQyUyMmFwcF9tZXRhZGF0YSUyMiUzQSU3QiUyMnByb3ZpZGVyJTIyJTNBJTIyZ29vZ2xlJTIyJTJDJTIycHJvdmlkZXJzJTIyJTNBJTVCJTIyZ29vZ2xlJTIyJTVEJTdEJTJDJTIydXNlcl9tZXRhZGF0YSUyMiUzQSU3QiUyMmF2YXRhcl91cmwlMjIlM0ElMjJodHRwcyUzQSUyRiUyRmxoMy5nb29nbGV1c2VyY29udGVudC5jb20lMkZhJTJGQUFUWEFKeTZlVUxTTFVnMGNsNXh6V01xOW1SWUlrZWphMTVEUkQ1UUNaU08lM0RzOTYtYyUyMiUyQyUyMmVtYWlsJTIyJTNBJTIydWVqaW1hLmFpamklNDBhLXRtLmNvLmpwJTIyJTJDJTIyZW1haWxfdmVyaWZpZWQlMjIlM0F0cnVlJTJDJTIyZnVsbF9uYW1lJTIyJTNBJTIyJUU0JUI4JThBJUU1JUIzJUI2JUU2JTg0JTlCJUU1JThGJUIyJTIyJTJDJTIyaXNzJTIyJTNBJTIyaHR0cHMlM0ElMkYlMkZ3d3cuZ29vZ2xlYXBpcy5jb20lMkZ1c2VyaW5mbyUyRnYyJTJDJTIybmFtZSUyMiUzQSUyMiVFNCVCOCU4QSVFNSVCMyVCNiVFNiU4NCU5QiVFNSU4RiVCMiUyMiUyQyUyMnBpY3R1cmUlMjIlM0ElMjJodHRwcyUzQSUyRiUyRmxoMy5nb29nbGV1c2VyY29udGVudC5jb20lMkZhJTJGQUFUWEFKeTZlVUxTTFVnMGNsNXh6V01xOW1SWUlrZWphMTVEUkQ1UUNaU08lM0RzOTYtYyUyMiUyQyUyMnByb3ZpZGVyX2lkJTIyJTNBJTIyMTA5NDc4MDM2ODM1Njg1NDY5NjQwJTIyJTJDJTIyc3ViJTIyJTNBJTIyMTA5NDc4MDM2ODM1Njg1NDY5NjQwJTIyJTdEJTJDJTIyaWRlbnRpdGllcyUyMiUzQSU1QiU3QiUyMmlkJTIyJTNBJTIyMTA5NDc4MDM2ODM1Njg1NDY5NjQwJTIyJTJDJTIydXNlcl9pZCUyMiUzQSUyMjRmYmYyMzVjLTgyMGQtNGVhNC04ZDUxLTYwM2RlMzVkMmRhMSUyMiUyQyUyMmlkZW50aXR5X2RhdGElMjIlM0ElN0IlMjJhdmF0YXJfdXJsJTIyJTNBJTIyaHR0cHMlM0ElMkYlMkZsaDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tJTJGYSUyRkFBVFhBSnk2ZVVMU0xVZzBjbDV4eldNcTltUllJa2VqYTE1RFJENVFDWlNPJTNEczk2LWMlMjIlMkMlMjJlbWFpbCUyMiUzQSUyMnVlamltYS5haWppJTQwYS10bS5jby5qcCUyMiUyQyUyMmVtYWlsX3ZlcmlmaWVkJTIyJTNBdHJ1ZSUyQyUyMmZ1bGxfbmFtZSUyMiUzQSUyMiVFNCVCOCU4QSVFNSVCMyVCNiVFNiU4NCU5QiVFNSU4RiVCMiUyMiUyQyUyMmlzcyUyMiUzQSUyMmh0dHBzJTNBJTJGJTJGd3d3Lmdvb2dsZWFwaXMuY29tJTJGdXNlcmluZm8lMkZ2MiUyRm1lJTIyJTJDJTIybmFtZSUyMiUzQSUyMiVFNCVCOCU4QSVFNSVCMyVCNiVFNiU4NCU5QiVFNSU4RiVCMiUyMiUyQyUyMnBpY3R1cmUlMjIlM0ElMjJodHRwcyUzQSUyRiUyRmxoMy5nb29nbGV1c2VyY29udGVudC5jb20lMkZhJTJGQUFUWEFKeTZlVUxTTFVnMGNsNXh6V01xOW1SWUlrZWphMTVEUkQ1UUNaU08lM0RzOTYtYyUyMiUyQyUyMnByb3ZpZGVyX2lkJTIyJTNBJTIyMTA5NDc4MDM2ODM1Njg1NDY5NjQwJTIyJTJDJTIyc3ViJTIyJTNBJTIyMTA5NDc4MDM2ODM1Njg1NDY5NjQwJTIyJTdEJTJDJTIycHJvdmlkZXIlMjIlM0ElMjJnb29nbGUlMjIlMkMlMjJsYXN0X3NpZ25faW5fYXQlMjIlM0ElMjIyMDIyLTAzLTA4VDAxJTNBNDIlM0E0NC41ODc3NDhaJTIyJTJDJTIyY3JlYXRlZF9hdCUyMiUzQSUyMjIwMjItMDMtMDhUMDElM0E0MiUzQTQ0LjU4Nzc4NFolMjIlMkMlMjJ1cGRhdGVkX2F0JTIyJTNBJTIyMjAyMi0wMy0wOFQwMSUzQTQyJTNBNDQuNTglMkMlMjJjcmVhdGVkX2F0JTIyJTNBJTIyMjAyMi0wMy0wOFQwMSUzQTQyJTNBNDQuNTgyMjQ4WiUyMiUyQyUyMnVwZGF0ZWRfYXQlMjIlM0ElMjIyMDIyLTAzLTA4VDA2JTNBMDglM0E1OS4xNDIwMzJaJTIyJTdEJTJDJTIyZXhwaXJlc19hdCUyMiUzQTE2NDY3MjMzMzklN0Q=
# .length === 4480

# using encodeURIComponent with unescape; btoa(unescape(encodeURIComponent(value)))
eyJhY2Nlc3NfdG9rZW4iOiJleUpoYkdjaU9pSklVekkxTmlJc0luUjVjQ0k2SWtwWFZDSjkuZXlKaGRXUWlPaUpoZFhSb1pXNTBhV05oZEdWa0lpd2laWGh3SWpveE5qUTJOekl6TXpNNUxDSnpkV0lpT2lJMFptSm1Nak0xWXkwNE1qQmtMVFJsWVRRdE9HUTFNUzAyTUROa1pUTTFaREprWVRFaUxDSmxiV0ZwYkNJNkluVmxhbWx0WVM1aGFXcHBRR0V0ZEcwdVkyOHVhbkFpTENKd2FHOXVaU0k2SWlJc0ltRndjRjl0WlhSaFpHRjBZU0k2ZXlKd2NtOTJhV1JsY2lJNkltZHZiMmRzWlNJc0luQnliM1pwWkdWeWN5STZXeUpuYjI5bmJHVWlYWDBzSW5WelpYSmZiV1YwWVdSaGRHRWlPbnNpWVhaaGRHRnlYM1Z5YkNJNkltaDBkSEJ6T2k4dmJHZ3pMbWR2YjJkc1pYVnpaWEpqYjI1MFpXNTBMbU52YlM5aEwwRkJWRmhCU25rMlpWVk1VMHhWWnpCamJEVjRlbGROY1RsdFVsbEphMlZxWVRFMVJGSkVOVkZEV2xOUFBYTTVOaTFqSWl3aVpXMWhhV3dpT2lKMVpXcHBiV0V1WVdscWFVQmhMWFJ0TG1OdkxtcHdJaXdpWlcxaGFXeGZkbVZ5YVdacFpXUWlPblJ5ZFdVc0ltWjFiR3hmYm1GdFpTSTZJdVM0aXVXenR1YUVtLVdQc2lJc0ltbHpjeUk2SW1oMGRIQnpPaTh2ZDNkM0xtZHZiMmRzWldGd2FYTXVZMjl0TDNWelpYSnBibVp2TDNZeUwyMWxJaXdpYm1GdFpTSTZJdVM0aXVXenR1YUVtLVdQc2lJc0luQnBZM1IxY21VaU9pSm9kSFJ3Y3pvdkwyeG9NeTVuYjI5bmJHVjFjMlZ5WTI5dWRHVnVkQzVqYjIwdllTOUJRVlJZUVVwNU5tVlZURk5NVldjd1kydzFlSHBYVFhFNWJWSlpTV3RsYW1FeE5VUlNSRFZSUTFwVFR6MXpPVFl0WXlJc0luQnliM1pwWkdWeVgybGtJam9pTVRBNU5EYzRNRE0yT0RNMU5qZzFORFk1TmpRd0lpd2ljM1ZpSWpvaU1UQTVORGM0TURNMk9ETTFOamcxTkRZNU5qUXdJbjBzSW5KdmJHVWlPaUpoZFhSb1pXNTBhV05oZEdWa0luMC5pWTY5U3h3dG9fbG9CcHQ0bTZmemxGamdnRldDc3k1cXpkWnJKQ25YQWpVIiwidG9rZW5fdHlwZSI6ImJlYXJlciIsImV4cGlyZXNfaW4iOjM2MDAsInJlZnJlc2hfdG9rZW4iOiJGVEtIeWlsUm5SNUFHbEwzNGU2SGdnIiwidXNlciI6eyJpZCI6IjRmYmYyMzVjLTgyMGQtNGVhNC04ZDUxLTYwM2RlMzVkMmRhMSIsImF1ZCI6ImF1dGhlbnRpY2F0ZWQiLCJyb2xlIjoiYXV0aGVudGljYXRlZCIsImVtYWlsIjoidWVqaW1hLmFpamlAYS10bS5jby5qcCIsImVtYWlsX2NvbmZpcm1lZF9hdCI6IjIwMjItMDMtMDhUMDE6NDI6NDQuNTkwMTEzWiIsInBob25lIjoiIiwiY29uZmlybWVkX2F0IjoiMjAyMi0wMy0wOFQwMTo0Mjo0NC41OTAxMTNaIiwibGFzdF9zaWduX2luX2F0IjoiMjAyMi0wMy0wOFQwNjowODo1OC41MzkyNjZaIiwiYXBwX21ldGFkYXRhIjp7InByb3ZpZGVyIjoiZ29vZ2xlIiwicHJvdmlkZXJzIjpbImdvb2dsZSJdfSwidXNlcl9tZXRhZGF0YSI6eyJhdmF0YXJfdXJsIjoiaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EvQUFUWEFKeTZlVUxTTFVnMGNsNXh6V01xOW1SWUlrZWphMTVEUkQ1UUNaU089czk2LWMiLCJlbWFpbCI6InVlamltYS5haWppQGEtdG0uY28uanAiLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiZnVsbF9uYW1lIjoi5LiK5bO25oSb5Y+yIiwiaXNzIjoiaHR0cHM6Ly93d3cuZ29vZ2xlYXBpcy5jb20vdXNlcmluZm8vdjIsIm5hbWUiOiLkuIrls7bmhJvlj7IiLCJwaWN0dXJlIjoiaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EvQUFUWEFKeTZlVUxTTFVnMGNsNXh6V01xOW1SWUlrZWphMTVEUkQ1UUNaU089czk2LWMiLCJwcm92aWRlcl9pZCI6IjEwOTQ3ODAzNjgzNTY4NTQ2OTY0MCIsInN1YiI6IjEwOTQ3ODAzNjgzNTY4NTQ2OTY0MCJ9LCJpZGVudGl0aWVzIjpbeyJpZCI6IjEwOTQ3ODAzNjgzNTY4NTQ2OTY0MCIsInVzZXJfaWQiOiI0ZmJmMjM1Yy04MjBkLTRlYTQtOGQ1MS02MDNkZTM1ZDJkYTEiLCJpZGVudGl0eV9kYXRhIjp7ImF2YXRhcl91cmwiOiJodHRwczovL2xoMy5nb29nbGV1c2VyY29udGVudC5jb20vYS9BQVRYQUp5NmVVTFNMVWcwY2w1eHpXTXE5bVJZSWtlamExNURSRDVRQ1pTTz1zOTYtYyIsImVtYWlsIjoidWVqaW1hLmFpamlAYS10bS5jby5qcCIsImVtYWlsX3ZlcmlmaWVkIjp0cnVlLCJmdWxsX25hbWUiOiLkuIrls7bmhJvlj7IiLCJpc3MiOiJodHRwczovL3d3dy5nb29nbGVhcGlzLmNvbS91c2VyaW5mby92Mi9tZSIsIm5hbWUiOiLkuIrls7bmhJvlj7IiLCJwaWN0dXJlIjoiaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EvQUFUWEFKeTZlVUxTTFVnMGNsNXh6V01xOW1SWUlrZWphMTVEUkQ1UUNaU089czk2LWMiLCJwcm92aWRlcl9pZCI6IjEwOTQ3ODAzNjgzNTY4NTQ2OTY0MCIsInN1YiI6IjEwOTQ3ODAzNjgzNTY4NTQ2OTY0MCJ9LCJwcm92aWRlciI6Imdvb2dsZSIsImxhc3Rfc2lnbl9pbl9hdCI6IjIwMjItMDMtMDhUMDE6NDI6NDQuNTg3NzQ4WiIsImNyZWF0ZWRfYXQiOiIyMDIyLTAzLTA4VDAxOjQyOjQ0LjU4Nzc4NFoiLCJ1cGRhdGVkX2F0IjoiMjAyMi0wMy0wOFQwMTo0Mjo0NC41OCwiY3JlYXRlZF9hdCI6IjIwMjItMDMtMDhUMDE6NDI6NDQuNTgyMjQ4WiIsInVwZGF0ZWRfYXQiOiIyMDIyLTAzLTA4VDA2OjA4OjU5LjE0MjAzMloifSwiZXhwaXJlc19hdCI6MTY0NjcyMzMzOX0=
# .length === 3504



# FYI: using btoa with non-ascii characters replaced by another ascii string (same number of characters)
eyJhY2Nlc3NfdG9rZW4iOiJleUpoYkdjaU9pSklVekkxTmlJc0luUjVjQ0k2SWtwWFZDSjkuZXlKaGRXUWlPaUpoZFhSb1pXNTBhV05oZEdWa0lpd2laWGh3SWpveE5qUTJPREEwTlRVekxDSnpkV0lpT2lKaE4yVXhOalV5TkMwd1pUVTRMVFEzTTJRdE9UVTNPQzFrWWpVNU9HVTBaVEE0Tm1FaUxDSmxiV0ZwYkNJNkltRnBhbWswTWtCbmJXRnBiQzVqYjIwaUxDSndhRzl1WlNJNklpSXNJbUZ3Y0Y5dFpYUmhaR0YwWVNJNmV5SndjbTkyYVdSbGNpSTZJbWR2YjJkc1pTSXNJbkJ5YjNacFpHVnljeUk2V3lKbmIyOW5iR1VpWFgwc0luVnpaWEpmYldWMFlXUmhkR0VpT25zaVlYWmhkR0Z5WDNWeWJDSTZJbWgwZEhCek9pOHZiR2d6TG1kdmIyZHNaWFZ6WlhKamIyNTBaVzUwTG1OdmJTOWhMMEZCVkZoQlNubHZNV2xmYUdORFJTMVhWVnBKWlZoa09GRm5jREpQVEY5R1ZuRkxWVUl6WWxKeFluSmFQWE01Tmkxaklpd2laVzFoYVd3aU9pSmhhV3BwTkRKQVoyMWhhV3d1WTI5dElpd2laVzFoYVd4ZmRtVnlhV1pwWldRaU9uUnlkV1VzSW1aMWJHeGZibUZ0WlNJNkl1UzRpdVd6dHVhRW0tV1BzaUlzSW1semN5STZJbWgwZEhCek9pOHZkM2QzTG1kdmIyZHNaV0Z3YVhNdVkyOXRMM1Z6WlhKcGJtWnZMM1l5TDIxbElpd2libUZ0WlNJNkl1UzRpdVd6dHVhRW0tV1BzaUlzSW5CcFkzUjFjbVVpT2lKb2RIUndjem92TDJ4b015NW5iMjluYkdWMWMyVnlZMjl1ZEdWdWRDNWpiMjB2WVM5QlFWUllRVXA1YnpGcFgyaGpRMFV0VjFWYVNXVllaRGhSWjNBeVQweGZSbFp4UzFWQ00ySlNjV0p5V2oxek9UWXRZeUlzSW5CeWIzWnBaR1Z5WDJsa0lqb2lNVEEwT1Rrd056RTBPVEkzTnpFd01EZ3hNVE00SWl3aWMzVmlJam9pTVRBME9Ua3dOekUwT1RJM056RXdNRGd4TVRNNEluMHNJbkp2YkdVaU9pSmhkWFJvWlc1MGFXTmhkR1ZrSW4wLnVpX0dQTmpMT2FNRWMxaFRaTENvZEhtRDAxQ3JMVF9lS0gwZnVkaEVCcmMiLCJ0b2tlbl90eXBlIjoiYmVhcmVyIiwiZXhwaXJlc19pbiI6MzYwMCwicmVmcmVzaF90b2tlbiI6Inh4eHh4eHh4eHh4eHh4eHh4eHh4eHgiLCJ1c2VyIjp7ImlkIjoiYTdlMTY1MjQtMGU1OC00NzNkLTk1NzgtZGI1OThlNGUwODZhIiwiYXVkIjoiYXV0aGVudGljYXRlZCIsInJvbGUiOiJhdXRoZW50aWNhdGVkIiwiZW1haWwiOiJhaWppNDJAZ21haWwuY29tIiwiZW1haWxfY29uZmlybWVkX2F0IjoiMjAyMi0wMy0wOVQwNDo0MDoyMC41MjkyNjZaIiwicGhvbmUiOiIiLCJjb25maXJtZWRfYXQiOiIyMDIyLTAzLTA5VDA0OjQwOjIwLjUyOTI2NloiLCJsYXN0X3NpZ25faW5fYXQiOiIyMDIyLTAzLTA5VDA0OjQyOjMyLjc4MDg5MloiLCJhcHBfbWV0YWRhdGEiOnsicHJvdmlkZXIiOiJnb29nbGUiLCJwcm92aWRlcnMiOlsiZ29vZ2xlIl19LCJ1c2VyX21ldGFkYXRhIjp7ImF2YXRhcl91cmwiOiJodHRwczovL2xoMy5nb29nbGV1c2VyY29udGVudC5jb20vYS9BQVRYQUp5bzFpX2hjQ0UtV1VaSWVYZDhRZ3AyT0xfRlZxS1VCM2JScWJyWj1zOTYtYyIsImVtYWlsIjoiYWlqaTQyQGdtYWlsLmNvbSIsImVtYWlsX3ZlcmlmaWVkIjp0cnVlLCJmdWxsX25hbWUiOiJhYmNkIiwiaXNzIjoiaHR0cHM6Ly93d3cuZ29vZ2xlYXBpcy5jb20vdXNlcmluZm8vdjIvbWUiLCJuYW1lIjoiYWJjZCIsInBpY3R1cmUiOiJodHRwczovL2xoMy5nb29nbGV1c2VyY29udGVudC5jb20vYS9BQVRYQUp5bzFpX2hjQ0UtV1VaSWVYZDhRZ3AyT0xfRlZxS1VCM2JScWJyWj1zOTYtYyIsInByb3ZpZGVyX2lkIjoiMTA0OTkwNzE0OTI3NzEwMDgxMTM4Iiwic3ViIjoiMTA0OTkwNzE0OTI3NzEwMDgxMTM4In0sImlkZW50aXRpZXMiOlt7ImlkIjoiMTA0OTkwNzE0OTI3NzEwMDgxMTM4IiwidXNlcl9pZCI6ImE3ZTE2NTI0LTBlNTgtNDczZC05NTc4LWRiNTk4ZTRlMDg2YSIsImlkZW50aXR5X2RhdGEiOnsiYXZhdGFyX3VybCI6Imh0dHBzOi8vbGgzLmdvb2dsZXVzZXJjb250ZW50LmNvbS9hL0FBVFhBSnlvMWlfaGNDRS1XVVpJZVhkOFFncDJPTF9GVnFLVUIzYlJxYnJaPXM5Ni1jIiwiZW1haWwiOiJhaWppNDJAZ21haWwuY29tIiwiZW1haWxfdmVyaWZpZWQiOnRydWUsImZ1bGxfbmFtZSI6ImFiY2QiLCJpc3MiOiJodHRwczovL3d3dy5nb29nbGVhcGlzLmNvbS91c2VyaW5mby92Mi9tZSIsIm5hbWUiOiJhYmNkIiwicGljdHVyZSI6Imh0dHBzOi8vbGgzLmdvb2dsZXVzZXJjb250ZW50LmNvbS9hL0FBVFhBSnlvMWlfaGNDRS1XVVpJZVhkOFFncDJPTF9GVnFLVUIzYlJxYnJaPXM5Ni1jIiwicHJvdmlkZXJfaWQiOiIxMDQ5OTA3MTQ5Mjc3MTAwODExMzgiLCJzdWIiOiIxMDQ5OTA3MTQ5Mjc3MTAwODExMzgifSwicHJvdmlkZXIiOiJnb29nbGUiLCJsYXN0X3NpZ25faW5fYXQiOiIyMDIyLTAzLTA5VDA0OjQwOjIwLjUyNzE0NloiLCJjcmVhdGVkX2F0IjoiMjAyMi0wMy0wOVQwNDo0MDoyMC41MjcyMDJaIiwidXBkYXRlZF9hdCI6IjIwMjItMDMtMDlUMDQ6NDA6MjAuNTI3MjA3WiJ9XSwiY3JlYXRlZF9hdCI6IjIwMjItMDMtMDlUMDQ6NDA6MjAuNTE5OTVaIiwidXBkYXRlZF9hdCI6IjIwMjItMDMtMDlUMDQ6NDI6MzMuMjMzODU5WiJ9LCJleHBpcmVzX2F0IjoxNjQ2ODA0NTUzfQ==
# .length === 3432

Using unescape, only non-ascii characters can be replaced and applied to btoa, thus reducing its size.

Although escape and unescape are defined in Annex B and are not recommended for use (they have not been removed from the web standards), they are currently supported in all runtimes and are unlikely to be deprecated anytime soon. If the Remix community refuses to use it, there are polyfills defined in core-js those can be used as an alternative.

I didn't know this PR existed, so I created another one (#2257). I'll leave it up to you guys to decide if @nimaa77 will continue to respond here or merge mine.

[machour]

@nimaa77 Could you please fix conflicts so that this PR can be properly reviewed by the team? 🙏🏼

[mjackson]

Thanks for the PR, @nimaa77! And thank you for the additional PR and comments, @aiji42. I think I prefer the approach used in #2257 because the end result will be smaller. I'll follow up there.

[MichaelDeBoey]

Closing this, as we're fixing this in #2257 (see @mjackson's #1290 (comment))