Ad5001/unchecker
Ad5001/unchecker
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Updating to MV3, adding initial Firefox for Android support.

Browse source
This commit is contained in:
Adsooi 2023-10-16 19:55:14 +02:00
parent 3086c5ef41
commit 54998a68a4
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
4 changed files with 165 additions and 133 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
clickall.js
View file

@ -1,6 +1,6 @@
/** /**
* Unchecker - Simple extension letting you uncheck all checkboxes on a page * Unchecker - Simple extension letting you uncheck all checkboxes on a page
* Copyright (c) Ad5001 2021 * Copyright (c) Ad5001 2021-2023
* *
* This Source Code Form is subject to the terms of the Mozilla Public License, * This Source Code Form is subject to the terms of the Mozilla Public License,
* v. 2.0. If a copy of the MPL was not distributed with this file, You can * v. 2.0. If a copy of the MPL was not distributed with this file, You can
@ -9,22 +9,22 @@
// This file handles all clicking automaticly all similar buttons (e.g : same text & element name) // This file handles all clicking automaticly all similar buttons (e.g : same text & element name)
const CLICK_ALL_SCRIPT = ` const clickAllScript = (targetElementId) => {
var bound, selectedElements, clickedButton, buttonText, classes, query, sameElements; let bound, selectedElements, clickedButton, buttonText, classes, query, sameElements
// Get the potential selected button // Get the potential selected button
bound = browser.menus.getTargetElement(targetElementId).getBoundingClientRect(); bound = browser.menus.getTargetElement(targetElementId).getBoundingClientRect()
selectedElements = document.elementsFromPoint(bound.x+bound.width/2, bound.y+bound.height/2) selectedElements = document.elementsFromPoint(bound.x+bound.width/2, bound.y+bound.height/2)
// Leftover debug for positioning // Leftover debug for positioning
//console.log(bound, browser.menus.getTargetElement(targetElementId), selectedElements) //console.log(bound, browser.menus.getTargetElement(targetElementId), selectedElements)
//var div = document.createElement("div"); div.style.background = "black"; div.style.position = "absolute"; //var div = document.createElement("div"); div.style.background = "black"; div.style.position = "absolute";
//div.style.left = bound.x+bound.width/2-5 +"px"; div.style.top = bound.y+bound.height/2-5 + "px"; //div.style.left = bound.x+bound.width/2-5 +"px"; div.style.top = bound.y+bound.height/2-5 + "px";
//div.style.width = "10px"; div.style.height = "10px"; //div.style.width = "10px"; div.style.height = "10px";
//document.body.appendChild(div); //document.body.appendChild(div);
selectedElements = selectedElements.filter(x => ["BUTTON","A","INPUT"].indexOf(x.tagName) > -1) selectedElements = selectedElements.filter(x => ["BUTTON","A","INPUT"].indexOf(x.tagName) > -1)
// If a button is selected // If a button is selected
if(selectedElements.length > 0) { if(selectedElements.length > 0) {
clickedButton = selectedElements[0] clickedButton = selectedElements[0]
// Gather element that will be used in similar buttons (same text content). // Gather element that will be used in similar buttons (same text content).
buttonText = clickedButton.textContent.trim() buttonText = clickedButton.textContent.trim()
@ -36,19 +36,29 @@ if(selectedElements.length > 0) {
sameElements.forEach(btn => { sameElements.forEach(btn => {
btn.click() btn.click()
}) })
}
} }
` // Requires targetElementId to be defined beforehands // Requires targetElementId to be defined beforehands
const CLICK_ALL_TITLE = "Click all similar buttons"; const CLICK_ALL_TITLE = "Click all similar buttons"
const CLICK_ALL_MENU_CONTEXTS = ["editable", "image", "link", "page"]; const CLICK_ALL_MENU_CONTEXTS = ["all"]
function clickAllSimilarButtons(info, tab) { function clickAllSimilarButtons(info, tab) {
browser.tabs.executeScript(tab.id, { browser.scripting.executeScript({
frameId: info.frameId, target: {
code: `var targetElementId = ${info.targetElementId};${CLICK_ALL_SCRIPT}`, tabId: tab.id,
}); frameIds: [ info.frameId ],
},
func: clickAllScript,
args: [ info.targetElementId ]
})
} }
browser.menus.create({ /**
* Creating menu.
*/
if(browser.menus) { // Not supported on Firefox for Android
browser.menus.create({
id: "unchecker-clickall", id: "unchecker-clickall",
title: CLICK_ALL_TITLE, title: CLICK_ALL_TITLE,
icons: { icons: {
@ -56,5 +66,10 @@ browser.menus.create({
"32": "icons/click.svg" "32": "icons/click.svg"
}, },
contexts: CLICK_ALL_MENU_CONTEXTS, contexts: CLICK_ALL_MENU_CONTEXTS,
onclick(info, tab) { clickAllSimilarButtons(info, tab) } });
});
browser.menus.onClicked.addListener((info, tab) => {
if(info.menuItemId == "unchecker-clickall")
clickAllSimilarButtons(info, tab)
})
}

