Merge branch 'hotfix/1.0.6'

Author: uretgec

README.md

@@ -1,22 +1,22 @@
 # 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.
+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, Gitea.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.
+If you see "Gitd Start" button, It is ready for use on every screen you see. You have to to click (checkboxes appears) and can starting to select files.
 
 > Note: Gitd Download Manager browser extension creates download lists using Gitdownloadmanager.com api service.
 
 ![video](gif/gitdmanager.gif)
 
 ## Features
 
-- Support only Github.com, Bitbucket.org, Gitlab.com public repositories page
+- Support only Github.com, Bitbucket.org, Gitlab.com, Gitea.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 Selection Limit: 10
+- Maximum Download Files: 10000
 
 ![screenshot](screenshots/gitd-manager-github-download.jpeg)
 
@@ -113,6 +113,13 @@ See LICENSE for more details.
 
 ## Changelog
 
+v1.0.6
+
+- add Gitea.com service
+- increased selection limit and files
+- remove auto initialize all of the services. excepts Github.com
+- remove Github.com turbo event listeners
+
 v1.0.5
 
 - fix checkboxes not working when browser back event

VERSION

@@ -1 +1 @@
-1.0.4
+1.0.6

extension/background.js

@@ -27,6 +27,10 @@ let urlFilters = {
         {
             hostEquals:'bitbucket.org',
             schemes:["https"]
+        },
+        {
+            hostEquals:'gitea.com',
+            schemes:["https"]
         }
     ]
 }
@@ -44,11 +48,21 @@ chrome.webNavigation.onCompleted.addListener(function (details) {
     })
 }, urlFilters)
 
-chrome.webNavigation.onHistoryStateUpdated.addListener(function (details) {
-    chrome.tabs.sendMessage(details.tabId, {
-        action: 'IM_CHANGED'
-    })
-}, urlFilters)
+// adds a listener to tab change
+chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
+    // check for a URL in the changeInfo parameter (url is only added when it is changed)
+    if (changeInfo.url) {
+        chrome.tabs.sendMessage(tabId, {
+            action: 'URL_CHANGED'
+        })
+    }
+})
+
+// chrome.webNavigation.onHistoryStateUpdated.addListener(function (details) {
+//     chrome.tabs.sendMessage(details.tabId, {
+//         action: 'IM_CHANGED'
+//     })
+// }, urlFilters)
 
 // gitdmanager api request listener
 chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {

extension/contentScript.js

@@ -2,39 +2,52 @@
 
 // declare debug mode var
 let gitdDebugMode = false
+let gitdProcessRunning = false
+
+// templates
+const gitdInitTemplateContainer = `<div id="gitd-container-template"><div class="gitd-shortcut-button">
+                            <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"/>
+                                </svg>
+                                <span x-text="gitdInitText">Gitd Start</span>
+                            </button>
+                        </div></div>`
+
+// track body change (x-data)
+// trackBodyAttributes("x-data")
 
 // listen runtime message from bg
 chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
     switch (request.action) {
-        case "IM_CHANGED":
+        /*case "IM_CHANGED":
             // Dom Content Loading but not finish
-            if (isDebugActive()) console.log("content-script", "im changed")
+            if (gitdDebugMode) console.log("content-script", "im changed")
 
-            // inject templates
-            injectGitdTemplates()
+            // start process
+            // initGitdProcess("IM_CHANGED")
 
-            setTimeout(function() {
-                // Trigger the button element with a click
-                triggerGitdStart()
-            }, 1500)
-
-            break;
+            break;*/
         /*case "IM_LOADING":
             // Dom Content Loading but not finish
-            if (isDebugActive()) console.log("content-script", "im loading")
+            if (gitdDebugMode) console.log("content-script", "im loading")
 
             break;*/
+        case "URL_CHANGED":
+            // url changed
+            if (gitdDebugMode) console.log("content-script", "url changed")
+
+            // start process
+            initGitdProcess("URL_CHANGED")
+
+            break;
         case "IM_READY":
             // Everything Loading finished. Ready to use.
-            if (isDebugActive()) console.log("content-script", "im ready")
-
-            // inject templates
-            injectGitdTemplates()
+            if (gitdDebugMode) console.log("content-script", "im ready")
 
-            setTimeout(function() {
-                // Trigger the button element with a click
-                triggerGitdStart()
-            }, 1500)
+            // start process
+            initGitdProcess("IM_READY")
 
             // inject gitdmanager
             injectGitdScripts("lib/gitdmanager.js")
@@ -52,12 +65,13 @@ chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
 });
 
 // listen browser submit event
