MikeCoder / MJsonViewer

scripts/common.js

// Copyright © 2017 Tangdongxin

// Permission is hereby granted, free of charge, to any person obtaining
// A copy of this software and associated documentation files (the "Software"),
// To deal in the Software without restriction, including without limitation
// The rights to use, copy, modify, merge, publish, distribute, sublicense,
// And/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
// The above copyright notice and this permission notice shall be included
// In all copies or substantial portions of the Software.

// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
// OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
// IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
// TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
// OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


let bgColor; // Background color
let intColor; // Integer color
let strColor; // String color
let keyColor; // K-v key color
let defaultColor; // Default text color
let fontStyle; // Font-family
let fontSize; // Font-size
let strictOnly; // Only deal with the application/json response
let hideDetails; // Hide the count and size
let dontBeatify; // Hide the [str] or [json]
let strLength; // String length
let isRelaxedJsonSupport; // Support relaxed json or not.
let isDebug; // Debug mode
let isJsonThisDocument = false;//
// ===========================================
// DEFAULT VALUES
// ===========================================
const RAND = 'MIKE';
const HOV = `H${RAND}`;
const DIV = `D${RAND}`;
const KEY = `K${RAND}`;
const STR = `S${RAND}`;
const BOOL = `B${RAND}`;
const ERR = `E${RAND}`;
const COLL = `C${RAND}`;

// ===========================================
// COMMON FUNCTIONS
// ===========================================
function onError (result, error) {

  console.log(result);

console.log looks like debug code. Are you sure you do not want to remove it?

}

function dlog (target) {

  if (isDebug) {

    console.log(target);

console.log looks like debug code. Are you sure you do not want to remove it?

  }

}

function reconvert (str) {

  str = str.replace(/(\\u)(\w{1,4})/gi, function ($0) {

    return String.fromCharCode(parseInt(escape($0).replace(/(%5Cu)(\w{1,4})/g, '$2'), 16));

  });
  str = str.replace(/(&#x)(\w{1,4});/gi, function ($0) {

    return String.fromCharCode(parseInt(escape($0).replace(/(%26%23x)(\w{1,4})(%3B)/g, '$2'), 16));

  });
  str = str.replace(/(&#)(\d{1,6});/gi, function ($0) {

    return String.fromCharCode(parseInt(escape($0).replace(/(%26%23)(\d{1,6})(%3B)/g, '$2')));

  });

  return str;

}

function units (size) {

  return size > 1048576 ? `${0 | size / 1048576 }MB` :
    size > 1024 ? `${0 | size / 1024 }KB` :
      `${size }B`;

}

function fragment (div, a, b) {

  const frag = document.createDocumentFragment();
  frag.appendChild(document.createTextNode(a));
  if (b) {

    frag.appendChild(div.cloneNode());
    frag.appendChild(document.createTextNode(b));

  } else {

    frag.appendChild(document.createElement('br'));

  }
  return frag;

}

function change (node, query, name, set) {

  const list = node.querySelectorAll(query);
  let i = list.length;
  for (; i--;) {

    list[i].classList[set ? 'add' : 'remove'](name);

  }

}

function draw (str, current, isEmbed = false) {

  isJsonThisDocument = true;

  const re = /("(?:((?:https?|file):\/\/(?:\\?\S)+?)|(?:\\?.)*?)")\s*(:?)|-?\d+\.?\d*(?:e[+-]?\d+)?|true|false|null|[[\]{},]|(\S[^-[\]{},"\d]*)/gi;
  let node = document.createElement('div');
  node.classList.add(DIV);
  const link = document.createElement('a');
  const span = document.createElement('span');
  const info = document.createElement('i');
  const colon = document.createTextNode(': ');
  const comma = fragment(node, ',');
  const path = [];
  const cache = {
    '{': fragment(node, '{', '}'),
    '[': fragment(node, '[', ']'),
  };

  node.className = `R${RAND}`;
  link.classList.add(`L${RAND}`);
  if (isEmbed) {

    info.classList.add(`IJSON${RAND}`);

  } else {

    info.classList.add(`I${RAND}`);

  }

  parse(str, re);

  current.innerHTML = node.innerHTML;

  function parse (str, re) {

    str = reconvert(str);
    let match; let val; let tmp; const i = 0;
    const len = str.length;
    try {

      for (; match = re.exec(str);) {

        val = match[0];
        if (val == '{' || val == '[') {

          path.push(node);
          node.appendChild(cache[val].cloneNode(true));
          node = node.lastChild.previousSibling;
          node.len = 1;
          node.start = re.lastIndex;

        } else if ((val == '}' || val == ']') && node.len) {

          if (node.childNodes.length) {

            tmp = info.cloneNode();
            const content = node.len + (
              node.len == 1 ?
                val == ']' ? ' item, ' : ' property, ' :
                val == ']' ? ' items, ' : ' properties, '
            ) + units(re.lastIndex - node.start + 1);

            if (hideDetails) {

              tmp.setAttribute('title', content);

            } else {

              tmp.dataset.content = content;

            }

            if ((val = node.previousElementSibling) && val.className == KEY) {

              tmp.dataset.key = reconvert(val.textContent.slice(1, -1).replace(/'/, '\\\''));

            }
            node.parentNode.insertBefore(tmp, node);

          } else {

            node.parentNode.removeChild(node);

          }
          node = path.pop();

        } else if (val == ',') {

          node.len += 1;
          node.appendChild(comma.cloneNode(true));

        } else {

          tmp = span.cloneNode();
          tmp.textContent = match[1] || val;
          tmp.classList.add(match[3] ? KEY : match[1] ? STR : match[4] ? ERR : BOOL);
          node.appendChild(tmp);
          if (match[3]) {

            node.appendChild(colon.cloneNode());

          }

        }

      }
      document.title = '';
      JSON.parse(str);

    } catch (e) {

      dlog(e);
      // TODO: find a better way to report error

    }

  }

}