18
manifest.json
View file

@ -1,18 +1,21 @@
{ {
"description": "Simple extension letting you uncheck all checkboxes on a page.", "description": "Simple extension letting you uncheck all checkboxes on a page.",
"manifest_version": 2, "manifest_version": 3,
"name": "unchecker", "name": "unchecker",
"version": "1.1", "version": "1.2",
"author": "Ad5001", "author": "Ad5001",
"developer": { "developer": {
"name": "Ad5001", "name": "Ad5001",
"url": "https://ad5001.eu" "url": "https://ad5001.eu"
}, },
"applications": { "browser_specific_settings": {
"gecko": { "gecko": {
"id": "unchecker@ad5001.eu", "id": "unchecker@ad5001.eu",
"strict_min_version": "60.0" "strict_min_version": "113.0"
},
"gecko_android": {
"strict_min_version": "113.0"
} }
}, },
"homepage_url": "https://apps.ad5001.eu/unchecker/", "homepage_url": "https://apps.ad5001.eu/unchecker/",
@ -21,9 +24,9 @@
"scripts": ["uncheck.js", "clickall.js"] "scripts": ["uncheck.js", "clickall.js"]
}, },
"browser_action": { "action": {
"default_icon": "icons/on.svg", "default_icon": "icons/on.svg",
"browser_style": true "default_title": "Uncheck all checkboxes"
}, },
"icons": { "icons": {
"48": "icons/off.svg", "48": "icons/off.svg",
@ -32,7 +35,8 @@
"permissions": [ "permissions": [
"activeTab", "activeTab",
"tabs", "tabs",
"menus" "menus",
"scripting"
] ]
} }

11
test/test.html
View file

@ -1,6 +1,6 @@
<!-- <!--
* Unchecker - Simple extension letting you uncheck all checkboxes on a page * Unchecker - Simple extension letting you uncheck all checkboxes on a page
* Copyright (c) Ad5001 2021 * Copyright (c) Ad5001 2021-2023
* *
* This Source Code Form is subject to the terms of the Mozilla Public License, * This Source Code Form is subject to the terms of the Mozilla Public License,
* v. 2.0. If a copy of the MPL was not distributed with this file, You can * v. 2.0. If a copy of the MPL was not distributed with this file, You can
@ -25,6 +25,11 @@
input { input {
margin: .4rem; margin: .4rem;
} }
iframe {
width: 100%;
height: 500px;
}
</style> </style>
<script src="test.js"></script> <script src="test.js"></script>
</head> </head>
@ -81,5 +86,9 @@
</tr> </tr>
</table> </table>
</fieldset> </fieldset>
<fieldset>
<legend>IFramed tests</legend>
<iframe src="./frame.html"></iframe>
</body> </body>
</html> </html>

162
uncheck.js
View file

