JSFiddle - React, Tailwind, and code Playground

by lpugin

HTML

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pako/1.0.6/pako.min.js"></script>
<fieldset>
    <legend>Create zRIF string from work.bin</legend>
  <p>
  1. Select RIF file (work.bin): <input type="file" id="file" />
  </p>
  <p>
  2. Press the button: <input type="button" id="convert" value="convert" />
  </p>
  <p>
  3. Copy the zRIF string: <input type="text" id="zrif" size="100" />
  </p>
</fieldset>

<fieldset>
    <legend>Create work.bin from zRIF string</legend>
  <p>
  1. Provide zRIF string: <input type="text" id="zrif2" size="100" />
  </p>
  <p>
  2. Convert to work.bin: <input type="button" id="convert2" value="convert" />
  </p>
</fieldset>

CSS

fieldset { margin: 20px; border: 1px solid; }
p { margin: 20px; }

JavaScript

var ddd = pako.inflate(atob("eNpjYBgFo2AU0AsYAIElGt8MRJiDCAsw3xhEmIAIU4N4AwNdRxcXZ3+/EJCAkW6Ac7C7ARwYgviuQAaIdoPSzlDaBUo7QmknIM3ACIZM78+u7kx3VWYEAGJ9HV0="));

function encode(arr) {
  arr = pako.deflate(arr, {
  	level: 9,
    windowBits: 10,
    memLevel: 8,
	  dictionary: ddd
  });
  var dec = pako.inflate(arr, { dictionary: ddd });
  console.log(dec);
  while (arr.length % 3 != 0) {
    arr = concatTypedArrays(arr, new Uint8Array([0]));
  }
  return base64ArrayBuffer(arr);
}

function convert() {

    var files = document.getElementById('file').files;
    if (!files.length) {
      alert('Please select a file!');
      return;
    }
    var file = files[0];
    var start = 0;

    var reader = new FileReader();
    reader.onloadend = function(evt) {
      if (evt.target.readyState == FileReader.DONE) {
          document.getElementById('zrif').value = encode(evt.target.result);
      }
    };
    reader.readAsArrayBuffer(file);
}

function decode(str) {
  var tmp = window.atob(str);
  var arr = new Uint8Array(tmp.length);
  for (var i=0; i<tmp.length; i++) {
    arr[i] = tmp.charCodeAt(i);
  }
  arr = pako.inflate(arr, {
    windowBits: 10,
	  dictionary: ddd
  });
  return arr;
}


function convert2() {

}
  
document.getElementById("convert").onclick = convert;
document.getElementById("convert2").onclick = convert2;