JSFiddle - React, Tailwind, and code Playground

by Tushar Thakare

HTML

<script src="https://rawgithub.com/nodeca/pako/master/dist/pako.js"></script>
<input id="demo"/>

JavaScript

// Get some base64 encoded binary data from the server. Imagine we got this:
var b64Data     = 'iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==';

// Decode base64 (convert ascii to binary)
var strData     = atob(b64Data);

// Convert binary string to character-number array
var charData    = strData.split('').map(function(x){return x.charCodeAt(0);});

// Turn number array into byte-array
var binData     = new Uint8Array(charData);

// Pako magic
var data        = pako.deflate(b64Data);

// Convert gunzipped byteArray back to ascii string:
var strData     = String.fromCharCode.apply(null, new Uint16Array(data));

// Output to console
document.getElementById("inputFileToLoad").value =