@ -1,146 +1,150 @@
/** /**
* Unchecker - Simple extension letting you uncheck all checkboxes on a page * Unchecker - Simple extension letting you uncheck all checkboxes on a page
* Copyright (c) Ad5001 2021 * Copyright (c) Ad5001 2021-2023
* *
* This Source Code Form is subject to the terms of the Mozilla Public License, * This Source Code Form is subject to the terms of the Mozilla Public License,
* v. 2.0. If a copy of the MPL was not distributed with this file, You can * v. 2.0. If a copy of the MPL was not distributed with this file, You can
* obtain one at http://mozilla.org/MPL/2.0/. * obtain one at http://mozilla.org/MPL/2.0/.
**/ **/
const UNCHK_SCRIPT = ` const CHECKBOX_QUERY = 'input[type="checkbox"]'
function disable_checkboxes(element){
document.body.querySelectorAll('input[type="checkbox"]').forEach(function(el){ const uncheckAll = () => {
document.body.querySelectorAll(CHECKBOX_QUERY).forEach(function(el){
el.checked = false el.checked = false
}) })
} }
disable_checkboxes(document.body)
document.body.querySelectorAll('iframe').forEach(function(el){disable_checkboxes(el.contentDocument || el.contentWindow.document)}) const checkAll = () => {
` document.body.querySelectorAll(CHECKBOX_QUERY).forEach(function(el){
const CHK_SCRIPT = `
function check_checkboxes(element){
document.body.querySelectorAll('input[type="checkbox"]').forEach(function(el){
el.checked = true el.checked = true
}) })
} }
check_checkboxes(document.body) const TITLE_UNCHECK = "Uncheck all checkboxes"
document.body.querySelectorAll('iframe').forEach(function(el){check_checkboxes(el.contentDocument || el.contentWindow.document)}) const TITLE_CHECK = "Check all checkboxes"
` const APPLICABLE_PROTOCOLS = ["http:", "https:"]
const TITLE_APPLY = "Uncheck all checkboxes"; const MENU_CONTEXTS = ["all"]
const TITLE_REMOVE = "Check all checkboxes";
const APPLICABLE_PROTOCOLS = ["http:", "https:"];
const MENU_CONTEXTS = ["editable", "image", "link", "page"];
/** /**
* Toggle Script: based on the current title, insert or remove the Script. * Toggle Script: based on the current title, insert or remove the Script.
* Update the page action's title and icon, aswell as the context menu item to reflect its state. * Update the page actions title and icon, aswell as the context menu item to reflect its state.
**/ **/
function toggleScript(tab) { function toggleScript(tab) {
function gotTitle(title) { function gotTitle(title) {
if (title === TITLE_APPLY) { console.log(title === TITLE_UNCHECK ? "Unchecking all checkboxes..." : "Checking all checkboxes...")
browser.browserAction.setIcon({tabId: tab.id, path: "icons/off.svg"}); if(title === TITLE_UNCHECK) {
browser.browserAction.setTitle({tabId: tab.id, title: TITLE_REMOVE}); browser.action.setIcon({tabId: tab.id, path: "icons/off.svg"})
browser.menus.remove("unchecker-main").then(function() { browser.action.setTitle({tabId: tab.id, title: TITLE_CHECK})
browser.menus.create({ browser.scripting.executeScript({
id: "unchecker-main", func: uncheckAll,
title: TITLE_REMOVE, target: {
tabId: tab.id,
allFrames: true,
}
})
if(browser.menus)
browser.menus.update("unchecker-main", {
title: TITLE_CHECK,
icons: { icons: {
"16": "icons/off.svg" "16": "icons/off.svg"
}, }
contexts: MENU_CONTEXTS, })
onclick(info,tab) { toggleScript(tab) }
});
}, function(){})
browser.tabs.executeScript({
code: UNCHK_SCRIPT
});
} else { } else {
browser.browserAction.setIcon({tabId: tab.id, path: "icons/on.svg"}); browser.action.setIcon({tabId: tab.id, path: "icons/on.svg"})
browser.browserAction.setTitle({tabId: tab.id, title: TITLE_APPLY}); browser.action.setTitle({tabId: tab.id, title: TITLE_UNCHECK})
browser.menus.remove("unchecker-main").then(function() { browser.scripting.executeScript({
browser.menus.create({ func: checkAll,
id: "unchecker-main", target: {
title: TITLE_APPLY, tabId: tab.id,
allFrames: true,
}
})
if(browser.menus)
browser.menus.update("unchecker-main", {
title: TITLE_UNCHECK,
icons: { icons: {
"16": "icons/on.svg" "16": "icons/on.svg"
}, }
contexts: MENU_CONTEXTS, })
onclick(info,tab) { toggleScript(tab) }
});
}, function(){})
browser.tabs.executeScript({
code: CHK_SCRIPT
});
} }
} }
var gettingTitle = browser.browserAction.getTitle({tabId: tab.id}); browser.action.getTitle({tabId: tab.id}).then(gotTitle)
gettingTitle.then(gotTitle);
} }
/** /**
* Returns true only if the URL's protocol is in APPLICABLE_PROTOCOLS. * Returns true only if the URL's protocol is in APPLICABLE_PROTOCOLS.
**/ **/
function protocolIsApplicable(url) { function protocolIsApplicable(url) {
let anchor = document.createElement('a'); let anchor = document.createElement('a')
anchor.href = url; anchor.href = url
return APPLICABLE_PROTOCOLS.includes(anchor.protocol); return APPLICABLE_PROTOCOLS.includes(anchor.protocol)
} }
/** /**
* Initialize the page action: set icon and title, then show. * Initialize the page action set icon and title, then show.
* Only operates on tabs whose URL's protocol is applicable. * Only operates on tabs whose URL's protocol is applicable.
**/ **/
function initializebrowserAction(tab, createMenu) { function initializebrowserAction(tab, createMenu) {
// console.log("Initializing browser action for tab", tab, createMenu)
if(protocolIsApplicable(tab.url)) { if(protocolIsApplicable(tab.url)) {
browser.browserAction.setIcon({tabId: tab.id, path: "icons/on.svg"}); browser.action.setIcon({tabId: tab.id, path: "icons/on.svg"})
browser.browserAction.setTitle({tabId: tab.id, title: TITLE_APPLY}); browser.action.setTitle({tabId: tab.id, title: TITLE_UNCHECK})
browser.browserAction.show(tab.id);
} }
if(createMenu) { if(createMenu && browser.menus) {
browser.menus.remove("unchecker-main").then(function() { browser.menus.remove("unchecker-main").then(function() {
browser.menus.create({ browser.menus.create({
id: "unchecker-main", id: "unchecker-main",
title: TITLE_APPLY, title: TITLE_UNCHECK,
icons: { icons: {
"16": "icons/on.svg" "16": "icons/on.svg"
}, },
contexts: MENU_CONTEXTS, contexts: MENU_CONTEXTS
onclick(info,tab) { toggleScript(tab) } })
}); })
}, function(){})
} }
} }
/**
* Create the default context menu for the main function.
*/
if(browser.menus) { // Not supported on Firefox for Android
browser.menus.create({
id: "unchecker-main",
title: TITLE_UNCHECK,
icons: {
"16": "icons/on.svg"
},
contexts: MENU_CONTEXTS
})
browser.menus.onClicked.addListener((info, tab) => {
if(info.menuItemId == "unchecker-main")
toggleScript(tab)
})
}
/** /**
* When first loaded, initialize the page action for all tabs. * When first loaded, initialize the page action for all tabs.
**/ **/
browser.menus.create({
id: "unchecker-main", browser.tabs.query({}).then((tabs) => {
title: TITLE_APPLY, for(let tab of tabs) {
icons: { initializebrowserAction(tab, false)
"16": "icons/on.svg"
},
contexts: MENU_CONTEXTS,
onclick(info,tab) { toggleScript(tab) }
});
let gettingAllTabs = browser.tabs.query({});
gettingAllTabs.then((tabs) => {
for (let tab of tabs) {
initializebrowserAction(tab, false);
} }
}); });
/** /**
* Each time a tab is updated, reset the page action for that tab. * Each time a tab is updated, reset the page browser.action.for that tab.
**/ **/
browser.tabs.onUpdated.addListener((id, changeInfo, tab) => { browser.tabs.onUpdated.addListener((id, changeInfo, tab) => {
initializebrowserAction(tab, true); initializebrowserAction(tab, true)
}); });
/** /**
* Toggle Script when the page action is clicked. * Toggle Script when the page browser.action.is clicked.
**/ **/
browser.browserAction.onClicked.addListener(toggleScript); browser.action.onClicked.addListener(toggleScript)