Function compare

demos/html-demo/demo.ts:392–464

()

};

const compare = function () {
  let left, right, error;
  document.getElementById('results')!.style.display = 'none';
  try {
    left = areas.left.parse();
  } catch (err) {
    error = err;
  }
  try {
    right = areas.right.parse();
  } catch (err) {
    error = err;
  }
  areas.delta.error(false);
  if (error) {
    areas.delta.setValue('');
    return;
  }
  const selectedType = getSelectedDeltaType();
  const visualdiff = document.getElementById('visualdiff')!;
  const annotateddiff = document.getElementById('annotateddiff')!;
  const jsondifflength = document.getElementById('jsondifflength')!;
  try {
    const delta = instance.diff(left, right);

    if (typeof delta === 'undefined') {
      switch (selectedType) {
        case 'visual':
          visualdiff.innerHTML = 'no diff';
          break;
        case 'annotated':
          annotateddiff.innerHTML = 'no diff';
          break;
        case 'json':
          areas.delta.setValue('no diff');
          jsondifflength.innerHTML = '0';
          break;
      }
    } else {
      switch (selectedType) {
        case 'visual':
          visualdiff.innerHTML = htmlFormatter.format(delta, left)!;
          if (
            !(document.getElementById('showunchanged') as HTMLInputElement)
              .checked
          ) {
            htmlFormatter.hideUnchanged();
          }
          dom.runScriptTags(visualdiff);
          break;
        case 'annotated':
          annotateddiff.innerHTML = annotatedFormatter.format(delta)!;
          break;
        case 'json':
          areas.delta.setValue(JSON.stringify(delta, null, 2));
          jsondifflength.innerHTML =
            Math.round(JSON.stringify(delta).length / 102.4) / 10.0 + '';
          break;