JSFiddle - React, Tailwind, and code Playground

by jouniso

HTML

<script src="https://rawgithub.com/nodeca/pako/master/dist/pako.js"></script>
<a id="link" href="" target="blank">Open map</a>

<pre id="json"></pre>

JavaScript

// Base64 encoded and gzipped message from MQTT
var b64GzippedData  = 'H4sIAAAAAAAAAN1W2U7jSBR976+w/AyhFi9xniYKgYka0ghCj4aZFqqOC6i2XRXZ5ZZQK3/Dn/Bjc72UXc6C5m2kUQQKde5y7s6vT47j6tcNd52J415wpsucuyfV6zNXGdf5a4X8ggdb8LpMtbgSkt/pXMjnWgHwtVJ5LCTTvKjE/qo/xBuFPgpRcOIEaITH2PeQ8+2kQyKKDEKi0EIw6XUQthGCiEEQibCNBFHUIGEU+r6FUOyHBqHhAAkDr0XG48CzkXGEDBJ6NuJ5iBqEoMhGemthiO1IvaizFlJs6/jExBMGYUBthI7HBsHUZuB71G8RsIwGOtQw8MLIH/hBxCA0tPPm99nxCBlww6TTwXQ8iCc03CjUzkaCyOhQQgeI5+MWIaE3yBsJOoQSW4dG2OQNB57NgAZjEymwtPNGPd/ooDAY6JCuCsiLgkGHUMMa4aoTqw809rYeh02uNjzXomntdiAKoUumhZKLuJ6Ly/vFuY8gT4Hvm6HoZFZmela304uLxexxulx+uV/O5tfz5cpI65w9PYn1VEpVyjXPuNSd3s3t/GpxvVhOb/98nM5mi3PQe7yd33y57dR/8rwAV5U4bp9ynnJW8JXIGivQA/QU+aeErpA/wWiCg1Hkk4cdEx/KjyPcyTOLajv2TXYAS5l8Ltlzu10WrUoVptBpmwzBHVy1JU+F85m/vL85i8WJMy82So2cuYT0CR4rzZ1UiIRLyRX8aK2ysox5odnI6c2mal2nui9Ru5dKCZtspuLaZ3DSQ0Zjxb6nfFlm33leJy88JvO1z7CLRxiPPOpaskBpnYuNIfFxeH+DyTzh2UY4GyaShE2cr+9vqUhTEPusEiGTV/gqq9C1fs3g9dS5zN/fCibVD2a9j9yWwnYvF+dcM5EWOynJFYuncZzzorg6mLS65UXG8tcbJaTeBQHOSinWYsNSoesj4dZBWclojaifAtqjlrgvCzDJdmXa+tQid6XKxK6AxXafSIvXZYNMH8Lu+NpEuC8QC+iiliEagNsDNJasnQtTzF2uLIU1MTuW1FrElMY0pI/8fVqyc3SoEdwhUeuvAWm34Gsl4/9dFfGHVYRT+Z/UkYYEB8cLeXBy/20hY5H34bvL+aV7GD7fWUBcc+gc6J3ekXHS74qn5h+/dn1/696rRP2h8uTmBS7IHqrhRExlfF7mh5YulCPXR64IGk8QerD3JpfxEVmvuVAP+xuOxbGoHLN0IZ9UnnUs3Kv2VJw6P5iTwOptbogDty1RRQF79kXrTTE5OzNHRQu4VZKPnmBKmhMMX8/6y1IAweY0uBediAPb3RhIeJGUhfM7TwuYVtGw3ZpswXBIzdaDAXQ3L0o2ESOCEMEI9f54Bku7xl5ai6Ohp98GTFt3rbOYaXa/gd/8WFKrM96kdPtp+w8L2hzGBQwAAA==';

// Decrompressing function
function decompressGzipToString(gzippedB64Data) {
    // Decode the base64 encoded data to ASCII string
    const gzippedData = atob(gzippedB64Data);
    // Convert ASCII string to UTF-8 byte array
    const gzippedDataArray = Uint8Array.from(gzippedData, c => c.charCodeAt(0))
    // Unzip byte array to UTF-8 byte array
    const unzippedData = pako.ungzip(gzippedDataArray);
    // Decode UTF-8 byte array to string
    return new...