[VERSION] 1.2.0

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.1.5-yellowgreen)]()
+[![Version](https://img.shields.io/badge/Version-1.2.0-yellowgreen)]()
 [![Version](https://img.shields.io/badge/Chrome_CI/CD-Success-green)]()
 [![Version](https://img.shields.io/badge/Firefox_CI/CD-Success-green)]()
 

html/branchSelection.html

@@ -4,18 +4,19 @@
       justify-content: space-between;">
       <div style="display: flex">
         <details class="details-reset details-overlay mr-0 mb-0 " id="branch-select-menu">
-          <summary class="btn css-truncate" data-hotkey="w" title="Switch branches or tags">
+          <summary id="branch-select-menu-button" class="btn css-truncate" data-hotkey="w"
+            title="Switch branches or tags">
             <svg text="gray" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16"
               data-view-component="true" class="octicon octicon-git-branch">
               <path fill-rule="evenodd"
                 d="M11.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122V6A2.5 2.5 0 0110 8.5H6a1 1 0 00-1 1v1.128a2.251 2.251 0 11-1.5 0V5.372a2.25 2.25 0 111.5 0v1.836A2.492 2.492 0 016 7h4a1 1 0 001-1v-.628A2.25 2.25 0 019.5 3.25zM4.25 12a.75.75 0 100 1.5.75.75 0 000-1.5zM3.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0z">
               </path>
             </svg>
-            <span class="css-truncate-target" data-menu-button="" id = "branches-dropdown-button">All branches</span>
+            <span class="css-truncate-target" data-menu-button="" id="branches-dropdown-button">All branches</span>
             <span class="dropdown-caret"></span>
           </summary>
           <div class="SelectMenu">
-            <div class="SelectMenu-modal">
+            <div class="SelectMenu-modal" id="branches-selection-menu">
               <header class="SelectMenu-header">
                 <span class="SelectMenu-title">Select branches to show</span>
                 <button class="SelectMenu-closeButton" type="button" data-toggle-for="branch-select-menu"><svg

js/fre/updateFre.js

@@ -10,52 +10,46 @@ async function updateFre(resume) {
 async function updateFreStep1() {
     createOverlay();
     clearToolTip();
-    var secondCommitDot = document.getElementsByClassName("commitDot")[1];
-    var secondsha = secondCommitDot.attributes.circlesha.value;
-    await hoverOnCommit(secondsha);
-    var hovercard = document.getElementById("head-indication-section").parentElement.parentElement.parentElement.parentElement;
-    focusOnItem(hovercard, [70, 10, 10, 10]);
+    var branchSelectButton = document.getElementById("branch-select-menu-button");
+    var branchesSelectionMenu = document.getElementById("branches-selection-menu");
+    branchSelectButton.click();
+    focusOnItem(branchesSelectionMenu, [10, 40, 10, 10]);
     showToolTip(
-        hovercard,
+        branchesSelectionMenu,
         "left-top",
-        "Welcome to Le Git Graph 1.1.1",
-        "Hover on any commit to see details ✨",
-        "Now you can put your mouse pointer on any commit dot and it opens this tooltip which contains detailed information about that commit",
-        ["Continue [1/2]"],
+        "Welcome to Le Git Graph 1.2.0",
+        "Now you can apply filters to branches ✨",
+        "You can select which branches to show in the graph by selecting the branch names in the branches selection menu",
+        ["Continue"],
         ["btn-primary"],
-        [nextFrom3]
+        [nextFrom1]
     );
-    function nextFrom3() {
-        removeHoverFrom(secondCommitDot);
+    function nextFrom1() {
+        var branchSelectButton = document.getElementById("branch-select-menu-button");
+        branchSelectButton.click();
         updateFreStep2();
     }
-
 }
-function updateFreStep2() {
-    clearToolTip();
-    var starButton = document.getElementsByClassName("starring-container d-flex")[0];
-    var clickStarButton = starButton.querySelectorAll(".rounded-left-2")[1];
-    console.log(clickStarButton);
-    focusOnItem(starButton, 5, step3withStar);
 
+async function updateFreStep2() {
+    clearToolTip();
+    createOverlay();
+    focusOnItem(null, [0, 0, 0, 0]);
     showToolTip(
-        starButton,
-        "top-right",
-        "",
-        "Please consider starring this repository!",
-        "This is the project repository of Le Git Graph extension. If you like it so far, please consider starring it!",
-        ["Previous", "Do not star", "Star and Finish"],
+        document,
+        "cover",
+        "Please rate on Chrome Web Store",
+        "Enjoying the extension so far? ✨",
+        "Please rate the extension on Chrome Web Store. It will take less than a minute, but will help me reach more people.",
+        ["Previous", "Maybe later", "Rate on Chrome Web Store"],
         ["btn-secondary", "btn-secondary", "btn-primary"],
-        [updateFreStep1, step3withoutStar, step3withStar]
-    );
-
-    function step3withoutStar() {
+        [updateFreStep1, finishFre, openChromeWebstore]
+    )
+    function openChromeWebstore() {
+        window.open("https://chrome.google.com/webstore/detail/le-git-graph-commits-grap/joggkdfebigddmaagckekihhfncdobff/reviews", "_blank");
         clearToolTip();
     }
-    function step3withStar() {
-        if (starButton.classList.contains("on") == false) {
-            clickStarButton.click();
-        }
+    function finishFre() {
         clearToolTip();
     }
-}
+}

js/serviceWorker.js

@@ -33,7 +33,7 @@ try {
         else if (details.reason == "update") {
             // TODO: [URGENT] Remove this part with next version release.
             // Else every version update will trigger an FRE.
-            // freTab = await chrome.tabs.create({ url: "https://www.github.com/NirmalScaria/le-git-graph/?fre=true&reason=" + details.reason });
+            freTab = await chrome.tabs.create({ url: "https://www.github.com/NirmalScaria/le-git-graph/?fre=true&reason=" + details.reason });
         }
     });
 }

manifest.json

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