diff2html/website/templates/pages/url/url.js

/*
 * Example URLs:
 *
 * github/rtfpessoa/diff2html/7d02e67f3b3386ac5d804f974d025cd7a1165839
 * https://github.com/rtfpessoa/diff2html/commit/7d02e67f3b3386ac5d804f974d025cd7a1165839
 * https://github.com/rtfpessoa/diff2html/pull/106
 *
 * gitlab/gitlab-org/gitlab-ce/4e963fed42ad518caa7353d361a38a1250c99c41
 * https://gitlab.com/gitlab-org/gitlab-ce/commit/4e963fed42ad518caa7353d361a38a1250c99c41
 * https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/6763
 *
 * bitbucket/atlassian/amps/52c38116f12475f75af4a147b7a7685478b83eca
 * https://bitbucket.org/atlassian/amps/commits/52c38116f12475f75af4a147b7a7685478b83eca
 * https://bitbucket.org/atlassian/amps/pull-requests/236
 */

$(document).ready(function () {
  // Improves browser compatibility
  require('whatwg-fetch');

  var $container = $('.container');
  var $url = $("#url");
  var $outputFormat = $("#diff-url-options-output-format");
  var $showFiles = $("#diff-url-options-show-files");
  var $matching = $("#diff-url-options-matching");
  var $wordThreshold = $("#diff-url-options-match-words-threshold");
  var $matchingMaxComparisons = $("#diff-url-options-matching-max-comparisons");

  var hash = window.location.hash
    .replace(/^(#!?\/?)/, "");

  var search = window.location.search;

  if (hash) {
    $url.val(hash);
    draw(prepareUrl(hash));
  } else if (search) {
    try {
      var url = search
        .split("?")[1]
        .split("diff=")[1]
        .split("&")[0];
      $url.val(url);
      draw(prepareUrl(url));
    } catch (_ignore) {
    }
  }

  bind(prepareUrl);

  $outputFormat
    .add($showFiles)
    .add($matching)
    .add($wordThreshold)
    .add($matchingMaxComparisons)
    .change(function () {
      fastDraw();
    });

  function fastDraw() {
    var url = $url.val();
    var preparedUrl = prepareUrl(url);
    draw(preparedUrl);
  }

  function bind() {
    $("#url-btn").click(function (e) {
      e.preventDefault();
      fastDraw();
    });
  }

  function prepareUrl(url) {
    var githubPath = /^github\/(.*?)\/(.*?)\/(.*?)$/;
    var githubCommitUrl = /^https?:\/\/(?:www\.)?github\.com\/(.*?)\/(.*?)\/commit\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
    var githubPrUrl = /^https?:\/\/(?:www\.)?github\.com\/(.*?)\/(.*?)\/pull\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;

    var gitlabPath = /^gitlab\/(.*?)\/(.*?)\/(.*?)$/;
    var gitlabCommitUrl = /^https?:\/\/(?:www\.)?gitlab\.com\/(.*?)\/(.*?)\/commit\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;
    var gitlabPrUrl = /^https?:\/\/(?:www\.)?gitlab\.com\/(.*?)\/(.*?)\/merge_requests\/(.*?)(?:\.diff)?(?:\.patch)?(?:\/.*)?$/;

    var bitbucketPath = /^bitbucket\/(.*?)\/(.*?)\/(.*?)$/;
    var bitbucketCommitUrl = /^https?:\/\/(?:www\.)?bitbucket\.org\/(.*?)\/(.*?)\/commits\/(.*?)(?:\/raw)?(?:\/.*)?$/;
    var bitbucketPrUrl = /^https?:\/\/(?:www\.)?bitbucket\.org\/(.*?)\/(.*?)\/pull-requests\/(.*?)(?:\/.*)?$/;

    function genericUrlGen(provider, userName, projectName, type, value) {
      return "https://" + provider + ".com/" + userName + "/" + projectName + "/" + type + "/" + value + ".diff";
    }

    function bitbucketUrlGen(userName, projectName, type, value) {
      var baseUrl = "https://bitbucket.org/api/2.0/repositories/";

      if (type == "pullrequests") {
        return baseUrl + userName + "/" + projectName + "/pullrequests/" + value + "/diff";
      }

      return baseUrl + userName + "/" + projectName + "/diff/" + value;
    }

    var values;
    var finalUrl;
    if ((values = githubPath.exec(url))) {
      finalUrl = genericUrlGen("github", values[1], values[2], "commit", values[3]);
    } else if ((values = githubCommitUrl.exec(url))) {
      finalUrl = genericUrlGen("github", values[1], values[2], "commit", values[3]);
    } else if ((values = githubPrUrl.exec(url))) {
      finalUrl = genericUrlGen("github", values[1], values[2], "pull", values[3]);

    } else if ((values = gitlabPath.exec(url))) {
      finalUrl = genericUrlGen("gitlab", values[1], values[2], "commit", values[3]);
    } else if ((values = gitlabCommitUrl.exec(url))) {
      finalUrl = genericUrlGen("gitlab", values[1], values[2], "commit", values[3]);
    } else if ((values = gitlabPrUrl.exec(url))) {
      finalUrl = genericUrlGen("gitlab", values[1], values[2], "merge_requests", values[3]);

    } else if ((values = bitbucketPath.exec(url))) {
      finalUrl = bitbucketUrlGen(values[1], values[2], "commit", values[3]);
    } else if ((values = bitbucketCommitUrl.exec(url))) {
      finalUrl = bitbucketUrlGen(values[1], values[2], "commit", values[3]);
    } else if ((values = bitbucketPrUrl.exec(url))) {
      finalUrl = bitbucketUrlGen(values[1], values[2], "pullrequests", values[3]);
    } else {
      console.info("Could not parse url, using the provided url.");
      finalUrl = url;
    }

    return finalUrl;
  }

  function draw(url) {
    var outputFormat = $outputFormat.val();
    var showFiles = $showFiles.is(":checked");
    var matching = $matching.val();
    var wordThreshold = $wordThreshold.val();
    var matchingMaxComparisons = $matchingMaxComparisons.val();

    var fullUrl = 'https://crossorigin.me/' + url;
    fetch(fullUrl)
      .then(function (res) {
        return res.text()
      })
      .then(function (data) {
        var container = '#url-diff-container';
        var diff2htmlUi = new Diff2HtmlUI({diff: data});

        if (outputFormat == 'side-by-side') {
          $container.css({"width": "1400px"});
        } else {
          $container.css({"width": ""});
        }

        diff2htmlUi.draw(container, {
          outputFormat: outputFormat,
          showFiles: showFiles,
          matching: matching,
          matchWordsThreshold: wordThreshold,
          matchingMaxComparisons: matchingMaxComparisons
        });
        diff2htmlUi.fileListCloseable(container, false);
        diff2htmlUi.highlightCode(container);
      });
  }
});