Version 1.3.6 - Firefox release

Author: NirmalScaria

.github/workflows/chrome-release.yml

@@ -14,7 +14,7 @@ jobs:
         name: Checkout the repository
       - run: zip -r chrome-release.zip *
         name: Zip the extension
-      - uses: actions/upload-artifact@v3
+      - uses: actions/upload-artifact@v4
         name: Store the zip artifact
         with:
           name: chrome-release

README.md

@@ -5,7 +5,7 @@
 A browser extension that displays the git graph for any GitHub repository.
 
 [![Version](https://img.shields.io/badge/License-MIT-yellow)]()
-[![Version](https://img.shields.io/badge/Version-1.3.5-yellowgreen)]()
+[![Version](https://img.shields.io/badge/Version-1.3.6-yellowgreen)]()
 [![Version](https://img.shields.io/badge/Chrome_CI/CD-Success-green)]()
 [![Version](https://img.shields.io/badge/Firefox_CI/CD-Success-green)]()
 

js/drawGraph.js

@@ -1,3 +1,6 @@
+// Maintaining a global variable storing the width of the svgContainer Element
+var maxX = 100;
+
 // Draws a curve between two given [commit] points
 async function drawCurve(container, startx, starty, endx, endy, color) {
   var firstLineEndY = starty + ((endy - starty - 40) / 2);
@@ -304,6 +307,9 @@ async function drawGraph(commits, commitDict) {
         var nextx = 30 + (14 * (indexArray[i + 1].indexOf(thisLineIndex)));
         var nexty = document.querySelectorAll('[circlesha="' + commits[i + 1].oid + '"]')[0].cy.baseVal.value;
         drawCurve(commitsGraphContainer, thisx, thisy, nextx, nexty, lineColors[thisLineIndex]);
+        // Compairing the last container width to the new lines drawn's X coordinate
+        // Using the larger of the two as the new width for the container
+        maxX = Math.max(thisx,maxX);
       }
     }
   }
@@ -327,6 +333,15 @@ async function drawGraph(commits, commitDict) {
       }
     });
   });
+  // Only updating width when it has crossed the min-width of 100
+  if(maxX > 100){
+    // Providing space for 13 lines at a time
+    // Any more than that can hamper the UI of the screen
+    maxX = Math.min(maxX,198)
+    // Updating the width of the svgContainer Element
+    var svgContainer = document.querySelector('#graphSvg');
+    svgContainer.style.width = maxX;
+  }
 }
 
 // Get the vertical and horizontal position (center)

manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.5",
+  "version": "1.3.6",
   "name": "Le Git Graph - Commits Graph for GitHub",
   "description": "A browser extension that displays the git graph for any GitHub repository.",
   "manifest_version": 3,