|
@@ -1,263 +1,129 @@
|
|
|
-import Utils from "../Utils";
|
|
|
-
|
|
|
-
|
|
|
/**
|
|
|
- * Base64 operations.
|
|
|
+ * Base64 functions.
|
|
|
*
|
|
|
* @author n1474335 [n1474335@gmail.com]
|
|
|
* @copyright Crown Copyright 2016
|
|
|
* @license Apache-2.0
|
|
|
- *
|
|
|
- * @namespace
|
|
|
*/
|
|
|
-const Base64 = {
|
|
|
-
|
|
|
- /**
|
|
|
- * @constant
|
|
|
- * @default
|
|
|
- */
|
|
|
- BASE32_ALPHABET: "A-Z2-7=",
|
|
|
-
|
|
|
- /**
|
|
|
- * To Base32 operation.
|
|
|
- *
|
|
|
- * @param {byteArray} input
|
|
|
- * @param {Object[]} args
|
|
|
- * @returns {string}
|
|
|
- */
|
|
|
- runTo32: function(input, args) {
|
|
|
- if (!input) return "";
|
|
|
-
|
|
|
- let alphabet = args[0] ?
|
|
|
- Utils.expandAlphRange(args[0]).join("") : "ABCDEFGHIJKLMNOPQRSTUVWXYZ234567=",
|
|
|
- output = "",
|
|
|
- chr1, chr2, chr3, chr4, chr5,
|
|
|
- enc1, enc2, enc3, enc4, enc5, enc6, enc7, enc8,
|
|
|
- i = 0;
|
|
|
-
|
|
|
- while (i < input.length) {
|
|
|
- chr1 = input[i++];
|
|
|
- chr2 = input[i++];
|
|
|
- chr3 = input[i++];
|
|
|
- chr4 = input[i++];
|
|
|
- chr5 = input[i++];
|
|
|
-
|
|
|
- enc1 = chr1 >> 3;
|
|
|
- enc2 = ((chr1 & 7) << 2) | (chr2 >> 6);
|
|
|
- enc3 = (chr2 >> 1) & 31;
|
|
|
- enc4 = ((chr2 & 1) << 4) | (chr3 >> 4);
|
|
|
- enc5 = ((chr3 & 15) << 1) | (chr4 >> 7);
|
|
|
- enc6 = (chr4 >> 2) & 31;
|
|
|
- enc7 = ((chr4 & 3) << 3) | (chr5 >> 5);
|
|
|
- enc8 = chr5 & 31;
|
|
|
-
|
|
|
- if (isNaN(chr2)) {
|
|
|
- enc3 = enc4 = enc5 = enc6 = enc7 = enc8 = 32;
|
|
|
- } else if (isNaN(chr3)) {
|
|
|
- enc5 = enc6 = enc7 = enc8 = 32;
|
|
|
- } else if (isNaN(chr4)) {
|
|
|
- enc6 = enc7 = enc8 = 32;
|
|
|
- } else if (isNaN(chr5)) {
|
|
|
- enc8 = 32;
|
|
|
- }
|
|
|
|
|
|
- output += alphabet.charAt(enc1) + alphabet.charAt(enc2) + alphabet.charAt(enc3) +
|
|
|
- alphabet.charAt(enc4) + alphabet.charAt(enc5) + alphabet.charAt(enc6) +
|
|
|
- alphabet.charAt(enc7) + alphabet.charAt(enc8);
|
|
|
- }
|
|
|
-
|
|
|
- return output;
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
- /**
|
|
|
- * From Base32 operation.
|
|
|
- *
|
|
|
- * @param {string} input
|
|
|
- * @param {Object[]} args
|
|
|
- * @returns {byteArray}
|
|
|
- */
|
|
|
- runFrom32: function(input, args) {
|
|
|
- if (!input) return [];
|
|
|
-
|
|
|
- let alphabet = args[0] ?
|
|
|
- Utils.expandAlphRange(args[0]).join("") : "ABCDEFGHIJKLMNOPQRSTUVWXYZ234567=",
|
|
|
- removeNonAlphChars = args[0];
|
|
|
+import Utils from "../Utils";
|
|
|
|
|
|
- let output = [],
|
|
|
- chr1, chr2, chr3, chr4, chr5,
|
|
|
- enc1, enc2, enc3, enc4, enc5, enc6, enc7, enc8,
|
|
|
- i = 0;
|
|
|
|
|
|
- if (removeNonAlphChars) {
|
|
|
- const re = new RegExp("[^" + alphabet.replace(/[\]\\\-^]/g, "\\$&") + "]", "g");
|
|
|
- input = input.replace(re, "");
|
|
|
+/**
|
|
|
+ * Base64's the input byte array using the given alphabet, returning a string.
|
|
|
+ *
|
|
|
+ * @param {byteArray|Uint8Array|string} data
|
|
|
+ * @param {string} [alphabet="A-Za-z0-9+/="]
|
|
|
+ * @returns {string}
|
|
|
+ *
|
|
|
+ * @example
|
|
|
+ * // returns "SGVsbG8="
|
|
|
+ * toBase64([72, 101, 108, 108, 111]);
|
|
|
+ *
|
|
|
+ * // returns "SGVsbG8="
|
|
|
+ * toBase64("Hello");
|
|
|
+ */
|
|
|
+export function toBase64(data, alphabet="A-Za-z0-9+/=") {
|
|
|
+ if (!data) return "";
|
|
|
+ if (typeof data == "string") {
|
|
|
+ data = Utils.strToByteArray(data);
|
|
|
+ }
|
|
|
+
|
|
|
+ alphabet = Utils.expandAlphRange(alphabet).join("");
|
|
|
+
|
|
|
+ let output = "",
|
|
|
+ chr1, chr2, chr3,
|
|
|
+ enc1, enc2, enc3, enc4,
|
|
|
+ i = 0;
|
|
|
+
|
|
|
+ while (i < data.length) {
|
|
|
+ chr1 = data[i++];
|
|
|
+ chr2 = data[i++];
|
|
|
+ chr3 = data[i++];
|
|
|
+
|
|
|
+ enc1 = chr1 >> 2;
|
|
|
+ enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
|
|
|
+ enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
|
|
|
+ enc4 = chr3 & 63;
|
|
|
+
|
|
|
+ if (isNaN(chr2)) {
|
|
|
+ enc3 = enc4 = 64;
|
|
|
+ } else if (isNaN(chr3)) {
|
|
|
+ enc4 = 64;
|
|
|
}
|
|
|
|
|
|
- while (i < input.length) {
|
|
|
- enc1 = alphabet.indexOf(input.charAt(i++));
|
|
|
- enc2 = alphabet.indexOf(input.charAt(i++) || "=");
|
|
|
- enc3 = alphabet.indexOf(input.charAt(i++) || "=");
|
|
|
- enc4 = alphabet.indexOf(input.charAt(i++) || "=");
|
|
|
- enc5 = alphabet.indexOf(input.charAt(i++) || "=");
|
|
|
- enc6 = alphabet.indexOf(input.charAt(i++) || "=");
|
|
|
- enc7 = alphabet.indexOf(input.charAt(i++) || "=");
|
|
|
- enc8 = alphabet.indexOf(input.charAt(i++) || "=");
|
|
|
+ output += alphabet.charAt(enc1) + alphabet.charAt(enc2) +
|
|
|
+ alphabet.charAt(enc3) + alphabet.charAt(enc4);
|
|
|
+ }
|
|
|
|
|
|
- chr1 = (enc1 << 3) | (enc2 >> 2);
|
|
|
- chr2 = ((enc2 & 3) << 6) | (enc3 << 1) | (enc4 >> 4);
|
|
|
- chr3 = ((enc4 & 15) << 4) | (enc5 >> 1);
|
|
|
- chr4 = ((enc5 & 1) << 7) | (enc6 << 2) | (enc7 >> 3);
|
|
|
- chr5 = ((enc7 & 7) << 5) | enc8;
|
|
|
+ return output;
|
|
|
+}
|
|
|
|
|
|
- output.push(chr1);
|
|
|
- if (enc2 & 3 !== 0 || enc3 !== 32) output.push(chr2);
|
|
|
- if (enc4 & 15 !== 0 || enc5 !== 32) output.push(chr3);
|
|
|
- if (enc5 & 1 !== 0 || enc6 !== 32) output.push(chr4);
|
|
|
- if (enc7 & 7 !== 0 || enc8 !== 32) output.push(chr5);
|
|
|
- }
|
|
|
|
|
|
- return output;
|
|
|
- },
|
|
|
+/**
|
|
|
+ * UnBase64's the input string using the given alphabet, returning a byte array.
|
|
|
+ *
|
|
|
+ * @param {byteArray} data
|
|
|
+ * @param {string} [alphabet="A-Za-z0-9+/="]
|
|
|
+ * @param {string} [returnType="string"] - Either "string" or "byteArray"
|
|
|
+ * @param {boolean} [removeNonAlphChars=true]
|
|
|
+ * @returns {byteArray}
|
|
|
+ *
|
|
|
+ * @example
|
|
|
+ * // returns "Hello"
|
|
|
+ * fromBase64("SGVsbG8=");
|
|
|
+ *
|
|
|
+ * // returns [72, 101, 108, 108, 111]
|
|
|
+ * fromBase64("SGVsbG8=", null, "byteArray");
|
|
|
+ */
|
|
|
+export function fromBase64(data, alphabet="A-Za-z0-9+/=", returnType="string", removeNonAlphChars=true) {
|
|
|
+ if (!data) {
|
|
|
+ return returnType === "string" ? "" : [];
|
|
|
+ }
|
|
|
|
|
|
+ alphabet = Utils.expandAlphRange(alphabet).join("");
|
|
|
|
|
|
- /**
|
|
|
- * @constant
|
|
|
- * @default
|
|
|
- */
|
|
|
- SHOW_IN_BINARY: false,
|
|
|
- /**
|
|
|
- * @constant
|
|
|
- * @default
|
|
|
- */
|
|
|
- OFFSETS_SHOW_VARIABLE: true,
|
|
|
+ const output = [];
|
|
|
+ let chr1, chr2, chr3,
|
|
|
+ enc1, enc2, enc3, enc4,
|
|
|
+ i = 0;
|
|
|
|
|
|
- /**
|
|
|
- * Show Base64 offsets operation.
|
|
|
- *
|
|
|
- * @param {byteArray} input
|
|
|
- * @param {Object[]} args
|
|
|
- * @returns {html}
|
|
|
- */
|
|
|
- runOffsets: function(input, args) {
|
|
|
- let alphabet = args[0] || Base64.ALPHABET,
|
|
|
- showVariable = args[1],
|
|
|
- offset0 = Utils.toBase64(input, alphabet),
|
|
|
- offset1 = Utils.toBase64([0].concat(input), alphabet),
|
|
|
- offset2 = Utils.toBase64([0, 0].concat(input), alphabet),
|
|
|
- len0 = offset0.indexOf("="),
|
|
|
- len1 = offset1.indexOf("="),
|
|
|
- len2 = offset2.indexOf("="),
|
|
|
- script = "<script type='application/javascript'>$('[data-toggle=\"tooltip\"]').tooltip()</script>",
|
|
|
- staticSection = "",
|
|
|
- padding = "";
|
|
|
+ if (removeNonAlphChars) {
|
|
|
+ const re = new RegExp("[^" + alphabet.replace(/[[\]\\\-^$]/g, "\\$&") + "]", "g");
|
|
|
+ data = data.replace(re, "");
|
|
|
+ }
|
|
|
|
|
|
- if (input.length < 1) {
|
|
|
- return "Please enter a string.";
|
|
|
- }
|
|
|
+ while (i < data.length) {
|
|
|
+ enc1 = alphabet.indexOf(data.charAt(i++));
|
|
|
+ enc2 = alphabet.indexOf(data.charAt(i++) || "=");
|
|
|
+ enc3 = alphabet.indexOf(data.charAt(i++) || "=");
|
|
|
+ enc4 = alphabet.indexOf(data.charAt(i++) || "=");
|
|
|
|
|
|
- // Highlight offset 0
|
|
|
- if (len0 % 4 === 2) {
|
|
|
- staticSection = offset0.slice(0, -3);
|
|
|
- offset0 = "<span data-toggle='tooltip' data-placement='top' title='" +
|
|
|
- Utils.escapeHtml(Utils.fromBase64(staticSection, alphabet).slice(0, -2)) + "'>" +
|
|
|
- staticSection + "</span>" +
|
|
|
- "<span class='hl5'>" + offset0.substr(offset0.length - 3, 1) + "</span>" +
|
|
|
- "<span class='hl3'>" + offset0.substr(offset0.length - 2) + "</span>";
|
|
|
- } else if (len0 % 4 === 3) {
|
|
|
- staticSection = offset0.slice(0, -2);
|
|
|
- offset0 = "<span data-toggle='tooltip' data-placement='top' title='" +
|
|
|
- Utils.escapeHtml(Utils.fromBase64(staticSection, alphabet).slice(0, -1)) + "'>" +
|
|
|
- staticSection + "</span>" +
|
|
|
- "<span class='hl5'>" + offset0.substr(offset0.length - 2, 1) + "</span>" +
|
|
|
- "<span class='hl3'>" + offset0.substr(offset0.length - 1) + "</span>";
|
|
|
- } else {
|
|
|
- staticSection = offset0;
|
|
|
- offset0 = "<span data-toggle='tooltip' data-placement='top' title='" +
|
|
|
- Utils.escapeHtml(Utils.fromBase64(staticSection, alphabet)) + "'>" +
|
|
|
- staticSection + "</span>";
|
|
|
- }
|
|
|
+ enc2 = enc2 === -1 ? 64 : enc2;
|
|
|
+ enc3 = enc3 === -1 ? 64 : enc3;
|
|
|
+ enc4 = enc4 === -1 ? 64 : enc4;
|
|
|
|
|
|
- if (!showVariable) {
|
|
|
- offset0 = staticSection;
|
|
|
- }
|
|
|
+ chr1 = (enc1 << 2) | (enc2 >> 4);
|
|
|
+ chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
|
|
|
+ chr3 = ((enc3 & 3) << 6) | enc4;
|
|
|
|
|
|
+ output.push(chr1);
|
|
|
|
|
|
- // Highlight offset 1
|
|
|
- padding = "<span class='hl3'>" + offset1.substr(0, 1) + "</span>" +
|
|
|
- "<span class='hl5'>" + offset1.substr(1, 1) + "</span>";
|
|
|
- offset1 = offset1.substr(2);
|
|
|
- if (len1 % 4 === 2) {
|
|
|
- staticSection = offset1.slice(0, -3);
|
|
|
- offset1 = padding + "<span data-toggle='tooltip' data-placement='top' title='" +
|
|
|
- Utils.escapeHtml(Utils.fromBase64("AA" + staticSection, alphabet).slice(1, -2)) + "'>" +
|
|
|
- staticSection + "</span>" +
|
|
|
- "<span class='hl5'>" + offset1.substr(offset1.length - 3, 1) + "</span>" +
|
|
|
- "<span class='hl3'>" + offset1.substr(offset1.length - 2) + "</span>";
|
|
|
- } else if (len1 % 4 === 3) {
|
|
|
- staticSection = offset1.slice(0, -2);
|
|
|
- offset1 = padding + "<span data-toggle='tooltip' data-placement='top' title='" +
|
|
|
- Utils.escapeHtml(Utils.fromBase64("AA" + staticSection, alphabet).slice(1, -1)) + "'>" +
|
|
|
- staticSection + "</span>" +
|
|
|
- "<span class='hl5'>" + offset1.substr(offset1.length - 2, 1) + "</span>" +
|
|
|
- "<span class='hl3'>" + offset1.substr(offset1.length - 1) + "</span>";
|
|
|
- } else {
|
|
|
- staticSection = offset1;
|
|
|
- offset1 = padding + "<span data-toggle='tooltip' data-placement='top' title='" +
|
|
|
- Utils.escapeHtml(Utils.fromBase64("AA" + staticSection, alphabet).slice(1)) + "'>" +
|
|
|
- staticSection + "</span>";
|
|
|
+ if (enc3 !== 64) {
|
|
|
+ output.push(chr2);
|
|
|
}
|
|
|
-
|
|
|
- if (!showVariable) {
|
|
|
- offset1 = staticSection;
|
|
|
- }
|
|
|
-
|
|
|
- // Highlight offset 2
|
|
|
- padding = "<span class='hl3'>" + offset2.substr(0, 2) + "</span>" +
|
|
|
- "<span class='hl5'>" + offset2.substr(2, 1) + "</span>";
|
|
|
- offset2 = offset2.substr(3);
|
|
|
- if (len2 % 4 === 2) {
|
|
|
- staticSection = offset2.slice(0, -3);
|
|
|
- offset2 = padding + "<span data-toggle='tooltip' data-placement='top' title='" +
|
|
|
- Utils.escapeHtml(Utils.fromBase64("AAA" + staticSection, alphabet).slice(2, -2)) + "'>" +
|
|
|
- staticSection + "</span>" +
|
|
|
- "<span class='hl5'>" + offset2.substr(offset2.length - 3, 1) + "</span>" +
|
|
|
- "<span class='hl3'>" + offset2.substr(offset2.length - 2) + "</span>";
|
|
|
- } else if (len2 % 4 === 3) {
|
|
|
- staticSection = offset2.slice(0, -2);
|
|
|
- offset2 = padding + "<span data-toggle='tooltip' data-placement='top' title='" +
|
|
|
- Utils.escapeHtml(Utils.fromBase64("AAA" + staticSection, alphabet).slice(2, -2)) + "'>" +
|
|
|
- staticSection + "</span>" +
|
|
|
- "<span class='hl5'>" + offset2.substr(offset2.length - 2, 1) + "</span>" +
|
|
|
- "<span class='hl3'>" + offset2.substr(offset2.length - 1) + "</span>";
|
|
|
- } else {
|
|
|
- staticSection = offset2;
|
|
|
- offset2 = padding + "<span data-toggle='tooltip' data-placement='top' title='" +
|
|
|
- Utils.escapeHtml(Utils.fromBase64("AAA" + staticSection, alphabet).slice(2)) + "'>" +
|
|
|
- staticSection + "</span>";
|
|
|
- }
|
|
|
-
|
|
|
- if (!showVariable) {
|
|
|
- offset2 = staticSection;
|
|
|
+ if (enc4 !== 64) {
|
|
|
+ output.push(chr3);
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- return (showVariable ? "Characters highlighted in <span class='hl5'>green</span> could change if the input is surrounded by more data." +
|
|
|
- "\nCharacters highlighted in <span class='hl3'>red</span> are for padding purposes only." +
|
|
|
- "\nUnhighlighted characters are <span data-toggle='tooltip' data-placement='top' title='Tooltip on left'>static</span>." +
|
|
|
- "\nHover over the static sections to see what they decode to on their own.\n" +
|
|
|
- "\nOffset 0: " + offset0 +
|
|
|
- "\nOffset 1: " + offset1 +
|
|
|
- "\nOffset 2: " + offset2 +
|
|
|
- script :
|
|
|
- offset0 + "\n" + offset1 + "\n" + offset2);
|
|
|
- },
|
|
|
+ return returnType === "string" ? Utils.byteArrayToUtf8(output) : output;
|
|
|
+}
|
|
|
|
|
|
-};
|
|
|
-
|
|
|
-export default Base64;
|
|
|
-
|
|
|
-export const ALPHABET = "A-Za-z0-9+/=";
|
|
|
|
|
|
+/**
|
|
|
+ * Base64 alphabets.
|
|
|
+ */
|
|
|
export const ALPHABET_OPTIONS = [
|
|
|
{name: "Standard: A-Za-z0-9+/=", value: "A-Za-z0-9+/="},
|
|
|
{name: "URL safe: A-Za-z0-9-_", value: "A-Za-z0-9-_"},
|