☰

Automated MCM Population

Fetch package diff from pipeline heat-map and populate mcm.

  1. // ==UserScript==
  2. // @name        Automated MCM Population
  3. // @namespace   http://tampermonkey.net/
  4. // @version     1.0
  5. // @description Fetch package diff from pipeline heat-map and populate mcm.
  6. // @author      adityamz@
  7. // @match      	https://code.amazon.com/version-sets/*/revisions/*
  8. // @match      	https://pipelines.amazon.com/pipelines/*/heat_map
  9. // @match      	https://pipelines.amazon.com/pipelines/*
  10. // @match      	https://mcm.amazon.com/cms/new*
  11. // @match      	https://mcm.amazon.com/cms/*/edit*
  12. // @require     https://code.jquery.com/jquery-3.4.1.min.js
  13. // @grant       GM.xmlHttpRequest
  14. // ==/UserScript==
  15.  
  16. (function() {
  17.  
  18.     //========== This part is run in code.amazon.com ==========
  19.     function addNewPackages(packageName, packageUrl) {
  20.         unsafeWindow.packageDetails.push({
  21.             "packageName": packageName,
  22.             "type": "Added",
  23.             "diffUrl": packageUrl,
  24.             "owners": [],
  25.             "commits": []
  26.         });
  27.     }
  28.  
  29.     function addRemovedPackages(packagename, packageUrl) {
  30.         unsafeWindow.packageDetails.push({
  31.             "packageName": packagename,
  32.             "type": "Removed",
  33.             "diffUrl": packageUrl,
  34.             "owners": [],
  35.             "commits": []
  36.         });
  37.     }
  38.  
  39.     function addBranchChangePackages(packageName, branchName, oldBranchName, startHash, endHash, diffUrl) {
  40.                const asciURL = "https://pipelines.amazon.com/diff/pkg_changes?package_name=" + packageName
  41.         + "&branch_name=" + branchName + "&old_commit_id=" + startHash + "&new_commit_id=" + endHash;
  42.         GM.xmlHttpRequest({
  43.             method: "GET",
  44.             url: asciURL,
  45.             onload: function() {
  46.                 if (this.readyState === 4 && this.status === 200) {
  47.                    
  48.                    const changes = [];
  49.  
  50.                    let resElem = document.createElement("div");
  51.                    resElem.innerHTML = this.responseText;
  52.                    const commits = resElem.querySelectorAll('li');
  53.                     commits.forEach(function(commit){
  54.                         let author = commit.querySelector('.author>a').textContent;
  55.                         let description = commit.querySelector('.description').textContent;
  56.                         let repoChangeId = commit.querySelector('.change-link>a').href.split('/').reverse()[0];
  57.                         changes.push({author,description,repoChangeId});
  58.                     });
  59.  
  60.                     let ownerList = [];
  61.                     const commitList = [];
  62.                     changes.forEach(function(change) {
  63.                         const author = change.author;
  64.                         const commit = author + '@: [' + change.description.split('\n')[0] + '](https://code.amazon.com/packages/'
  65.                         + packageName + '/commits/' + change.repoChangeId + ')';
  66.                         ownerList.push(author);
  67.                         commitList.push(commit);
  68.                     });
  69.                     ownerList = ownerList.filter((v, i, a) => a.indexOf(v) === i);
  70.                     const changeType = "Branch Changed (" + oldBranchName + " => " + branchName + ")";
  71.                     unsafeWindow.packageDetails.push({
  72.                         "packageName": packageName,
  73.                         "type": changeType,
  74.                         "diffUrl": diffUrl,
  75.                         "owners": ownerList,
  76.                         "commits": commitList
  77.                     });
  78.                 }
  79.             }
  80.         });
  81.     }
  82.  
  83.     function addModifiedPackages(packageName, branchName, startHash, endHash, diffUrl) {
  84.  
  85.  
  86.         const asciURL = "https://pipelines.amazon.com/diff/pkg_changes?package_name=" + packageName
  87.         + "&branch_name=" + branchName + "&old_commit_id=" + startHash + "&new_commit_id=" + endHash;
  88.  
  89.  
  90.         GM.xmlHttpRequest({
  91.             method: "GET",
  92.             url: asciURL,
  93.             onload: function(response) {
  94.                 //console.log(this.responseText);
  95.                 if(this.status === 400){
  96.                     console.log(this.responseJSON);
  97.                    $("#toastDiff").text("Diff API Throttled.");
  98.                    $("#toastDiff").fadeIn("slow", function() { setTimeout(function() { $("#toastDiff").fadeOut("slow") }, 1500) });
  99.                 }
  100.                 if (this.readyState === 4 && this.status === 200) {
  101.  
  102.                     const changes = [];
  103.  
  104.                    let resElem = document.createElement("div");
  105.                    resElem.innerHTML = this.responseText;
  106.                    const commits = resElem.querySelectorAll('li');
  107.                     commits.forEach(function(commit){
  108.                         let author = commit.querySelector('.author>a').textContent;
  109.                         let description = commit.querySelector('.description').textContent;
  110.                         let repoChangeId = commit.querySelector('.change-link>a').href.split('/').reverse()[0];
  111.                         changes.push({author,description,repoChangeId});
  112.                     });
  113.            
  114.                     console.log("fetched details for :"+ packageName);
  115.                     let ownerList = [];
  116.                     const commitList = [];
  117.                     changes.forEach(function(change) {
  118.                         const author = change.author;
  119.                         const commit = author + '@: [' + change.description.split('\n')[0] + '](https://code.amazon.com/packages/'
  120.                         + packageName + '/commits/' + change.repoChangeId + ')';
  121.                         ownerList.push(author);
  122.                         commitList.push(commit);
  123.                     });
  124.                     ownerList = ownerList.filter((v, i, a) => a.indexOf(v) === i);
  125.                     unsafeWindow.packageDetails.push({
  126.                         "packageName": packageName,
  127.                         "type": "Source Changed",
  128.                         "diffUrl": diffUrl,
  129.                         "owners": ownerList,
  130.                         "commits": commitList
  131.                     });
  132.                 }
  133.             }
  134.         });
  135.     }
  136.  
  137.     function getPackageDiffOwners() {
  138.         let allOwners = [];
  139.         let diffOwnersString = "";
  140.         let isPackageChecked = false;
  141.         unsafeWindow.packageDetails.forEach(pkgDetail =>  {
  142.             isPackageChecked = $("#" + pkgDetail.packageName + "Check").is(":checked");
  143.             if (isPackageChecked) {
  144.                 diffOwnersString = diffOwnersString + "* [" + pkgDetail.packageName + "](https://code.amazon.com"
  145.                     + pkgDetail.diffUrl + ") [" + pkgDetail.type + "]\n";
  146.                 pkgDetail.owners.forEach(owner => {
  147.                     diffOwnersString = diffOwnersString + "  * " + owner + "\n";
  148.                     allOwners.push(owner);
  149.                 })
  150.             }
  151.         })
  152.         if (allOwners.length > 0) {
  153.             allOwners = allOwners.filter((v, i, a) => a.indexOf(v) === i);
  154.             diffOwnersString = diffOwnersString + "* All Owners\n";
  155.             allOwners.forEach(owner => {
  156.                 diffOwnersString = diffOwnersString + "  * " + owner + "\n";
  157.             })
  158.         }
  159.         unsafeWindow.commitOwners=JSON.stringify(allOwners)
  160.         return copyToClipboard(diffOwnersString);
  161.     }
  162.  
  163.     function getPackageDiffCommits() {
  164.         let diffCommitsString = "";
  165.         let isPackageChecked = false;
  166.         unsafeWindow.packageDetails.forEach(pkgDetail =>  {
  167.             isPackageChecked = $("#" + pkgDetail.packageName + "Check").is(":checked");
  168.             if (isPackageChecked) {
  169.                 diffCommitsString = diffCommitsString + "* [" + pkgDetail.packageName + "](https://code.amazon.com"
  170.                     + pkgDetail.diffUrl + ") [" + pkgDetail.type + "]\n";
  171.                 pkgDetail.commits.forEach(commit => {
  172.                     diffCommitsString = diffCommitsString + "  * " + commit + "\n";
  173.                 })
  174.             }
  175.  
  176.         })
  177.  
  178.         unsafeWindow.commitChanges = diffCommitsString;
  179.  
  180.         let pipelineDescription = getPipelineDescription(unsafeWindow.pipelineDetails, unsafeWindow.vsDetails)
  181.         let commitDetailsDescription = getCommitDetailsDescription(diffCommitsString)
  182.  
  183.         return copyToClipboard(pipelineDescription + '\n'+commitDetailsDescription);
  184.     }
  185.  
  186.     function copyToClipboard(text) {
  187.         if (text !== "") {
  188.             $("#toastDiff").text("Copied to clipboard!");
  189.             $("#toastDiff").fadeIn("slow", function() { setTimeout(function() { $("#toastDiff").fadeOut("slow") }, 1500) });
  190.             const textarea = document.createElement("textarea");
  191.             textarea.textContent = text;
  192.             textarea.style.position = "fixed";
  193.             document.body.appendChild(textarea);
  194.             textarea.select();
  195.             try {
  196.                 document.execCommand("copy");
  197.             } catch (ex) {
  198.                 console.warn("Copy to clipboard failed.", ex);
  199.             } finally {
  200.                 document.body.removeChild(textarea);
  201.                 return true;
  202.             }
  203.         } else {
  204.             $("#toastDiff").text("No diff found! Try again.");
  205.             $("#toastDiff").fadeIn("slow", function() { setTimeout(function() { $("#toastDiff").fadeOut("slow") }, 1500) });
  206.             return false;
  207.         }
  208.     }
  209.  
  210.     unsafeWindow.packageDetails = [];
  211.     unsafeWindow.pipelineDetails = {pipelineName:'',packages:[]};
  212.  
  213.     $('#packages tr.added-pkg').each(function(i, el) {
  214.         const $tds = $(this).find("td");
  215.         const packageUrl = $tds.eq(0).find("a").attr("href");
  216.         const packageName = $tds.eq(0).text();
  217.         const checkbox = document.createElement("input");
  218.         checkbox.setAttribute("type", "checkbox");
  219.         checkbox.setAttribute("id", (packageName + "Check"));
  220.         checkbox.setAttribute("style", "margin-right:5px");
  221.         $tds.eq(0).prepend(checkbox);
  222.         addNewPackages(packageName, packageUrl);
  223.     })
  224.  
  225.     $('#packages tr.error').each(function(i, el) {
  226.         const $tds = $(this).find('td');
  227.         const packageUrl = $tds.eq(0).find('a').attr('href');
  228.         const packageName = $tds.eq(0).text();
  229.         const checkbox = document.createElement("input");
  230.         checkbox.setAttribute("type", "checkbox");
  231.         checkbox.setAttribute("id", (packageName + "Check"));
  232.         checkbox.setAttribute("style", "margin-right:5px");
  233.         $tds.eq(0).prepend(checkbox);
  234.         addRemovedPackages(packageName, packageUrl);
  235.     })
  236.  
  237.     $('#packages tr.branch-change').each(function(i, el) {
  238.         const $tds = $(this).find('td');
  239.         const diffUrl = $tds.eq(5).find('a').attr('href').trim();
  240.         const startHash = $tds.eq(1).find('a').attr('href').split('/')[4].trim();
  241.         const endHash = $tds.eq(3).find('a').attr('href').split('/')[4].trim();
  242.         const packageName = $tds.eq(0).text().trim();
  243.         const oldBranchName = $tds.eq(6).text().split("->")[0].trim();
  244.         const branchName = $tds.eq(6).text().split("->")[1].trim();
  245.         const checkbox = document.createElement("input");
  246.         checkbox.setAttribute("type", "checkbox");
  247.         checkbox.setAttribute("id", (packageName + "Check"));
  248.         checkbox.setAttribute("style", "margin-right:5px");
  249.         $tds.eq(0).prepend(checkbox);
  250.  
  251.         $(checkbox).change(function(){
  252.             if(this.checked){
  253.                 addBranchChangePackages(packageName, branchName, oldBranchName, startHash, endHash, diffUrl);
  254.             }
  255.  
  256.         })
  257.  
  258.  
  259.     })
  260.  
  261.     $('#packages tr.source-change').each(function(i, el) {
  262.         const $tds = $(this).find('td');
  263.         const diffUrl = $tds.eq(5).find('a').attr('href').trim();
  264.         const startHash = $tds.eq(1).find('a').attr('href').split('/')[4].trim();
  265.         const endHash = $tds.eq(3).find('a').attr('href').split('/')[4].trim();
  266.         const packageName = $tds.eq(0).text().trim();
  267.         const branchName = $tds.eq(6).text().trim();
  268.         const checkbox = document.createElement("input");
  269.         checkbox.setAttribute("type", "checkbox");
  270.         checkbox.setAttribute("id", (packageName + "Check"));
  271.         checkbox.setAttribute("style", "margin-right:5px");
  272.         $tds.eq(0).prepend(checkbox);
  273.         $(checkbox).change(function(){
  274.  
  275.             if(this.checked){
  276.                 addModifiedPackages(packageName, branchName, startHash, endHash, diffUrl);
  277.             }
  278.  
  279.  
  280.         })
  281.  
  282.     })
  283.  
  284.  
  285.     function createMCMWithTemplate(mcm_id){
  286.         let diffcommit = getPackageDiffCommits();
  287.         let diffpackage = getPackageDiffOwners();
  288.  
  289.         window.location.href = "https://mcm.amazon.com/cms/new?from_template="+mcm_id+"&commitChanges="+encodeURIComponent(unsafeWindow.commitChanges)+"&commitOwners="+unsafeWindow.commitOwners+
  290.         "&vsDetails=" + encodeURIComponent(JSON.stringify(unsafeWindow.vsDetails)) + "&pipelineDetails=" + encodeURIComponent(JSON.stringify(unsafeWindow.pipelineDetails));
  291.        
  292.     }
  293.  
  294.     function updateMCMWithExistingDraft(mcm_id){
  295.        let diffcommit = getPackageDiffCommits();
  296.         let diffpackage = getPackageDiffOwners();
  297.  
  298.         window.location.href = "https://mcm.amazon.com/cms/"+mcm_id+"/edit?commitChanges="+encodeURIComponent(unsafeWindow.commitChanges)+"&commitOwners="+unsafeWindow.commitOwners+
  299.         "&vsDetails=" + encodeURIComponent(JSON.stringify(unsafeWindow.vsDetails)) + "&pipelineDetails=" + encodeURIComponent(JSON.stringify(unsafeWindow.pipelineDetails));
  300.     }
  301.  
  302.     const vsRangeDiff = document.getElementById('vs_range_diff');
  303.     if (vsRangeDiff) {
  304.         const mainDiv = document.createElement('div');
  305.         mainDiv.innerHTML = '<div><div style="overflow: visible;"><div class="text-right top-buffer-small" style="background: aliceblue;padding: 8px;filter: drop-shadow(2px 2px 2px black);"><div> <button type="button" class="btn btn-default" id="diffCommits"  style="width: 48%;float: left;">Copy Diff Commits</button> <button type="button" class="btn btn-default" id="diffOwners" style=" width: 48%;">Copy Diff Owners</button><input id="mcm_id" type="input" style="width: 100%;margin-top: 10px" placeholder="MCM template ID eg: MCM-78603254 or leave empty to use default template"/><button type="button" disabled class="btn btn-default" id="createMCM"  style="width: 100%;margin-top: 10px">Loading ...</button></div></div><div id="toastDiff" style="width: 180px; background-color: rgba(0, 0, 0, 0.8); height: 30px; position: absolute; margin: 20px 20px 20px 6%; border-radius: 50px; color: rgba(255, 255, 255, 0.8);text-align: center;padding-top: 6px; display: none;"></div></div></div>';
  306.         vsRangeDiff.appendChild(mainDiv);
  307.  
  308.         unsafeWindow.pipelineDetails = JSON.parse(new URLSearchParams(window.location.search).get('pipelineDetails'));
  309.         unsafeWindow.vsDetails = JSON.parse(new URLSearchParams(window.location.search).get('vsDetails'));
  310.  
  311.         //mark all the packages autobuilt in the pipeline as checked for diff creation
  312.         window.addEventListener("load", ()=>{
  313.             unsafeWindow.pipelineDetails.packages.forEach((pkg)=>{
  314.                 let pkgElements = document.querySelectorAll('#'+pkg+'Check');
  315.                 pkgElements.forEach((pkgElem)=>{
  316.                      $(pkgElem).click();
  317.                 })
  318.             });
  319.  
  320.             $('#createMCM').text('Create MCM');
  321.             $('#createMCM').prop('disabled',false);
  322.  
  323.         });
  324.  
  325.  
  326.         // adding click listener for diff commits
  327.         $( "#diffCommits" ).click(function() {
  328.             getPackageDiffCommits();
  329.         });
  330.  
  331.         $( "#diffOwners" ).click(function() {
  332.             getPackageDiffOwners();
  333.         });
  334.  
  335.         $( "#createMCM" ).click(function() {
  336.             const mcm_id = $('#mcm_id').val();
  337.             if(mcm_id){
  338.                 updateMCMWithExistingDraft(mcm_id);
  339.             }
  340.             else {
  341.               createMCMWithTemplate('7e9a85a5-bd0a-4560-8379-00a73ef82f1b');
  342.             }  
  343.         });
  344.  
  345.  
  346.     }
  347.  
  348.  
  349.     //========== This part is run in pipelines.amazon.com ==========
  350.     function getVSDiffLink(href) {
  351.         const splittedHref = href.split("&");
  352.         const currVS = splittedHref[0].split("=")[1];
  353.         const currRev = splittedHref[1].split("=")[1];
  354.         const prevVS = splittedHref[3].split("=")[1];
  355.         const prevRev = splittedHref[4].split("=")[1];
  356.         const vsDetails = {};
  357.         vsDetails.cur = currRev;
  358.         vsDetails.prev = prevRev;
  359.         vsDetails.name = prevVS;
  360.  
  361.  
  362.         return "https://code.amazon.com/version-sets/" + currVS + "/revisions/" + currRev + "?previous=" + prevRev + "&previous_vs=" + prevVS +
  363.             "&pipelineDetails=" + sessionStorage.getItem('pipelineDetails') +
  364.             "&vsDetails=" + JSON.stringify(vsDetails);
  365.     }
  366.  
  367.     const pipelineName = document.querySelector('.pipeline-name-header');
  368.  
  369.     if(pipelineName){
  370.      unsafeWindow.pipelineDetails.pipelineName = pipelineName.innerText;
  371.     }
  372.  
  373.  
  374.  
  375.     const packages = document.querySelector('#stage-name-Packages > div > h3 > span');
  376.     if(packages){
  377.         document.querySelectorAll('.autobuild .target-details > div.name').forEach((pkg)=>{
  378.             let pkg_name = pkg.getAttribute('data-targetname').split('/')[0]
  379.             unsafeWindow.pipelineDetails.packages.push(pkg_name)
  380.  
  381.         })
  382.  
  383.         sessionStorage.setItem("pipelineDetails",JSON.stringify(unsafeWindow.pipelineDetails))
  384.  
  385.     }
  386.  
  387.     const diffLinkElements = document.getElementsByClassName("diff-link");
  388.     if (diffLinkElements && !packages) {
  389.         for(let i=0; i < diffLinkElements.length; i++) {
  390.             const element = diffLinkElements[i];
  391.             const href = element.getElementsByTagName("a")[0].getAttribute("href");
  392.             const vsDiffLink = getVSDiffLink(href);
  393.             const aTag = document.createElement("a");
  394.             aTag.setAttribute("href", vsDiffLink);
  395.             aTag.innerText = "VS";
  396.             element.appendChild(aTag);
  397.         }
  398.     }
  399.  
  400.     //this code part will run in mcm
  401.  
  402.     const insideMcm = $('.mcm-logo').length
  403.  
  404.  
  405.     function getPipelineDescription(pipelineDetails, vsDetails){
  406.  
  407.         let pipelineDescription = ""
  408.  
  409.         pipelineDescription+= `## ${pipelineDetails.pipelineName}\n`
  410.         pipelineDescription+= `- Pipeline Link - https://pipelines.amazon.com/pipelines/${pipelineDetails.pipelineName}\n`
  411.         pipelineDescription+= `- Pipeline Diff -  [Link](https://pipelines.amazon.com/diff?new_name=${vsDetails.name}&new_revision=${vsDetails.cur}&new_type=VS&old_name=${vsDetails.name}&old_revision=${vsDetails.prev}&old_type=VS)\n`
  412.         pipelineDescription+= `- Current VFI - ${vsDetails.name}@B${vsDetails.prev}\n`
  413.         pipelineDescription+= `- VFI to be Deployed - ${vsDetails.name}@B${vsDetails.cur}\n`
  414.  
  415.         return pipelineDescription;
  416.  
  417.  
  418.  
  419.  
  420.  
  421.     }
  422.  
  423.     function getCommitDetailsDescription(commitDetails){
  424.  
  425.     let commitChanges = "";
  426.         if(commitDetails){
  427.           commitChanges+="#### Changes to be promoted in prod:\n"
  428.           commitChanges+=commitDetails;
  429.         }
  430.  
  431.         return commitChanges;
  432.     }
  433.  
  434.     function updateDescription(commitDetails, vsDetails, pipelineDetails){
  435.         const curr = $('#description').val()
  436.         const rollbackId = "## Rollback Procedure";
  437.  
  438.         const pipelineDescription=getPipelineDescription(pipelineDetails, vsDetails);
  439.         console.log(pipelineDescription);
  440.  
  441.         const pos = curr.indexOf('#### What is the purpose of this activity or change?')<0?curr.indexOf('Activity Details'):curr.indexOf('#### What is the purpose of this activity or change?');
  442.  
  443.         let commitChanges = getCommitDetailsDescription(commitDetails);
  444.  
  445.         let data = curr.substr(0, pos) + pipelineDescription+'\n'+ commitChanges+'\n' + curr.substr(pos);
  446.  
  447.         
  448.         
  449.         $('#description').val(data)
  450.  
  451.     }
  452.  
  453.     function updateMCMTitle(pipelineDetails){
  454.         const title = $('#title')
  455.         title.val(title.val()+pipelineDetails.pipelineName)
  456.  
  457.     }
  458.  
  459.     function addcommitOwners(commitOwners) {
  460.  
  461.         commitOwners.forEach((owner)=>{
  462.             $('#add_approver_login').val(owner)
  463.             $('#add_approver').click()
  464.         })
  465.  
  466.     }
  467.  
  468.     if(insideMcm>0){
  469.         const data = new URLSearchParams(window.location.search);
  470.         const commitDetails = decodeURIComponent(data.get('commitChanges'));
  471.         const versionSetDetails = JSON.parse(decodeURIComponent(data.get('vsDetails')));
  472.         const pipelineDetails = JSON.parse(decodeURIComponent(data.get('pipelineDetails')));
  473.         console.log(pipelineDetails);
  474.         console.log(versionSetDetails);
  475.         console.log(commitDetails);
  476.         const commitOwners = JSON.parse(data.get('commitOwners'));
  477.         updateMCMTitle(pipelineDetails);
  478.  
  479.         if(versionSetDetails){
  480.             updateDescription(commitDetails, versionSetDetails, pipelineDetails)
  481.         }
  482.         if(commitOwners && commitOwners.length>0){
  483.             addcommitOwners(commitOwners);
  484.         }
  485.     }
  486.  
  487. })();