function replacer(match, pIndent, pKey, pVal, pEnd) {
  var key = '<span class=json-key>';
  var val = '<span class=json-value>';
  var str = '<span class=json-string>';
  var r = pIndent || '';
  if (pKey)
     r = r + key + pKey.replace(/[": ]/g, '') + '</span>: ';
  if (pVal)
     r = r + (pVal[0] == '"' ? str : val) + pVal + '</span>';
  return r + (pEnd || '');
}


function prettyPrint(obj) {
  var jsonLine = /^( *)("[\w]+": )?("[^"]*"|[\w.+-]*)?([,[{])?$/mg;
  return JSON.stringify(obj, null, 3)
     .replace(/&/g, '&amp;').replace(/\\"/g, '&quot;')
     .replace(/</g, '&lt;').replace(/>/g, '&gt;')
     .replace(jsonLine, replacer);
}


document.addEventListener("DOMContentLoaded", (e) => {
  chrome.runtime.sendMessage({type:'dump-db'}, (resp) => {
    document.getElementById('dump').innerHTML = prettyPrint(resp);
  });
});