fix: checkboxes not working when browser back event

add auto initialize all of the supported services (no longer need to press the Gitd Start button)
remove Github.com turbo event listeners

Author: uretgec

README.md

@@ -1,32 +1,39 @@
 # Gitd Download Manager Browser Extension
+
 It is a browser extension that allows you to download only the files/folders you want without having to download all of the public repository. Github.com, Bitbucket.org, Gitlab.com provides all of the public repos in git services to download selected files and folders as a zip files with a single click, without the need for any API key or token.
 
 The "Gitd Start" button is ready for use on every screen you see.
 
 > Note: Gitd Download Manager browser extension creates download lists using Gitdownloadmanager.com api service.
 
-![screenshot](screenshots/gitd-manager-github-download.jpeg)
+![video](gif/gitdmanager.gif)
 
 ## Features
+
 - Support only Github.com, Bitbucket.org, Gitlab.com public repositories page
 - Not neeeded ApiKey/ApiToken
 - Support single or multiple files download
 - Download selected contents as a zip file with one click
 - Support all branches
 - Maximum Selection Limit: 5
-- Maximum Download Files: 5000 
+- Maximum Download Files: 5000
+
+![screenshot](screenshots/gitd-manager-github-download.jpeg)
 
 ## Next Features
+
 - No limitations for selection and downloading files count
 - Support branch names with includes slash
 - Support Bitbucket.org commitId url (Maybe)
 
 ## Compatibility
+
 - Chrome (Manifestv3)
 - Firefox (Manifestv2)
 - Microsoft Edge (Manifestv3)
 
 ## Installation
