felixfoertsch/webextensions-examples
1
0
Fork 0
mirror of https://github.com/mdn/webextensions-examples.git synced 2026-04-16 06:18:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update root-cert-stats to use runtime.sendMessage #542 (#547)

Browse Source 
* Adding send message and on message functions

* moving table displaying into a new function

* updating rootCertStats from var to let

* updating comments

* Apply Linter change, unused const

Co-authored-by: Rob Wu <rob@robwu.nl>

---------

Co-authored-by: Rob Wu <rob@robwu.nl>
Co-authored-by: rebloor <git@sherpa.co.nz>
This commit is contained in:
Ibrahim Hasaan
2023-11-04 13:16:53 -04:00
committed by GitHub
parent d5fee36ec5
commit faadfca8dd
2 changed files with 38 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
root-cert-stats/background.js
View File

@@ -1,9 +1,6 @@
"use strict"; "use strict";
// Note: declared with "var" because popup.js references this global variable. let rootCertStats = {};
// If this were to be declared with "const" or "let", then the variable would
// still be available to this file, but not to popup.js.
var rootCertStats = {};
/* /*
On an onHeadersReceived event, if there was a successful TLS connection On an onHeadersReceived event, if there was a successful TLS connection
@@ -39,3 +36,12 @@ browser.webRequest.onHeadersReceived.addListener(logRootCert,
{urls: ["<all_urls>"]}, {urls: ["<all_urls>"]},
["blocking"] ["blocking"]
); );
/*
Send the rootCertStats object to popup.js when requested.
*/
browser.runtime.onMessage.addListener((message, sender, sendResponse) => {
if (message.action === "getRootCertStats") {
sendResponse({ rootCertStats: rootCertStats });
}
});

48
root-cert-stats/popup.js
View File

@@ -1,33 +1,37 @@
"use strict"; "use strict";
/* /*
Get the background page to access the rootCertStats object Send message to the background page to get the rootCertStats object
*/ */
const backgroundPage = browser.extension.getBackgroundPage(); browser.runtime.sendMessage({ action: "getRootCertStats" }, response => {
displayTable(response.rootCertStats);
});
let entries = Object.keys(backgroundPage.rootCertStats);
/* function displayTable(rootCertStats) {
If there are any stats, show the table, and append one row for each entry. /*
Each row contains the name of the CA and the number of times it has been If there are any stats, show the table, and append one row for each entry.
used as a trust root. Each row contains the name of the CA and the number of times it has been
*/ used as a trust root.
if (entries.length > 0) { */
let entries = Object.keys(rootCertStats);
let noData = document.querySelector(".no-data"); if (entries.length > 0) {
noData.classList.add("hidden"); let noData = document.querySelector(".no-data");
let entryTable = document.querySelector(".root-cert-table"); noData.classList.add("hidden");
entryTable.classList.remove("hidden"); let entryTable = document.querySelector(".root-cert-table");
entryTable.classList.remove("hidden");
for (let entry of entries) { for (let entry of entries) {
let entryTR = document.createElement("tr"); let entryTR = document.createElement("tr");
let entryName = document.createElement("td"); let entryName = document.createElement("td");
let entryValue = document.createElement("td"); let entryValue = document.createElement("td");
entryName.textContent = entry; entryName.textContent = entry;
entryValue.textContent = backgroundPage.rootCertStats[entry]; entryValue.textContent = rootCertStats[entry];
entryTR.appendChild(entryName); entryTR.appendChild(entryName);
entryTR.appendChild(entryValue); entryTR.appendChild(entryValue);
entryTable.appendChild(entryTR); entryTable.appendChild(entryTR);
}
} }
} }