feat(base64-string-converter): switch to encode and decode url safe

This commit is contained in:
Carsten Götzinger 2023-05-07 20:25:15 +02:00
parent a43c546e34
commit e9d5429f30
3 changed files with 62 additions and 10 deletions

View file

@ -8,6 +8,13 @@ describe('base64 utils', () => {
expect(textToBase64('a')).to.eql('YQ==');
expect(textToBase64('lorem ipsum')).to.eql('bG9yZW0gaXBzdW0=');
expect(textToBase64('-1')).to.eql('LTE=');
expect(textToBase64('<<<????????>>>')).to.eql('PDw8Pz8/Pz8/Pz8+Pj4=');
});
it('should convert string into url safe base64', () => {
expect(textToBase64('', true)).to.eql('');
expect(textToBase64('a', true)).to.eql('YQ');
expect(textToBase64('lorem ipsum', true)).to.eql('bG9yZW0gaXBzdW0');
expect(textToBase64('<<<????????>>>', true)).to.eql('PDw8Pz8_Pz8_Pz8-Pj4');
});
});
@ -20,6 +27,15 @@ describe('base64 utils', () => {
expect(base64ToText('LTE=')).to.eql('-1');
});
it('should convert url safe base64 into text', () => {
expect(base64ToText('', true)).to.eql('');
expect(base64ToText('YQ', true)).to.eql('a');
expect(base64ToText('bG9yZW0gaXBzdW0', true)).to.eql('lorem ipsum');
expect(base64ToText('data:text/plain;base64,bG9yZW0gaXBzdW0', true)).to.eql('lorem ipsum');
expect(base64ToText('LTE', true)).to.eql('-1');
expect(base64ToText('PDw8Pz8_Pz8_Pz8-Pj4', true)).to.eql('<<<????????>>>');
});
it('should throw for incorrect base64 string', () => {
expect(() => base64ToText('a')).to.throw('Incorrect base64 string');
expect(() => base64ToText(' ')).to.throw('Incorrect base64 string');

View file

@ -1,15 +1,19 @@
export { textToBase64, base64ToText, isValidBase64, removePotentialDataAndMimePrefix };
function textToBase64(str: string) {
return window.btoa(str);
function textToBase64(str: string, urlSafe = false) {
const encoded = window.btoa(str);
return urlSafe ? makeUriSafe(encoded) : encoded;
}
function base64ToText(str: string) {
if (!isValidBase64(str)) {
function base64ToText(str: string, urlSafe = false) {
if (!isValidBase64(str, urlSafe)) {
throw new Error('Incorrect base64 string');
}
const cleanStr = removePotentialDataAndMimePrefix(str);
let cleanStr = removePotentialDataAndMimePrefix(str);
if (urlSafe) {
cleanStr = unURI(cleanStr);
}
try {
return window.atob(cleanStr);
@ -22,12 +26,33 @@ function removePotentialDataAndMimePrefix(str: string) {
return str.replace(/^data:.*?;base64,/, '');
}
function isValidBase64(str: string) {
const cleanStr = removePotentialDataAndMimePrefix(str);
function isValidBase64(str: string, urlSafe = false) {
let cleanStr = removePotentialDataAndMimePrefix(str);
if (urlSafe) {
cleanStr = unURI(cleanStr);
}
try {
if (urlSafe) {
return removePotentialPadding(window.btoa(window.atob(cleanStr))) === cleanStr;
}
return window.btoa(window.atob(cleanStr)) === cleanStr;
} catch (err) {
return false;
}
}
function makeUriSafe(encoded: string) {
return encoded.replace(/=/g, '').replace(/\+/g, '-').replace(/\//g, '_');
}
function unURI(encoded: string): string {
return encoded
.replace(/-/g, '+')
.replace(/_/g, '/')
.replace(/[^A-Za-z0-9+/]/g, '');
}
function removePotentialPadding(str: string) {
return str.replace(/=/g, '');
}