+
 ### 1. Chrome Store/Firefox Add-Ons
 
 Go to [Gitd Download Manager](https://chrome.google.com/webstore/detail/gitd-download-manager/cbnplpkljokdodpligcaolkmodfondhl) Chrome Store Page
@@ -35,10 +42,11 @@ Go to [Gitd Download Manager](https://addons.mozilla.org/en-US/firefox/addon/git
 
 Go to [Gitd Download Manager](https://microsoftedge.microsoft.com/addons/detail/-/-) Microsoft Edge Add-Ons Page
 
-### 2. Production Build For Chrome Store / Firefox Add-on / Microsoft Edge 
+### 2. Production Build For Chrome Store / Firefox Add-on / Microsoft Edge
 
 - Go to the folder where the `README.md` file is located and run `./build.prod.sh <NEW_VERSION>` (./build.prod.sh 1.0.1) command after go to "build/prod/<NEW_VERSION>/" folder for zip files of all versions.
-```
+
+```bash
 ./build/prod/1.0.1/gitd-1.0.1-v2.dev.zip -> Firefox Extension - Development version - Manifest version 2
 ./build/prod/1.0.1/gitd-1.0.1-v2.zip -> Firefox Extension - Production Version - Manifest version 2
 ./build/prod/1.0.1/gitd-1.0.1-v3.dev.zip -> Chrome Store Extension - Development version - Manifest version 3
@@ -51,7 +59,7 @@ Go to [Gitd Download Manager](https://microsoftedge.microsoft.com/addons/detail/
 
 - Run `./build.<env>.sh <NEW_VERSION>` (./build.dev.sh 1.0.1) command after go to "build/dev/<NEW_VERSION>/" folder for zip files of all versions.
 
-```
+```bash
 ./build/prod/1.0.1/gitd-1.0.1-v2.dev.zip -> Firefox Extension - Development version - Manifest version 2
 ./build/prod/1.0.1/gitd-1.0.1-v2.zip -> Firefox Extension - Production Version - Manifest version 2
 ./build/prod/1.0.1/gitd-1.0.1-v3.dev.zip -> Chrome Store Extension - Development version - Manifest version 3
@@ -68,18 +76,23 @@ Go to [Gitd Download Manager](https://microsoftedge.microsoft.com/addons/detail/
 6. Go to github.com, gitlab.com or bitbucket.org website
 
 ### Usage
+
 - In the right corner of the browser, the "Gitd Start" button notifies you that the plugin is active.
 - The plugin is automatically installed on Github.com and adds checkboxes, but on other websites you have to press the "Gitd Start" button.
 
 ### Find Open Source Projects: Public Repository
+
 [Github.com](https://github.com/search/advanced) advanced search page.
 [Gitlab.com](https://gitlab.com/explore/projects) advanced search page.
 [Bitbucket.org](https://bitbucket.org/repo/all) simple search page.
+[Gitea.com](https://gitea.com/explore/repos) simple search page. (NOT SUPPORTED YET)
 
 ## Licence
+
 See LICENSE for more details.
 
-# Thanks
+## Thanks
+
 [Alpinejs](https://alpinejs.dev) for DOM manipulation
 
 [fflate](https://github.com/101arrowz/fflate) for generate zip packages
@@ -91,18 +104,33 @@ See LICENSE for more details.
 [Liozon/Edge add-on badge.md](https://gist.github.com/Liozon/cf898c47628bfecd9896f79e6c9a8db8) for Microsoft Edge Add-On Badge
 
 ## Source
+
 [Firefox Manifest Docs](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json) * perfect docs
 
 [Google Chrome Manifest Docs](https://developer.chrome.com/docs/extensions/mv3/manifest/) * not recomended **sorry**
 
 [Microsoft Edge Manifest Docs](https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/getting-started/manifest-format) * firefox alternate
 
 ## Changelog
+
+v1.0.5
+
+- fix checkboxes not working when browser back event
+- add auto initialize all of the supported services (no longer need to press the Gitd Start button)
+- remove Github.com turbo event listeners
+
+v1.0.4
+
+- update only manifest description
+
 v1.0.3
+
 - update manifest description
 
 v1.0.3
+
 - compatible with github both page design
 
 v1.0.2
-- compatible with github new design
+
+- compatible with github new design

extension/contentScript.js

@@ -13,6 +13,11 @@ chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
             // inject templates
             injectGitdTemplates()
 
+            setTimeout(function() {
+                // Trigger the button element with a click
+                triggerGitdStart()
+            }, 1500)
+
             break;
         /*case "IM_LOADING":
             // Dom Content Loading but not finish
@@ -26,6 +31,11 @@ chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
             // inject templates
             injectGitdTemplates()
 
+            setTimeout(function() {
+                // Trigger the button element with a click
+                triggerGitdStart()
+            }, 1500)
+
             // inject gitdmanager
             injectGitdScripts("lib/gitdmanager.js")
 
@@ -61,62 +71,18 @@ window.addEventListener("submit-action", function(evt) {
 
 // via: chrome dev tools: getEventListeners(window) -> return all events
 // only for github "turbo:load" event listen
-window.addEventListener("turbo:load", function(evt) {
-    if (isDebugActive()) console.log("content-script", "turbo:load", evt)
-
-    setTimeout(function() {
-        let newDesign = false
-
-        // checkbox add
-        let navItem = document.querySelectorAll("div.js-navigation-item > div:first-child > svg") // old design
-        if (navItem.length == 0) {
-            navItem = document.querySelectorAll("table > tbody > tr > td > div.react-directory-filename-column > svg") // new design
-            newDesign = true
-        }
-
-        if (navItem.length > 0) {
-
-            // inject checkbox
-            for (const key in navItem) {
-                if (Object.hasOwnProperty.call(navItem, key)) {
-                    const element = navItem[key];
-
-                    // type: none: 0 - file: 1 - folder: 2
-                    let itemType = element.getAttribute("aria-label") // old desing
-                    if (newDesign) {
-                        itemType = element.getAttribute("class") // new design
-                    }
-
-                    if (itemType === "Directory") {
-                        itemType = 2
-                    } else if (itemType === "File") {
-                        itemType = 1
-                    } else if (itemType == "icon-directory") {
-                        itemType = 2
-                    } else {
-                        itemType = 1
-                    }
-
-                    let pathElement = element.parentElement.nextElementSibling?.querySelector("div > span > a") // old desing
-                    if (newDesign) {
-                        pathElement = element.parentElement.querySelector("div.overflow-hidden > h3 > div > a") // new design
-                    }
-
-                    if (!!pathElement) {
-                        let insertPosition = "beforebegin"
-                        if (newDesign) {
-                            insertPosition = "afterbegin"
-                        }
-
-                        element.parentElement.insertAdjacentHTML(insertPosition, "<div role=\"gridcell\" class=\"mr-3 flex-shrink-0\"><input class=\"gitd-tree-checkbox\" type=\"checkbox\" data-name=\""+pathElement.innerText+"\" data-type=\""+itemType+"\" @click=\"toggleSelectList\"></div>")
-                    }
-                }
-            }
-        }
+// window.addEventListener("turbo:load", function(evt) {
+//     if (isDebugActive()) console.log("content-script", "turbo:load", evt)
 
-    }, 1500)
+//     setTimeout(function() {
+//         // inject templates
+//         injectGitdTemplates()
 
-}, false);
+//         // init checkboxes
+//         initQuickSelectionCheckboxes()
+//     }, 1500)
+
+// }, false);
 
 // debug mode listener
 window.addEventListener("debug-mode-changed", function(evt) {
@@ -147,5 +113,71 @@ function injectGitdScripts(scrPath) {
         s.parentNode.removeChild(s);
     };
     (document.body || document.documentElement).appendChild(s)
-    if (isDebugActive()) console.log(s);
-}
+    if (isDebugActive()) console.log("injectGitdScripts", s);
+}
+
+// trigger gitdStartButton
+function triggerGitdStart() {
+    let gitdStartButton = document.getElementById("gitdStartButton")
+    if (!!gitdStartButton) {
+        if (isDebugActive()) console.log("gitdStartButton", "trigger", "click", gitdStartButton)
+        gitdStartButton.click()
+    }
+}
+
+// init quick selection checkboxes
+// function initQuickSelectionCheckboxes() {
+//     // check gitd-init attribute
+//     if (document.querySelector(".gitd-tree-checkbox") === null) {
+
+//         // check new design
+//         let newDesign = false
+
+//         // checkbox add
+//         let navItem = document.querySelectorAll("div.js-navigation-item > div:first-child > svg") // old design
+//         if (navItem.length == 0) {
+//             navItem = document.querySelectorAll("table > tbody > tr > td > div.react-directory-filename-column > svg") // new design
+//             newDesign = true
+//         }
+
+//         if (navItem.length > 0) {
+
+//             // inject checkbox
+//             for (const key in navItem) {
+//                 if (Object.hasOwnProperty.call(navItem, key)) {
+//                     const element = navItem[key];
+
+//                     // type: none: 0 - file: 1 - folder: 2
+//                     let itemType = element.getAttribute("aria-label") // old desing
+//                     if (newDesign) {
+//                         itemType = element.getAttribute("class") // new design
+//                     }
+
+//                     if (itemType === "Directory") {
+//                         itemType = 2
+//                     } else if (itemType === "File") {
+//                         itemType = 1
+//                     } else if (itemType == "icon-directory") {
+//                         itemType = 2
+//                     } else {
+//                         itemType = 1
+//                     }
+
+//                     let pathElement = element.parentElement.nextElementSibling?.querySelector("div > span > a") // old desing
+//                     if (newDesign) {
+//                         pathElement = element.parentElement.querySelector("div.overflow-hidden > h3 > div > a") // new design
+//                     }
+
+//                     if (!!pathElement) {
+//                         let insertPosition = "beforebegin"
+//                         if (newDesign) {
+//                             insertPosition = "afterbegin"
+//                         }
+
+//                         element.parentElement.insertAdjacentHTML(insertPosition, "<div role=\"gridcell\" class=\"mr-3 flex-shrink-0\"><input class=\"gitd-tree-checkbox\" type=\"checkbox\" data-name=\""+pathElement.innerText+"\" data-type=\""+itemType+"\" @click=\"toggleSelectList\"></div>")
+//                     }
+//                 }
+//             }
+//         }
+//     }
+// }

extension/lib/gitdmanager.js

@@ -42,11 +42,13 @@ document.addEventListener('alpine:init', () => {
 
     activateGitdInit() {
       if (this.isDebugActive()) console.log("toggleGitdInit");
+
+      this.gitdInit = true
+      this.gitdInitText = "Gitd Ready"
 
       // check gitd-init attribute
       if (document.querySelector(".gitd-tree-checkbox") === null) {
-        this.gitdInit = true
-        this.gitdInitText = "Gitd Ready"
+        if (this.isDebugActive()) console.log("toggleGitdInit", "checkbox init started");
 
         // hostname
         let hostname = window.location.hostname

extension/lib/templates.js

@@ -1,7 +1,7 @@
 "use strict";
 
 let gitdInitTemplate = `<div class="gitd-shortcut-button">
-                            <button @click="activateGitdInit" type="button" class="gitd-btn gitd-btn-sm gitd-btn-warning">
+                            <button id="gitdStartButton" @click="activateGitdInit" type="button" class="gitd-btn gitd-btn-sm gitd-btn-warning">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="bi bi-card-checklist" viewBox="0 0 16 16">
                                     <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
                                     <path d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"/>

extension/manifest.json

@@ -3,7 +3,7 @@
     "name": "Gitd Download Manager",
     "short_name": "Gitd",
     "description": "Download at Github,Bitbucket,Gitlab repository's selected files, folders as a zip file with a single click, without any api token.",
-    "version": "1.0.4",
+    "version": "1.0.5",
     "homepage_url": "https://github.com/git-download-manager/gitd-extension",
     "permissions": [
         "webNavigation"