diff2html/website/templates/pages/url/url-scripts.partial.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/languages/scala.min.js"></script>

<!-- diff2html -->
<script type="text/javascript" src="assets/diff2html.js"></script>
<script type="text/javascript" src="assets/diff2html-ui.js"></script>
<!-- -->

<script>
  /*
   * 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() {
    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);

    function bind() {
      $("#url-btn").click(function(e) {
        e.preventDefault();
        var url = $("#url").val();
        var preparedUrl = prepareUrl(url);
        draw(preparedUrl);
      });
    }

    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 fullUrl = 'https://crossorigin.me/' + url;
      fetch(fullUrl)
        .then((res) => res.text())
        .then((data) => {
          var diff2htmlUi = new Diff2HtmlUI({diff: data});
          diff2htmlUi.draw('#line-by-line', {
            showFiles: true,
            matching: 'lines'
          });
          diff2htmlUi.fileListCloseable('#line-by-line', false);
          diff2htmlUi.highlightCode('#line-by-line');
        });
    }
  });
</script>