+// via: chrome dev tools: getEventListeners(window) -> return all events
 // Request: gitdmanager (browser) -> contentScript -> background
 // Response: background -> contentScript -> gitdmanager (browser)
 window.addEventListener("submit-action", function(evt) {
-    if (isDebugActive()) console.log("content-script","submit-action", evt.detail)
+    if (gitdDebugMode) console.log("content-script","submit-action", evt.detail)
     chrome.runtime.sendMessage(JSON.parse(evt.detail), function(response) {
-        if (isDebugActive()) console.log("bg-response", response);
+        if (gitdDebugMode) console.log("bg-response", response);
 
         window.dispatchEvent(new CustomEvent(
             'submit-action-response',
@@ -72,37 +86,75 @@ 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() {
-//         // inject templates
-//         injectGitdTemplates()
+//     if (gitdDebugMode) console.log("content-script", "turbo:load", evt)
 
-//         // init checkboxes
-//         initQuickSelectionCheckboxes()
-//     }, 1500)
+//     // start process
+//     initGitdProcess("turbo:load")
 
 // }, false);
 
 // debug mode listener
 window.addEventListener("debug-mode-changed", function(evt) {
-    if (isDebugActive()) console.log("content-script", "debug-mode-changed", evt)
+    if (gitdDebugMode) console.log("content-script", "debug-mode-changed", evt)
 
     gitdDebugMode = evt.detail
 
 }, false);
 
-// check debug mode
-function isDebugActive() {
-    return gitdDebugMode
-}
+// init gitd with process control
+function initGitdProcess(where) {
+    if (gitdProcessRunning) {
+        if (gitdDebugMode) console.log("gitdProcessRunning is not finished yet", where);
+        return
+    }
+
+    // process start
+    gitdProcessRunning = true
+
+    if (document.getElementById("gitdStartButton") === null) {
+        /////////////////// inject templates
+        // remove template
+        if (document.getElementById("gitd-container-template")) {
+            document.getElementById("gitd-container-template").remove()
+        }
 
-// inject templates
-function injectGitdTemplates() {
-    if (!document.body.hasAttribute("x-data")) {
+       // remove checkboxes if exists
+       let gitdCheckboxes = document.querySelectorAll(".gitd-tree-checkbox-container")
+       if (gitdCheckboxes.length > 0) {
+         // remove checkbox
+         gitdCheckboxes.forEach(e => e.remove())
+       }
+
+        // add x-data and template container
         document.body.setAttribute("x-data", "gitdManager")
-        document.body.insertAdjacentHTML("beforeend", gitdInitTemplate)
+        document.body.insertAdjacentHTML("beforeend", gitdInitTemplateContainer)
     }
+
+    //////////////////// triggger button
+    // if (where === "IM_CHANGED") {
+    // hostname
+    let hostname = window.location.hostname
+
+    if (hostname === "github.com") {
+        setTimeout(function() {
+            if (gitdDebugMode) console.log("triggerGitdStart");
+
+            let gitdStartButton = document.getElementById("gitdStartButton")
+            if ( !!gitdStartButton && (gitdStartButton.getAttribute("data-trigger") === null || where === "URL_CHANGED") ) {
+                if (gitdDebugMode) console.log("gitdStartButton", "trigger", "click", gitdStartButton)
+
+                gitdStartButton.setAttribute("data-trigger", where)
+                gitdStartButton.click()
+            }
+
+            // process finished
+            gitdProcessRunning = false
+        }, 1500)
+    }
+    // }
+
+    // // process finished
+    // gitdProcessRunning = false
 }
 
 // inject scripts
@@ -113,71 +165,5 @@ function injectGitdScripts(scrPath) {
         s.parentNode.removeChild(s);
     };
     (document.body || document.documentElement).appendChild(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()
-    }
+    if (gitdDebugMode) console.log("injectGitdScripts", s);
 }
-
-// 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>")
-//                     }
-//                 }
-//             }
-//         }
-//     }
-// }