codeflow.js

(function(){
    const EnableDebugging = false;
        if(EnableDebugging) 
            console.log("[CodeFlow] Starting");
    const codeflowPngInGithub = "https://github.com/henrik-me/Github-Codeflow-Extension-Edge/blob/master/icons/icon.png?raw=true";
    
    function makeLink(prlink, height) {
        return " <a id='CodeFlow' href='codeflow:open?pullrequest=" + prlink +
            "&amp;ref=EdgeExtension' aria-label='Open in CodeFlow' title='Open in CodeFlow'>" +
            "<img class='v-align-middle' src='" + codeflowPngInGithub + "' height='" + height + "'></a>";
    }
    
    // For individual pull request page, commits tab and checks tab
    function ApplyToPullRequest() {
        if(EnableDebugging) 
            console.log("[CodeFlow] ApplyToPullRequest");
        var discussionHeaders = document.getElementsByClassName("gh-header-title");
        if (discussionHeaders.length > 0)
        {
            var discussionHeader = discussionHeaders[0];
            var prlink = document.location.href;
            
            // Link to a specific change: remove # elements as CodeFlow doesn't support this
            prlink = prlink.replace(document.location.hash, "")
            
            // File Tab: Remove the files part of the url as CodeFlow doesn't support that
            var filesPosition = prlink.indexOf("/files");
            if (filesPosition !== -1)
            {
              prlink = prlink.substring(0, filesPosition);
            }
            
            // Commit and checks tab: remove commit from the link
            prlink = prlink.replace("/commits", "")
            prlink = prlink.replace("/checks", "")

            // remove trailing / from link
            if (prlink.endsWith("/") && prlink.length > 2) {
                prlink = prlink.substring(0, prlink.length - 1);
            }

            if(EnableDebugging) 
                console.log("[CodeFlow] PR Link: " + prlink);
    
            var codeflowElement = document.createElement("span");
            codeflowElement.innerHTML = makeLink(prlink, 27);
            var headerSpans = discussionHeader.getElementsByTagName("span");
            if (headerSpans.length > 0) {
                numberSpan = headerSpans[0];
                if (headerSpans.length > 1) {
                    numberSpan = headerSpans[1];
                }
                numberSpan.insertAdjacentElement('beforeend', codeflowElement);
                return true;
            }
    
            if(EnableDebugging)
                console.log("[CodeFlow] Unable to identify location to insert codeflow element.");
        }
        return false;
    }
    
    // For individual pull request page, commits tab and checks tab, when scrolling down
    function ApplyToPullRequestScrolledDown() {
        if(EnableDebugging) 
            console.log("[CodeFlow] ApplyToPullRequestScrolledDown");
        var discussionHeaders = document.getElementsByClassName("gh-header-number");
        if (discussionHeaders.length > 0)
        {
            var discussionHeader = discussionHeaders[0];
            var prlink = document.location.href;
            
            // Link to a specific change: remove # elements as CodeFlow doesn't support this
            prlink = prlink.replace(document.location.hash, "")
            
            // File Tab: Remove the files part of the url as CodeFlow doesn't support that
            var filesPosition = prlink.indexOf("/files");
            if (filesPosition !== -1)
            {
              prlink = prlink.substring(0, filesPosition);
            }
            
            // Commit and checks tab: remove commit from the link
            prlink = prlink.replace("/commits", "")
            prlink = prlink.replace("/checks", "")
            if(EnableDebugging) 
                console.log("[CodeFlow] PR Link: " + prlink);
    
            var codeflowElement = document.createElement("span");
            codeflowElement.innerHTML = makeLink(prlink, 27);
            discussionHeader.insertAdjacentElement('beforeend', codeflowElement);
            return true;
        }
        return false;
    }
    
    // for pull request list page
    function ApplyToPullRequestList() {
        if(EnableDebugging) 
            console.log("[CodeFlow] ApplyToPullRequestList");
        var issueListHeaders = document.getElementsByClassName("js-issue-row");
        len = issueListHeaders.length;
        for (var i = 0; i < len; i++) {
            var id = issueListHeaders[i].id.replace("issue_", "");
    
            // back up from pulls to pull/id.
            var prlink = makeLink(document.URL.substring(0, document.URL.length-1) + "/" + id, 16);
            var codeflowElement = document.createElement("span");
            codeflowElement.innerHTML = prlink;
            var titleLink = issueListHeaders[i].getElementsByClassName("js-navigation-open")[0];
            titleLink.insertAdjacentElement('afterend', codeflowElement);
        }
        return issueListHeaders.length > 0;
    }
    
    // apply settigns if the document hasn't already been updated.
    function applyLinks() {
        if (document.hasOwnProperty('codeflowApplied')) {
            return true;
        }
    
        var result = ApplyToPullRequest() || ApplyToPullRequestList();
        var result2 = ApplyToPullRequestScrolledDown(); 
    
        if (result === true || result2 === true) {
            document.codeflowApplied = true;
        }
    };
    
    // Retry to accomodate dynamic content.
    var retries = 5;
    function tryUntilSuccess() {
        if(EnableDebugging) 
            console.log("[CodeFlow] Try");
        retries = retries - 1;
        if (retries == 0) {
            return;
        }
        if (applyLinks() == false) 
        {
            if(EnableDebugging) 
                console.log("[CodeFlow] Re-Try");
            setTimeout(tryUntilSuccess(), 300);
        }
    }
    
    tryUntilSuccess();
    })();