forked from mirrors/gecko-dev
		
	
		
			
				
	
	
		
			2062 lines
		
	
	
	
		
			62 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			2062 lines
		
	
	
	
		
			62 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| /* 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 obtain one at http://mozilla.org/MPL/2.0/. */
 | |
| 
 | |
| "use strict";
 | |
| 
 | |
| const { Troubleshoot } = ChromeUtils.importESModule(
 | |
|   "resource://gre/modules/Troubleshoot.sys.mjs"
 | |
| );
 | |
| const { ResetProfile } = ChromeUtils.importESModule(
 | |
|   "resource://gre/modules/ResetProfile.sys.mjs"
 | |
| );
 | |
| const { AppConstants } = ChromeUtils.importESModule(
 | |
|   "resource://gre/modules/AppConstants.sys.mjs"
 | |
| );
 | |
| 
 | |
| ChromeUtils.defineESModuleGetters(this, {
 | |
|   DownloadUtils: "resource://gre/modules/DownloadUtils.sys.mjs",
 | |
|   PlacesDBUtils: "resource://gre/modules/PlacesDBUtils.sys.mjs",
 | |
|   ProcessType: "resource://gre/modules/ProcessType.sys.mjs",
 | |
| });
 | |
| 
 | |
| window.addEventListener("load", function onload() {
 | |
|   try {
 | |
|     window.removeEventListener("load", onload);
 | |
|     Troubleshoot.snapshot().then(async snapshot => {
 | |
|       for (let prop in snapshotFormatters) {
 | |
|         try {
 | |
|           await snapshotFormatters[prop](snapshot[prop]);
 | |
|         } catch (e) {
 | |
|           console.error(
 | |
|             "stack of snapshot error for about:support: ",
 | |
|             e,
 | |
|             ": ",
 | |
|             e.stack
 | |
|           );
 | |
|         }
 | |
|       }
 | |
|       if (location.hash) {
 | |
|         scrollToSection();
 | |
|       }
 | |
|     }, console.error);
 | |
|     populateActionBox();
 | |
|     setupEventListeners();
 | |
| 
 | |
|     if (Services.sysinfo.getProperty("isPackagedApp")) {
 | |
|       $("update-dir-row").hidden = true;
 | |
|       $("update-history-row").hidden = true;
 | |
|     }
 | |
|   } catch (e) {
 | |
|     console.error("stack of load error for about:support: ", e, ": ", e.stack);
 | |
|   }
 | |
| });
 | |
| 
 | |
| function prefsTable(data) {
 | |
|   return sortedArrayFromObject(data).map(function ([name, value]) {
 | |
|     return $.new("tr", [
 | |
|       $.new("td", name, "pref-name"),
 | |
|       // Very long preference values can cause users problems when they
 | |
|       // copy and paste them into some text editors.  Long values generally
 | |
|       // aren't useful anyway, so truncate them to a reasonable length.
 | |
|       $.new("td", String(value).substr(0, 120), "pref-value"),
 | |
|     ]);
 | |
|   });
 | |
| }
 | |
| 
 | |
| // Fluent uses lisp-case IDs so this converts
 | |
| // the SentenceCase info IDs to lisp-case.
 | |
| const FLUENT_IDENT_REGEX = /^[a-zA-Z][a-zA-Z0-9_-]*$/;
 | |
| function toFluentID(str) {
 | |
|   if (!FLUENT_IDENT_REGEX.test(str)) {
 | |
|     return null;
 | |
|   }
 | |
|   return str
 | |
|     .toString()
 | |
|     .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
 | |
|     .toLowerCase();
 | |
| }
 | |
| 
 | |
| // Each property in this object corresponds to a property in Troubleshoot.sys.mjs's
 | |
| // snapshot data.  Each function is passed its property's corresponding data,
 | |
| // and it's the function's job to update the page with it.
 | |
| var snapshotFormatters = {
 | |
|   async application(data) {
 | |
|     $("application-box").textContent = data.name;
 | |
|     $("useragent-box").textContent = data.userAgent;
 | |
|     $("os-box").textContent = data.osVersion;
 | |
|     if (data.osTheme) {
 | |
|       $("os-theme-box").textContent = data.osTheme;
 | |
|     } else {
 | |
|       $("os-theme-row").hidden = true;
 | |
|     }
 | |
|     if (AppConstants.platform == "macosx") {
 | |
|       $("rosetta-box").textContent = data.rosetta;
 | |
|     }
 | |
|     if (AppConstants.platform == "win") {
 | |
|       const translatedList = await Promise.all(
 | |
|         data.pointingDevices.map(deviceName => {
 | |
|           return document.l10n.formatValue(deviceName);
 | |
|         })
 | |
|       );
 | |
| 
 | |
|       const formatter = new Intl.ListFormat();
 | |
| 
 | |
|       $("pointing-devices-box").textContent = formatter.format(translatedList);
 | |
|     }
 | |
|     $("binary-box").textContent = Services.dirsvc.get(
 | |
|       "XREExeF",
 | |
|       Ci.nsIFile
 | |
|     ).path;
 | |
|     $("supportLink").href = data.supportURL;
 | |
|     let version = AppConstants.MOZ_APP_VERSION_DISPLAY;
 | |
|     if (data.vendor) {
 | |
|       version += " (" + data.vendor + ")";
 | |
|     }
 | |
|     $("version-box").textContent = version;
 | |
|     $("buildid-box").textContent = data.buildID;
 | |
|     $("distributionid-box").textContent = data.distributionID;
 | |
|     if (data.updateChannel) {
 | |
|       $("updatechannel-box").textContent = data.updateChannel;
 | |
|     }
 | |
|     if (AppConstants.MOZ_UPDATER && AppConstants.platform != "android") {
 | |
|       $("update-dir-box").textContent = Services.dirsvc.get(
 | |
|         "UpdRootD",
 | |
|         Ci.nsIFile
 | |
|       ).path;
 | |
|     }
 | |
|     $("profile-dir-box").textContent = Services.dirsvc.get(
 | |
|       "ProfD",
 | |
|       Ci.nsIFile
 | |
|     ).path;
 | |
| 
 | |
|     try {
 | |
|       let launcherStatusTextId = "launcher-process-status-unknown";
 | |
|       switch (data.launcherProcessState) {
 | |
|         case 0:
 | |
|         case 1:
 | |
|         case 2:
 | |
|           launcherStatusTextId =
 | |
|             "launcher-process-status-" + data.launcherProcessState;
 | |
|           break;
 | |
|       }
 | |
| 
 | |
|       document.l10n.setAttributes(
 | |
|         $("launcher-process-box"),
 | |
|         launcherStatusTextId
 | |
|       );
 | |
|     } catch (e) {}
 | |
| 
 | |
|     const STATUS_STRINGS = {
 | |
|       experimentControl: "fission-status-experiment-control",
 | |
|       experimentTreatment: "fission-status-experiment-treatment",
 | |
|       disabledByE10sEnv: "fission-status-disabled-by-e10s-env",
 | |
|       enabledByEnv: "fission-status-enabled-by-env",
 | |
|       disabledByEnv: "fission-status-disabled-by-env",
 | |
|       enabledByDefault: "fission-status-enabled-by-default",
 | |
|       disabledByDefault: "fission-status-disabled-by-default",
 | |
|       enabledByUserPref: "fission-status-enabled-by-user-pref",
 | |
|       disabledByUserPref: "fission-status-disabled-by-user-pref",
 | |
|       disabledByE10sOther: "fission-status-disabled-by-e10s-other",
 | |
|       enabledByRollout: "fission-status-enabled-by-rollout",
 | |
|     };
 | |
| 
 | |
|     let statusTextId = STATUS_STRINGS[data.fissionDecisionStatus];
 | |
| 
 | |
|     document.l10n.setAttributes(
 | |
|       $("multiprocess-box-process-count"),
 | |
|       "multi-process-windows",
 | |
|       {
 | |
|         remoteWindows: data.numRemoteWindows,
 | |
|         totalWindows: data.numTotalWindows,
 | |
|       }
 | |
|     );
 | |
|     document.l10n.setAttributes(
 | |
|       $("fission-box-process-count"),
 | |
|       "fission-windows",
 | |
|       {
 | |
|         fissionWindows: data.numFissionWindows,
 | |
|         totalWindows: data.numTotalWindows,
 | |
|       }
 | |
|     );
 | |
|     document.l10n.setAttributes($("fission-box-status"), statusTextId);
 | |
| 
 | |
|     if (Services.policies) {
 | |
|       let policiesStrId = "";
 | |
|       let aboutPolicies = "about:policies";
 | |
|       switch (data.policiesStatus) {
 | |
|         case Services.policies.INACTIVE:
 | |
|           policiesStrId = "policies-inactive";
 | |
|           break;
 | |
| 
 | |
|         case Services.policies.ACTIVE:
 | |
|           policiesStrId = "policies-active";
 | |
|           aboutPolicies += "#active";
 | |
|           break;
 | |
| 
 | |
|         default:
 | |
|           policiesStrId = "policies-error";
 | |
|           aboutPolicies += "#errors";
 | |
|           break;
 | |
|       }
 | |
| 
 | |
|       if (data.policiesStatus != Services.policies.INACTIVE) {
 | |
|         let activePolicies = $.new("a", null, null, {
 | |
|           href: aboutPolicies,
 | |
|         });
 | |
|         document.l10n.setAttributes(activePolicies, policiesStrId);
 | |
|         $("policies-status").appendChild(activePolicies);
 | |
|       } else {
 | |
|         document.l10n.setAttributes($("policies-status"), policiesStrId);
 | |
|       }
 | |
|     } else {
 | |
|       $("policies-status-row").hidden = true;
 | |
|     }
 | |
| 
 | |
|     let keyLocationServiceGoogleFound = data.keyLocationServiceGoogleFound
 | |
|       ? "found"
 | |
|       : "missing";
 | |
|     document.l10n.setAttributes(
 | |
|       $("key-location-service-google-box"),
 | |
|       keyLocationServiceGoogleFound
 | |
|     );
 | |
| 
 | |
|     let keySafebrowsingGoogleFound = data.keySafebrowsingGoogleFound
 | |
|       ? "found"
 | |
|       : "missing";
 | |
|     document.l10n.setAttributes(
 | |
|       $("key-safebrowsing-google-box"),
 | |
|       keySafebrowsingGoogleFound
 | |
|     );
 | |
| 
 | |
|     let keyMozillaFound = data.keyMozillaFound ? "found" : "missing";
 | |
|     document.l10n.setAttributes($("key-mozilla-box"), keyMozillaFound);
 | |
| 
 | |
|     $("safemode-box").textContent = data.safeMode;
 | |
| 
 | |
|     const formatHumanReadableBytes = (elem, bytes) => {
 | |
|       let size = DownloadUtils.convertByteUnits(bytes);
 | |
|       document.l10n.setAttributes(elem, "app-basics-data-size", {
 | |
|         value: size[0],
 | |
|         unit: size[1],
 | |
|       });
 | |
|     };
 | |
| 
 | |
|     formatHumanReadableBytes($("memory-size-box"), data.memorySizeBytes);
 | |
|     formatHumanReadableBytes($("disk-available-box"), data.diskAvailableBytes);
 | |
|   },
 | |
| 
 | |
|   async legacyUserStylesheets(legacyUserStylesheets) {
 | |
|     $("legacyUserStylesheets-enabled").textContent =
 | |
|       legacyUserStylesheets.active;
 | |
|     $("legacyUserStylesheets-types").textContent =
 | |
|       new Intl.ListFormat(undefined, { style: "short", type: "unit" }).format(
 | |
|         legacyUserStylesheets.types
 | |
|       ) ||
 | |
|       document.l10n.setAttributes(
 | |
|         $("legacyUserStylesheets-types"),
 | |
|         "legacy-user-stylesheets-no-stylesheets-found"
 | |
|       );
 | |
|   },
 | |
| 
 | |
|   crashes(data) {
 | |
|     if (!AppConstants.MOZ_CRASHREPORTER) {
 | |
|       return;
 | |
|     }
 | |
| 
 | |
|     let daysRange = Troubleshoot.kMaxCrashAge / (24 * 60 * 60 * 1000);
 | |
|     document.l10n.setAttributes($("crashes"), "report-crash-for-days", {
 | |
|       days: daysRange,
 | |
|     });
 | |
|     let reportURL;
 | |
|     try {
 | |
|       reportURL = Services.prefs.getCharPref("breakpad.reportURL");
 | |
|       // Ignore any non http/https urls
 | |
|       if (!/^https?:/i.test(reportURL)) {
 | |
|         reportURL = null;
 | |
|       }
 | |
|     } catch (e) {}
 | |
|     if (!reportURL) {
 | |
|       $("crashes-noConfig").style.display = "block";
 | |
|       $("crashes-noConfig").classList.remove("no-copy");
 | |
|       return;
 | |
|     }
 | |
|     $("crashes-allReports").style.display = "block";
 | |
| 
 | |
|     if (data.pending > 0) {
 | |
|       document.l10n.setAttributes(
 | |
|         $("crashes-allReportsWithPending"),
 | |
|         "pending-reports",
 | |
|         { reports: data.pending }
 | |
|       );
 | |
|     }
 | |
| 
 | |
|     let dateNow = new Date();
 | |
|     $.append(
 | |
|       $("crashes-tbody"),
 | |
|       data.submitted.map(function (crash) {
 | |
|         let date = new Date(crash.date);
 | |
|         let timePassed = dateNow - date;
 | |
|         let formattedDateStrId;
 | |
|         let formattedDateStrArgs;
 | |
|         if (timePassed >= 24 * 60 * 60 * 1000) {
 | |
|           let daysPassed = Math.round(timePassed / (24 * 60 * 60 * 1000));
 | |
|           formattedDateStrId = "crashes-time-days";
 | |
|           formattedDateStrArgs = { days: daysPassed };
 | |
|         } else if (timePassed >= 60 * 60 * 1000) {
 | |
|           let hoursPassed = Math.round(timePassed / (60 * 60 * 1000));
 | |
|           formattedDateStrId = "crashes-time-hours";
 | |
|           formattedDateStrArgs = { hours: hoursPassed };
 | |
|         } else {
 | |
|           let minutesPassed = Math.max(Math.round(timePassed / (60 * 1000)), 1);
 | |
|           formattedDateStrId = "crashes-time-minutes";
 | |
|           formattedDateStrArgs = { minutes: minutesPassed };
 | |
|         }
 | |
|         return $.new("tr", [
 | |
|           $.new("td", [
 | |
|             $.new("a", crash.id, null, { href: reportURL + crash.id }),
 | |
|           ]),
 | |
|           $.new("td", null, null, {
 | |
|             "data-l10n-id": formattedDateStrId,
 | |
|             "data-l10n-args": formattedDateStrArgs,
 | |
|           }),
 | |
|         ]);
 | |
|       })
 | |
|     );
 | |
|   },
 | |
| 
 | |
|   addons(data) {
 | |
|     $.append(
 | |
|       $("addons-tbody"),
 | |
|       data.map(function (addon) {
 | |
|         return $.new("tr", [
 | |
|           $.new("td", addon.name),
 | |
|           $.new("td", addon.type),
 | |
|           $.new("td", addon.version),
 | |
|           $.new("td", addon.isActive),
 | |
|           $.new("td", addon.id),
 | |
|         ]);
 | |
|       })
 | |
|     );
 | |
|   },
 | |
| 
 | |
|   securitySoftware(data) {
 | |
|     if (AppConstants.platform !== "win") {
 | |
|       $("security-software").hidden = true;
 | |
|       $("security-software-table").hidden = true;
 | |
|       return;
 | |
|     }
 | |
| 
 | |
|     $("security-software-antivirus").textContent = data.registeredAntiVirus;
 | |
|     $("security-software-antispyware").textContent = data.registeredAntiSpyware;
 | |
|     $("security-software-firewall").textContent = data.registeredFirewall;
 | |
|   },
 | |
| 
 | |
|   features(data) {
 | |
|     $.append(
 | |
|       $("features-tbody"),
 | |
|       data.map(function (feature) {
 | |
|         return $.new("tr", [
 | |
|           $.new("td", feature.name),
 | |
|           $.new("td", feature.version),
 | |
|           $.new("td", feature.id),
 | |
|         ]);
 | |
|       })
 | |
|     );
 | |
|   },
 | |
| 
 | |
|   async processes(data) {
 | |
|     async function buildEntry(name, value) {
 | |
|       const fluentName = ProcessType.fluentNameFromProcessTypeString(name);
 | |
|       let entryName = (await document.l10n.formatValue(fluentName)) || name;
 | |
|       $("processes-tbody").appendChild(
 | |
|         $.new("tr", [$.new("td", entryName), $.new("td", value)])
 | |
|       );
 | |
|     }
 | |
| 
 | |
|     let remoteProcessesCount = Object.values(data.remoteTypes).reduce(
 | |
|       (a, b) => a + b,
 | |
|       0
 | |
|     );
 | |
|     document.querySelector("#remoteprocesses-row a").textContent =
 | |
|       remoteProcessesCount;
 | |
| 
 | |
|     // Display the regular "web" process type first in the list,
 | |
|     // and with special formatting.
 | |
|     if (data.remoteTypes.web) {
 | |
|       await buildEntry(
 | |
|         "web",
 | |
|         `${data.remoteTypes.web} / ${data.maxWebContentProcesses}`
 | |
|       );
 | |
|       delete data.remoteTypes.web;
 | |
|     }
 | |
| 
 | |
|     for (let remoteProcessType in data.remoteTypes) {
 | |
|       await buildEntry(remoteProcessType, data.remoteTypes[remoteProcessType]);
 | |
|     }
 | |
|   },
 | |
| 
 | |
|   async experimentalFeatures(data) {
 | |
|     if (!data) {
 | |
|       return;
 | |
|     }
 | |
|     let titleL10nIds = data.map(([titleL10nId]) => titleL10nId);
 | |
|     let titleL10nObjects = await document.l10n.formatMessages(titleL10nIds);
 | |
|     if (titleL10nObjects.length != data.length) {
 | |
|       throw Error("Missing localized title strings in experimental features");
 | |
|     }
 | |
|     for (let i = 0; i < titleL10nObjects.length; i++) {
 | |
|       let localizedTitle = titleL10nObjects[i].attributes.find(
 | |
|         a => a.name == "label"
 | |
|       ).value;
 | |
|       data[i] = [localizedTitle, data[i][1], data[i][2]];
 | |
|     }
 | |
| 
 | |
|     $.append(
 | |
|       $("experimental-features-tbody"),
 | |
|       data.map(function ([title, pref, value]) {
 | |
|         return $.new("tr", [
 | |
|           $.new("td", `${title} (${pref})`, "pref-name"),
 | |
|           $.new("td", value, "pref-value"),
 | |
|         ]);
 | |
|       })
 | |
|     );
 | |
|   },
 | |
| 
 | |
|   environmentVariables(data) {
 | |
|     if (!data) {
 | |
|       return;
 | |
|     }
 | |
|     $.append(
 | |
|       $("environment-variables-tbody"),
 | |
|       Object.entries(data).map(([name, value]) => {
 | |
|         return $.new("tr", [
 | |
|           $.new("td", name, "pref-name"),
 | |
|           $.new("td", value, "pref-value"),
 | |
|         ]);
 | |
|       })
 | |
|     );
 | |
|   },
 | |
| 
 | |
|   modifiedPreferences(data) {
 | |
|     $.append($("prefs-tbody"), prefsTable(data));
 | |
|   },
 | |
| 
 | |
|   lockedPreferences(data) {
 | |
|     $.append($("locked-prefs-tbody"), prefsTable(data));
 | |
|   },
 | |
| 
 | |
|   places(data) {
 | |
|     if (!AppConstants.MOZ_PLACES) {
 | |
|       return;
 | |
|     }
 | |
|     const statsBody = $("place-database-stats-tbody");
 | |
|     $.append(
 | |
|       statsBody,
 | |
|       data.map(function (entry) {
 | |
|         return $.new("tr", [
 | |
|           $.new("td", entry.entity),
 | |
|           $.new("td", entry.count),
 | |
|           $.new("td", entry.sizeBytes / 1024),
 | |
|           $.new("td", entry.sizePerc),
 | |
|           $.new("td", entry.efficiencyPerc),
 | |
|           $.new("td", entry.sequentialityPerc),
 | |
|         ]);
 | |
|       })
 | |
|     );
 | |
|     statsBody.style.display = "none";
 | |
|     $("place-database-stats-toggle").addEventListener(
 | |
|       "click",
 | |
|       function (event) {
 | |
|         if (statsBody.style.display === "none") {
 | |
|           document.l10n.setAttributes(
 | |
|             event.target,
 | |
|             "place-database-stats-hide"
 | |
|           );
 | |
|           statsBody.style.display = "";
 | |
|         } else {
 | |
|           document.l10n.setAttributes(
 | |
|             event.target,
 | |
|             "place-database-stats-show"
 | |
|           );
 | |
|           statsBody.style.display = "none";
 | |
|         }
 | |
|       }
 | |
|     );
 | |
|   },
 | |
| 
 | |
|   printingPreferences(data) {
 | |
|     if (AppConstants.platform == "android") {
 | |
|       return;
 | |
|     }
 | |
|     const tbody = $("support-printing-prefs-tbody");
 | |
|     $.append(tbody, prefsTable(data));
 | |
|     $("support-printing-clear-settings-button").addEventListener(
 | |
|       "click",
 | |
|       function () {
 | |
|         for (let name in data) {
 | |
|           Services.prefs.clearUserPref(name);
 | |
|         }
 | |
|         tbody.textContent = "";
 | |
|       }
 | |
|     );
 | |
|   },
 | |
| 
 | |
|   async graphics(data) {
 | |
|     function localizedMsg(msg) {
 | |
|       if (typeof msg == "object" && msg.key) {
 | |
|         return document.l10n.formatValue(msg.key, msg.args);
 | |
|       }
 | |
|       let msgId = toFluentID(msg);
 | |
|       if (msgId) {
 | |
|         return document.l10n.formatValue(msgId);
 | |
|       }
 | |
|       return "";
 | |
|     }
 | |
| 
 | |
|     // Read APZ info out of data.info, stripping it out in the process.
 | |
|     let apzInfo = [];
 | |
|     let formatApzInfo = function (info) {
 | |
|       let out = [];
 | |
|       for (let type of [
 | |
|         "Wheel",
 | |
|         "Touch",
 | |
|         "Drag",
 | |
|         "Keyboard",
 | |
|         "Autoscroll",
 | |
|         "Zooming",
 | |
|       ]) {
 | |
|         let key = "Apz" + type + "Input";
 | |
| 
 | |
|         if (!(key in info)) {
 | |
|           continue;
 | |
|         }
 | |
| 
 | |
|         delete info[key];
 | |
| 
 | |
|         out.push(toFluentID(type.toLowerCase() + "Enabled"));
 | |
|       }
 | |
| 
 | |
|       return out;
 | |
|     };
 | |
| 
 | |
|     // Create a <tr> element with key and value columns.
 | |
|     //
 | |
|     // @key      Text in the key column. Localized automatically, unless starts with "#".
 | |
|     // @value    Fluent ID for text in the value column, or array of children.
 | |
|     function buildRow(key, value) {
 | |
|       let title = key[0] == "#" ? key.substr(1) : key;
 | |
|       let keyStrId = toFluentID(key);
 | |
|       let valueStrId = Array.isArray(value) ? null : toFluentID(value);
 | |
|       let td = $.new("td", value);
 | |
|       td.style["white-space"] = "pre-wrap";
 | |
|       if (valueStrId) {
 | |
|         document.l10n.setAttributes(td, valueStrId);
 | |
|       }
 | |
| 
 | |
|       let th = $.new("th", title, "column");
 | |
|       if (!key.startsWith("#")) {
 | |
|         document.l10n.setAttributes(th, keyStrId);
 | |
|       }
 | |
|       return $.new("tr", [th, td]);
 | |
|     }
 | |
| 
 | |
|     // @where    The name in "graphics-<name>-tbody", of the element to append to.
 | |
|     // @trs      Array of row elements.
 | |
|     function addRows(where, trs) {
 | |
|       $.append($("graphics-" + where + "-tbody"), trs);
 | |
|     }
 | |
| 
 | |
|     // Build and append a row.
 | |
|     //
 | |
|     // @where    The name in "graphics-<name>-tbody", of the element to append to.
 | |
|     function addRow(where, key, value) {
 | |
|       addRows(where, [buildRow(key, value)]);
 | |
|     }
 | |
|     if ("info" in data) {
 | |
|       apzInfo = formatApzInfo(data.info);
 | |
| 
 | |
|       let trs = sortedArrayFromObject(data.info).map(function ([prop, val]) {
 | |
|         let td = $.new("td", String(val));
 | |
|         td.style["word-break"] = "break-all";
 | |
|         return $.new("tr", [$.new("th", prop, "column"), td]);
 | |
|       });
 | |
|       addRows("diagnostics", trs);
 | |
| 
 | |
|       delete data.info;
 | |
|     }
 | |
| 
 | |
|     let windowUtils = window.windowUtils;
 | |
|     let gpuProcessPid = windowUtils.gpuProcessPid;
 | |
| 
 | |
|     if (gpuProcessPid != -1) {
 | |
|       let gpuProcessKillButton = null;
 | |
|       if (AppConstants.NIGHTLY_BUILD || AppConstants.MOZ_DEV_EDITION) {
 | |
|         gpuProcessKillButton = $.new("button");
 | |
| 
 | |
|         gpuProcessKillButton.addEventListener("click", function () {
 | |
|           windowUtils.terminateGPUProcess();
 | |
|         });
 | |
| 
 | |
|         document.l10n.setAttributes(
 | |
|           gpuProcessKillButton,
 | |
|           "gpu-process-kill-button"
 | |
|         );
 | |
|       }
 | |
| 
 | |
|       addRow("diagnostics", "gpu-process-pid", [new Text(gpuProcessPid)]);
 | |
|       if (gpuProcessKillButton) {
 | |
|         addRow("diagnostics", "gpu-process", [gpuProcessKillButton]);
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     if (
 | |
|       (AppConstants.NIGHTLY_BUILD || AppConstants.MOZ_DEV_EDITION) &&
 | |
|       AppConstants.platform != "macosx"
 | |
|     ) {
 | |
|       let gpuDeviceResetButton = $.new("button");
 | |
| 
 | |
|       gpuDeviceResetButton.addEventListener("click", function () {
 | |
|         windowUtils.triggerDeviceReset();
 | |
|       });
 | |
| 
 | |
|       document.l10n.setAttributes(
 | |
|         gpuDeviceResetButton,
 | |
|         "gpu-device-reset-button"
 | |
|       );
 | |
|       addRow("diagnostics", "gpu-device-reset", [gpuDeviceResetButton]);
 | |
|     }
 | |
| 
 | |
|     // graphics-failures-tbody tbody
 | |
|     if ("failures" in data) {
 | |
|       // If indices is there, it should be the same length as failures,
 | |
|       // (see Troubleshoot.sys.mjs) but we check anyway:
 | |
|       if ("indices" in data && data.failures.length == data.indices.length) {
 | |
|         let combined = [];
 | |
|         for (let i = 0; i < data.failures.length; i++) {
 | |
|           let assembled = assembleFromGraphicsFailure(i, data);
 | |
|           combined.push(assembled);
 | |
|         }
 | |
|         combined.sort(function (a, b) {
 | |
|           if (a.index < b.index) {
 | |
|             return -1;
 | |
|           }
 | |
|           if (a.index > b.index) {
 | |
|             return 1;
 | |
|           }
 | |
|           return 0;
 | |
|         });
 | |
|         $.append(
 | |
|           $("graphics-failures-tbody"),
 | |
|           combined.map(function (val) {
 | |
|             return $.new("tr", [
 | |
|               $.new("th", val.header, "column"),
 | |
|               $.new("td", val.message),
 | |
|             ]);
 | |
|           })
 | |
|         );
 | |
|         delete data.indices;
 | |
|       } else {
 | |
|         $.append($("graphics-failures-tbody"), [
 | |
|           $.new("tr", [
 | |
|             $.new("th", "LogFailure", "column"),
 | |
|             $.new(
 | |
|               "td",
 | |
|               data.failures.map(function (val) {
 | |
|                 return $.new("p", val);
 | |
|               })
 | |
|             ),
 | |
|           ]),
 | |
|         ]);
 | |
|       }
 | |
|       delete data.failures;
 | |
|     } else {
 | |
|       $("graphics-failures-tbody").style.display = "none";
 | |
|     }
 | |
| 
 | |
|     // Add a new row to the table, and take the key (or keys) out of data.
 | |
|     //
 | |
|     // @where        Table section to add to.
 | |
|     // @key          Data key to use.
 | |
|     // @colKey       The localization key to use, if different from key.
 | |
|     async function addRowFromKey(where, key, colKey) {
 | |
|       if (!(key in data)) {
 | |
|         return;
 | |
|       }
 | |
|       colKey = colKey || key;
 | |
| 
 | |
|       let value;
 | |
|       let messageKey = key + "Message";
 | |
|       if (messageKey in data) {
 | |
|         value = await localizedMsg(data[messageKey]);
 | |
|         delete data[messageKey];
 | |
|       } else {
 | |
|         value = data[key];
 | |
|       }
 | |
|       delete data[key];
 | |
| 
 | |
|       if (value) {
 | |
|         addRow(where, colKey, [new Text(value)]);
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     // graphics-features-tbody
 | |
|     let devicePixelRatios = data.graphicsDevicePixelRatios;
 | |
|     addRow("features", "graphicsDevicePixelRatios", [
 | |
|       new Text(devicePixelRatios),
 | |
|     ]);
 | |
| 
 | |
|     let compositor = "";
 | |
|     if (data.windowLayerManagerRemote) {
 | |
|       compositor = data.windowLayerManagerType;
 | |
|     } else {
 | |
|       let noOMTCString = await document.l10n.formatValue("main-thread-no-omtc");
 | |
|       compositor = "BasicLayers (" + noOMTCString + ")";
 | |
|     }
 | |
|     addRow("features", "compositing", [new Text(compositor)]);
 | |
|     addRow("features", "supportFontDetermination", [
 | |
|       new Text(data.supportFontDetermination),
 | |
|     ]);
 | |
|     delete data.windowLayerManagerRemote;
 | |
|     delete data.windowLayerManagerType;
 | |
|     delete data.numTotalWindows;
 | |
|     delete data.numAcceleratedWindows;
 | |
|     delete data.numAcceleratedWindowsMessage;
 | |
|     delete data.graphicsDevicePixelRatios;
 | |
| 
 | |
|     addRow(
 | |
|       "features",
 | |
|       "asyncPanZoom",
 | |
|       apzInfo.length
 | |
|         ? [
 | |
|             new Text(
 | |
|               (
 | |
|                 await document.l10n.formatValues(
 | |
|                   apzInfo.map(id => {
 | |
|                     return { id };
 | |
|                   })
 | |
|                 )
 | |
|               ).join("; ")
 | |
|             ),
 | |
|           ]
 | |
|         : "apz-none"
 | |
|     );
 | |
|     let featureKeys = [
 | |
|       "webgl1WSIInfo",
 | |
|       "webgl1Renderer",
 | |
|       "webgl1Version",
 | |
|       "webgl1DriverExtensions",
 | |
|       "webgl1Extensions",
 | |
|       "webgl2WSIInfo",
 | |
|       "webgl2Renderer",
 | |
|       "webgl2Version",
 | |
|       "webgl2DriverExtensions",
 | |
|       "webgl2Extensions",
 | |
|       ["supportsHardwareH264", "hardware-h264"],
 | |
|       ["direct2DEnabled", "#Direct2D"],
 | |
|       ["windowProtocol", "graphics-window-protocol"],
 | |
|       ["desktopEnvironment", "graphics-desktop-environment"],
 | |
|       "targetFrameRate",
 | |
|     ];
 | |
|     for (let feature of featureKeys) {
 | |
|       if (Array.isArray(feature)) {
 | |
|         await addRowFromKey("features", feature[0], feature[1]);
 | |
|         continue;
 | |
|       }
 | |
|       await addRowFromKey("features", feature);
 | |
|     }
 | |
| 
 | |
|     featureKeys = ["webgpuDefaultAdapter", "webgpuFallbackAdapter"];
 | |
|     for (let feature of featureKeys) {
 | |
|       const obj = data[feature];
 | |
|       if (obj) {
 | |
|         const str = JSON.stringify(obj, null, "  ");
 | |
|         await addRow("features", feature, [new Text(str)]);
 | |
|         delete data[feature];
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     if ("directWriteEnabled" in data) {
 | |
|       let message = data.directWriteEnabled;
 | |
|       if ("directWriteVersion" in data) {
 | |
|         message += " (" + data.directWriteVersion + ")";
 | |
|       }
 | |
|       await addRow("features", "#DirectWrite", [new Text(message)]);
 | |
|       delete data.directWriteEnabled;
 | |
|       delete data.directWriteVersion;
 | |
|     }
 | |
| 
 | |
|     // Adapter tbodies.
 | |
|     let adapterKeys = [
 | |
|       ["adapterDescription", "gpu-description"],
 | |
|       ["adapterVendorID", "gpu-vendor-id"],
 | |
|       ["adapterDeviceID", "gpu-device-id"],
 | |
|       ["driverVendor", "gpu-driver-vendor"],
 | |
|       ["driverVersion", "gpu-driver-version"],
 | |
|       ["driverDate", "gpu-driver-date"],
 | |
|       ["adapterDrivers", "gpu-drivers"],
 | |
|       ["adapterSubsysID", "gpu-subsys-id"],
 | |
|       ["adapterRAM", "gpu-ram"],
 | |
|     ];
 | |
| 
 | |
|     function showGpu(id, suffix) {
 | |
|       function get(prop) {
 | |
|         return data[prop + suffix];
 | |
|       }
 | |
| 
 | |
|       let trs = [];
 | |
|       for (let [prop, key] of adapterKeys) {
 | |
|         let value = get(prop);
 | |
|         if (value === undefined || value === "") {
 | |
|           continue;
 | |
|         }
 | |
|         trs.push(buildRow(key, [new Text(value)]));
 | |
|       }
 | |
| 
 | |
|       if (!trs.length) {
 | |
|         $("graphics-" + id + "-tbody").style.display = "none";
 | |
|         return;
 | |
|       }
 | |
| 
 | |
|       let active = "yes";
 | |
|       if ("isGPU2Active" in data && (suffix == "2") != data.isGPU2Active) {
 | |
|         active = "no";
 | |
|       }
 | |
| 
 | |
|       addRow(id, "gpu-active", active);
 | |
|       addRows(id, trs);
 | |
|     }
 | |
|     showGpu("gpu-1", "");
 | |
|     showGpu("gpu-2", "2");
 | |
| 
 | |
|     // Remove adapter keys.
 | |
|     for (let [prop /* key */] of adapterKeys) {
 | |
|       delete data[prop];
 | |
|       delete data[prop + "2"];
 | |
|     }
 | |
|     delete data.isGPU2Active;
 | |
| 
 | |
|     let featureLog = data.featureLog;
 | |
|     delete data.featureLog;
 | |
| 
 | |
|     if (featureLog.features.length) {
 | |
|       for (let feature of featureLog.features) {
 | |
|         let trs = [];
 | |
|         for (let entry of feature.log) {
 | |
|           let bugNumber;
 | |
|           if (entry.hasOwnProperty("failureId")) {
 | |
|             // This is a failure ID. See nsIGfxInfo.idl.
 | |
|             let m = /BUG_(\d+)/.exec(entry.failureId);
 | |
|             if (m) {
 | |
|               bugNumber = m[1];
 | |
|             }
 | |
|           }
 | |
| 
 | |
|           let failureIdSpan = $.new("span", "");
 | |
|           if (bugNumber) {
 | |
|             let bugHref = $.new("a");
 | |
|             bugHref.href =
 | |
|               "https://bugzilla.mozilla.org/show_bug.cgi?id=" + bugNumber;
 | |
|             bugHref.setAttribute("data-l10n-name", "bug-link");
 | |
|             failureIdSpan.append(bugHref);
 | |
|             document.l10n.setAttributes(
 | |
|               failureIdSpan,
 | |
|               "support-blocklisted-bug",
 | |
|               {
 | |
|                 bugNumber,
 | |
|               }
 | |
|             );
 | |
|           } else if (
 | |
|             entry.hasOwnProperty("failureId") &&
 | |
|             entry.failureId.length
 | |
|           ) {
 | |
|             document.l10n.setAttributes(failureIdSpan, "unknown-failure", {
 | |
|               failureCode: entry.failureId,
 | |
|             });
 | |
|           }
 | |
| 
 | |
|           let messageSpan = $.new("span", "");
 | |
|           if (entry.hasOwnProperty("message") && entry.message.length) {
 | |
|             messageSpan.innerText = entry.message;
 | |
|           }
 | |
| 
 | |
|           let typeCol = $.new("td", entry.type);
 | |
|           let statusCol = $.new("td", entry.status);
 | |
|           let messageCol = $.new("td", "");
 | |
|           let failureIdCol = $.new("td", "");
 | |
|           typeCol.style.width = "10%";
 | |
|           statusCol.style.width = "10%";
 | |
|           messageCol.style.width = "30%";
 | |
|           messageCol.appendChild(messageSpan);
 | |
|           failureIdCol.style.width = "50%";
 | |
|           failureIdCol.appendChild(failureIdSpan);
 | |
| 
 | |
|           trs.push($.new("tr", [typeCol, statusCol, messageCol, failureIdCol]));
 | |
|         }
 | |
|         addRow("decisions", "#" + feature.name, [$.new("table", trs)]);
 | |
|       }
 | |
|     } else {
 | |
|       $("graphics-decisions-tbody").style.display = "none";
 | |
|     }
 | |
| 
 | |
|     if (featureLog.fallbacks.length) {
 | |
|       for (let fallback of featureLog.fallbacks) {
 | |
|         addRow("workarounds", "#" + fallback.name, [
 | |
|           new Text(fallback.message),
 | |
|         ]);
 | |
|       }
 | |
|     } else {
 | |
|       $("graphics-workarounds-tbody").style.display = "none";
 | |
|     }
 | |
| 
 | |
|     let crashGuards = data.crashGuards;
 | |
|     delete data.crashGuards;
 | |
| 
 | |
|     if (crashGuards.length) {
 | |
|       for (let guard of crashGuards) {
 | |
|         let resetButton = $.new("button");
 | |
|         let onClickReset = function () {
 | |
|           Services.prefs.setIntPref(guard.prefName, 0);
 | |
|           resetButton.removeEventListener("click", onClickReset);
 | |
|           resetButton.disabled = true;
 | |
|         };
 | |
| 
 | |
|         document.l10n.setAttributes(resetButton, "reset-on-next-restart");
 | |
|         resetButton.addEventListener("click", onClickReset);
 | |
| 
 | |
|         addRow("crashguards", guard.type + "CrashGuard", [resetButton]);
 | |
|       }
 | |
|     } else {
 | |
|       $("graphics-crashguards-tbody").style.display = "none";
 | |
|     }
 | |
| 
 | |
|     // Now that we're done, grab any remaining keys in data and drop them into
 | |
|     // the diagnostics section.
 | |
|     for (let key in data) {
 | |
|       let value = data[key];
 | |
|       addRow("diagnostics", key, [new Text(value)]);
 | |
|     }
 | |
|   },
 | |
| 
 | |
|   async media(data) {
 | |
|     function insertBasicInfo(key, value) {
 | |
|       function createRow(key, value) {
 | |
|         let th = $.new("th", null, "column");
 | |
|         document.l10n.setAttributes(th, key);
 | |
|         let td = $.new("td", value);
 | |
|         td.style["white-space"] = "pre-wrap";
 | |
|         td.colSpan = 8;
 | |
|         return $.new("tr", [th, td]);
 | |
|       }
 | |
|       $.append($("media-info-tbody"), [createRow(key, value)]);
 | |
|     }
 | |
| 
 | |
|     function createDeviceInfoRow(device) {
 | |
|       let deviceInfo = Ci.nsIAudioDeviceInfo;
 | |
| 
 | |
|       let states = {};
 | |
|       states[deviceInfo.STATE_DISABLED] = "Disabled";
 | |
|       states[deviceInfo.STATE_UNPLUGGED] = "Unplugged";
 | |
|       states[deviceInfo.STATE_ENABLED] = "Enabled";
 | |
| 
 | |
|       let preferreds = {};
 | |
|       preferreds[deviceInfo.PREF_NONE] = "None";
 | |
|       preferreds[deviceInfo.PREF_MULTIMEDIA] = "Multimedia";
 | |
|       preferreds[deviceInfo.PREF_VOICE] = "Voice";
 | |
|       preferreds[deviceInfo.PREF_NOTIFICATION] = "Notification";
 | |
|       preferreds[deviceInfo.PREF_ALL] = "All";
 | |
| 
 | |
|       let formats = {};
 | |
|       formats[deviceInfo.FMT_S16LE] = "S16LE";
 | |
|       formats[deviceInfo.FMT_S16BE] = "S16BE";
 | |
|       formats[deviceInfo.FMT_F32LE] = "F32LE";
 | |
|       formats[deviceInfo.FMT_F32BE] = "F32BE";
 | |
| 
 | |
|       function toPreferredString(preferred) {
 | |
|         if (preferred == deviceInfo.PREF_NONE) {
 | |
|           return preferreds[deviceInfo.PREF_NONE];
 | |
|         } else if (preferred & deviceInfo.PREF_ALL) {
 | |
|           return preferreds[deviceInfo.PREF_ALL];
 | |
|         }
 | |
|         let str = "";
 | |
|         for (let pref of [
 | |
|           deviceInfo.PREF_MULTIMEDIA,
 | |
|           deviceInfo.PREF_VOICE,
 | |
|           deviceInfo.PREF_NOTIFICATION,
 | |
|         ]) {
 | |
|           if (preferred & pref) {
 | |
|             str += " " + preferreds[pref];
 | |
|           }
 | |
|         }
 | |
|         return str;
 | |
|       }
 | |
| 
 | |
|       function toFromatString(dev) {
 | |
|         let str = "default: " + formats[dev.defaultFormat] + ", support:";
 | |
|         for (let fmt of [
 | |
|           deviceInfo.FMT_S16LE,
 | |
|           deviceInfo.FMT_S16BE,
 | |
|           deviceInfo.FMT_F32LE,
 | |
|           deviceInfo.FMT_F32BE,
 | |
|         ]) {
 | |
|           if (dev.supportedFormat & fmt) {
 | |
|             str += " " + formats[fmt];
 | |
|           }
 | |
|         }
 | |
|         return str;
 | |
|       }
 | |
| 
 | |
|       function toRateString(dev) {
 | |
|         return (
 | |
|           "default: " +
 | |
|           dev.defaultRate +
 | |
|           ", support: " +
 | |
|           dev.minRate +
 | |
|           " - " +
 | |
|           dev.maxRate
 | |
|         );
 | |
|       }
 | |
| 
 | |
|       function toLatencyString(dev) {
 | |
|         return dev.minLatency + " - " + dev.maxLatency;
 | |
|       }
 | |
| 
 | |
|       return $.new("tr", [
 | |
|         $.new("td", device.name),
 | |
|         $.new("td", device.groupId),
 | |
|         $.new("td", device.vendor),
 | |
|         $.new("td", states[device.state]),
 | |
|         $.new("td", toPreferredString(device.preferred)),
 | |
|         $.new("td", toFromatString(device)),
 | |
|         $.new("td", device.maxChannels),
 | |
|         $.new("td", toRateString(device)),
 | |
|         $.new("td", toLatencyString(device)),
 | |
|       ]);
 | |
|     }
 | |
| 
 | |
|     function insertDeviceInfo(side, devices) {
 | |
|       let rows = [];
 | |
|       for (let dev of devices) {
 | |
|         rows.push(createDeviceInfoRow(dev));
 | |
|       }
 | |
|       $.append($("media-" + side + "-devices-tbody"), rows);
 | |
|     }
 | |
| 
 | |
|     function insertEnumerateDatabase() {
 | |
|       if (
 | |
|         !Services.prefs.getBoolPref("media.mediacapabilities.from-database")
 | |
|       ) {
 | |
|         $("media-capabilities-tbody").style.display = "none";
 | |
|         return;
 | |
|       }
 | |
|       let button = $("enumerate-database-button");
 | |
|       if (button) {
 | |
|         button.addEventListener("click", function () {
 | |
|           let { KeyValueService } = ChromeUtils.importESModule(
 | |
|             "resource://gre/modules/kvstore.sys.mjs"
 | |
|           );
 | |
|           let currProfDir = Services.dirsvc.get("ProfD", Ci.nsIFile);
 | |
|           currProfDir.append("mediacapabilities");
 | |
|           let path = currProfDir.path;
 | |
| 
 | |
|           function enumerateDatabase(name) {
 | |
|             KeyValueService.getOrCreate(path, name)
 | |
|               .then(database => {
 | |
|                 return database.enumerate();
 | |
|               })
 | |
|               .then(enumerator => {
 | |
|                 var logs = [];
 | |
|                 logs.push(`${name}:`);
 | |
|                 while (enumerator.hasMoreElements()) {
 | |
|                   const { key, value } = enumerator.getNext();
 | |
|                   logs.push(`${key}: ${value}`);
 | |
|                 }
 | |
|                 $("enumerate-database-result").textContent +=
 | |
|                   logs.join("\n") + "\n";
 | |
|               })
 | |
|               .catch(() => {
 | |
|                 $("enumerate-database-result").textContent += `${name}:\n`;
 | |
|               });
 | |
|           }
 | |
| 
 | |
|           $("enumerate-database-result").style.display = "block";
 | |
|           $("enumerate-database-result").classList.remove("no-copy");
 | |
|           $("enumerate-database-result").textContent = "";
 | |
| 
 | |
|           enumerateDatabase("video/av1");
 | |
|           enumerateDatabase("video/vp8");
 | |
|           enumerateDatabase("video/vp9");
 | |
|           enumerateDatabase("video/avc");
 | |
|           enumerateDatabase("video/theora");
 | |
|         });
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     function roundtripAudioLatency() {
 | |
|       insertBasicInfo("roundtrip-latency", "...");
 | |
|       window.windowUtils
 | |
|         .defaultDevicesRoundTripLatency()
 | |
|         .then(latency => {
 | |
|           var latencyString = `${(latency[0] * 1000).toFixed(2)}ms (${(
 | |
|             latency[1] * 1000
 | |
|           ).toFixed(2)})`;
 | |
|           data.defaultDevicesRoundTripLatency = latencyString;
 | |
|           document.querySelector(
 | |
|             'th[data-l10n-id="roundtrip-latency"]'
 | |
|           ).nextSibling.textContent = latencyString;
 | |
|         })
 | |
|         .catch(() => {});
 | |
|     }
 | |
| 
 | |
|     function createCDMInfoRow(cdmInfo) {
 | |
|       function findElementInArray(array, name) {
 | |
|         const rv = array.find(element => element.includes(name));
 | |
|         return rv ? rv.split("=")[1] : "Unknown";
 | |
|       }
 | |
| 
 | |
|       function getAudioRobustness(array) {
 | |
|         return findElementInArray(array, "audio-robustness");
 | |
|       }
 | |
| 
 | |
|       function getVideoRobustness(array) {
 | |
|         return findElementInArray(array, "video-robustness");
 | |
|       }
 | |
| 
 | |
|       function getSupportedCodecs(array) {
 | |
|         const mp4Content = findElementInArray(array, "MP4");
 | |
|         const webContent = findElementInArray(array, "WEBM");
 | |
| 
 | |
|         const mp4DecodingAndDecryptingCodecs = mp4Content
 | |
|           .match(/decoding-and-decrypting:\[([^\]]*)\]/)[1]
 | |
|           .split(",");
 | |
|         const webmDecodingAndDecryptingCodecs = webContent
 | |
|           .match(/decoding-and-decrypting:\[([^\]]*)\]/)[1]
 | |
|           .split(",");
 | |
| 
 | |
|         const mp4DecryptingOnlyCodecs = mp4Content
 | |
|           .match(/decrypting-only:\[([^\]]*)\]/)[1]
 | |
|           .split(",");
 | |
|         const webmDecryptingOnlyCodecs = webContent
 | |
|           .match(/decrypting-only:\[([^\]]*)\]/)[1]
 | |
|           .split(",");
 | |
| 
 | |
|         // Combine and get unique codecs for decoding-and-decrypting (always)
 | |
|         // and decrypting-only (only set when it's not empty)
 | |
|         let rv = {};
 | |
|         rv.decodingAndDecrypting = [
 | |
|           ...new Set(
 | |
|             [
 | |
|               ...mp4DecodingAndDecryptingCodecs,
 | |
|               ...webmDecodingAndDecryptingCodecs,
 | |
|             ].filter(Boolean)
 | |
|           ),
 | |
|         ];
 | |
|         let temp = [
 | |
|           ...new Set(
 | |
|             [...mp4DecryptingOnlyCodecs, ...webmDecryptingOnlyCodecs].filter(
 | |
|               Boolean
 | |
|             )
 | |
|           ),
 | |
|         ];
 | |
|         if (temp.length) {
 | |
|           rv.decryptingOnly = temp;
 | |
|         }
 | |
|         return rv;
 | |
|       }
 | |
| 
 | |
|       function getCapabilities(array) {
 | |
|         let capabilities = {};
 | |
|         capabilities.persistent = findElementInArray(array, "persistent");
 | |
|         capabilities.distinctive = findElementInArray(array, "distinctive");
 | |
|         capabilities.sessionType = findElementInArray(array, "sessionType");
 | |
|         capabilities.scheme = findElementInArray(array, "scheme");
 | |
|         capabilities.codec = getSupportedCodecs(array);
 | |
|         return JSON.stringify(capabilities);
 | |
|       }
 | |
| 
 | |
|       const rvArray = cdmInfo.capabilities.split(" ");
 | |
|       return $.new("tr", [
 | |
|         $.new("td", cdmInfo.keySystemName),
 | |
|         $.new("td", getVideoRobustness(rvArray)),
 | |
|         $.new("td", getAudioRobustness(rvArray)),
 | |
|         $.new("td", getCapabilities(rvArray), null, { colspan: "4" }),
 | |
|         $.new("td", cdmInfo.clearlead ? "Yes" : "No"),
 | |
|         $.new("td", cdmInfo.isHDCP22Compatible ? "Yes" : "No"),
 | |
|       ]);
 | |
|     }
 | |
| 
 | |
|     async function insertContentDecryptionModuleInfo() {
 | |
|       let rows = [];
 | |
|       // Retrieve information from GMPCDM
 | |
|       let cdmInfo =
 | |
|         await ChromeUtils.getGMPContentDecryptionModuleInformation();
 | |
|       for (let info of cdmInfo) {
 | |
|         rows.push(createCDMInfoRow(info));
 | |
|       }
 | |
|       // Retrieve information from WMFCDM, only works when MOZ_WMF_CDM is true
 | |
|       if (ChromeUtils.getWMFContentDecryptionModuleInformation !== undefined) {
 | |
|         cdmInfo = await ChromeUtils.getWMFContentDecryptionModuleInformation();
 | |
|         for (let info of cdmInfo) {
 | |
|           rows.push(createCDMInfoRow(info));
 | |
|         }
 | |
|       }
 | |
|       $.append($("media-content-decryption-modules-tbody"), rows);
 | |
|     }
 | |
| 
 | |
|     // Basic information
 | |
|     insertBasicInfo("audio-backend", data.currentAudioBackend);
 | |
|     insertBasicInfo("max-audio-channels", data.currentMaxAudioChannels);
 | |
|     insertBasicInfo("sample-rate", data.currentPreferredSampleRate);
 | |
| 
 | |
|     if (AppConstants.platform == "macosx") {
 | |
|       var micStatus = {};
 | |
|       let permission = Cc["@mozilla.org/ospermissionrequest;1"].getService(
 | |
|         Ci.nsIOSPermissionRequest
 | |
|       );
 | |
|       permission.getAudioCapturePermissionState(micStatus);
 | |
|       if (micStatus.value == permission.PERMISSION_STATE_AUTHORIZED) {
 | |
|         roundtripAudioLatency();
 | |
|       }
 | |
|     } else {
 | |
|       roundtripAudioLatency();
 | |
|     }
 | |
| 
 | |
|     // Output devices information
 | |
|     insertDeviceInfo("output", data.audioOutputDevices);
 | |
| 
 | |
|     // Input devices information
 | |
|     insertDeviceInfo("input", data.audioInputDevices);
 | |
| 
 | |
|     // Media Capabilitites
 | |
|     insertEnumerateDatabase();
 | |
| 
 | |
|     // Create codec support matrix if possible
 | |
|     let supportInfo = null;
 | |
|     if (data.codecSupportInfo.length) {
 | |
|       const [
 | |
|         supportText,
 | |
|         unsupportedText,
 | |
|         codecNameHeaderText,
 | |
|         codecSWDecodeText,
 | |
|         codecHWDecodeText,
 | |
|         lackOfExtensionText,
 | |
|       ] = await document.l10n.formatValues([
 | |
|         "media-codec-support-supported",
 | |
|         "media-codec-support-unsupported",
 | |
|         "media-codec-support-codec-name",
 | |
|         "media-codec-support-sw-decoding",
 | |
|         "media-codec-support-hw-decoding",
 | |
|         "media-codec-support-lack-of-extension",
 | |
|       ]);
 | |
| 
 | |
|       function formatCodecRowHeader(a, b, c) {
 | |
|         let h1 = $.new("th", a);
 | |
|         let h2 = $.new("th", b);
 | |
|         let h3 = $.new("th", c);
 | |
|         h1.classList.add("codec-table-name");
 | |
|         h2.classList.add("codec-table-sw");
 | |
|         h3.classList.add("codec-table-hw");
 | |
|         return $.new("tr", [h1, h2, h3]);
 | |
|       }
 | |
| 
 | |
|       function formatCodecRow(codec, sw, hw) {
 | |
|         let swCell = $.new("td", sw ? supportText : unsupportedText);
 | |
|         let hwCell = $.new("td", hw ? supportText : unsupportedText);
 | |
|         if (sw) {
 | |
|           swCell.classList.add("supported");
 | |
|         } else {
 | |
|           swCell.classList.add("unsupported");
 | |
|         }
 | |
|         if (hw) {
 | |
|           hwCell.classList.add("supported");
 | |
|         } else {
 | |
|           hwCell.classList.add("unsupported");
 | |
|         }
 | |
|         return $.new("tr", [$.new("td", codec), swCell, hwCell]);
 | |
|       }
 | |
| 
 | |
|       function formatCodecRowForLackOfExtension(codec, sw) {
 | |
|         let swCell = $.new("td", sw ? supportText : unsupportedText);
 | |
|         // Link to AV1 extension on MS store.
 | |
|         let hwCell = $.new("td", [
 | |
|           $.new("a", lackOfExtensionText, null, {
 | |
|             href: "ms-windows-store://pdp/?ProductId=9MVZQVXJBQ9V",
 | |
|           }),
 | |
|         ]);
 | |
|         if (sw) {
 | |
|           swCell.classList.add("supported");
 | |
|         } else {
 | |
|           swCell.classList.add("unsupported");
 | |
|         }
 | |
|         hwCell.classList.add("lack-of-extension");
 | |
|         return $.new("tr", [$.new("td", codec), swCell, hwCell]);
 | |
|       }
 | |
| 
 | |
|       // Parse codec support string and create dictionary containing
 | |
|       // SW/HW support information for each codec found
 | |
|       let codecs = {};
 | |
|       for (const codec_string of data.codecSupportInfo.split("\n")) {
 | |
|         const s = codec_string.split(" ");
 | |
|         const codec_name = s[0];
 | |
|         const codec_support = s.slice(1);
 | |
| 
 | |
|         if (!(codec_name in codecs)) {
 | |
|           codecs[codec_name] = {
 | |
|             name: codec_name,
 | |
|             sw: false,
 | |
|             hw: false,
 | |
|             lackOfExtension: false,
 | |
|           };
 | |
|         }
 | |
| 
 | |
|         if (codec_support.includes("SW")) {
 | |
|           codecs[codec_name].sw = true;
 | |
|         }
 | |
|         if (codec_support.includes("HW")) {
 | |
|           codecs[codec_name].hw = true;
 | |
|         }
 | |
|         if (codec_support.includes("LACK_OF_EXTENSION")) {
 | |
|           codecs[codec_name].lackOfExtension = true;
 | |
|         }
 | |
|       }
 | |
| 
 | |
|       // Create row in support table for each codec
 | |
|       let codecSupportRows = [];
 | |
|       for (const c in codecs) {
 | |
|         if (!codecs.hasOwnProperty(c)) {
 | |
|           continue;
 | |
|         }
 | |
|         if (codecs[c].lackOfExtension) {
 | |
|           codecSupportRows.push(
 | |
|             formatCodecRowForLackOfExtension(codecs[c].name, codecs[c].sw)
 | |
|           );
 | |
|         } else {
 | |
|           codecSupportRows.push(
 | |
|             formatCodecRow(codecs[c].name, codecs[c].sw, codecs[c].hw)
 | |
|           );
 | |
|         }
 | |
|       }
 | |
| 
 | |
|       let codecSupportTable = $.new("table", [
 | |
|         formatCodecRowHeader(
 | |
|           codecNameHeaderText,
 | |
|           codecSWDecodeText,
 | |
|           codecHWDecodeText
 | |
|         ),
 | |
|         $.new("tbody", codecSupportRows),
 | |
|       ]);
 | |
|       codecSupportTable.id = "codec-table";
 | |
|       supportInfo = [codecSupportTable];
 | |
|     } else {
 | |
|       // Don't have access to codec support information
 | |
|       supportInfo = await document.l10n.formatValue(
 | |
|         "media-codec-support-error"
 | |
|       );
 | |
|     }
 | |
|     if (["win", "macosx", "linux", "android"].includes(AppConstants.platform)) {
 | |
|       insertBasicInfo("media-codec-support-info", supportInfo);
 | |
|     }
 | |
| 
 | |
|     // CDM info
 | |
|     insertContentDecryptionModuleInfo();
 | |
|   },
 | |
| 
 | |
|   remoteAgent(data) {
 | |
|     if (!AppConstants.ENABLE_WEBDRIVER) {
 | |
|       return;
 | |
|     }
 | |
|     $("remote-debugging-accepting-connections").textContent = data.running;
 | |
|     $("remote-debugging-url").textContent = data.url;
 | |
|   },
 | |
| 
 | |
|   contentAnalysis(data) {
 | |
|     $("content-analysis-active").textContent = data.active;
 | |
|     if (data.active) {
 | |
|       $("content-analysis-connected-to-agent").textContent = data.connected;
 | |
|       $("content-analysis-agent-path").textContent = data.agentPath;
 | |
|       $("content-analysis-agent-failed-signature-verification").textContent =
 | |
|         data.failedSignatureVerification;
 | |
|       $("content-analysis-request-count").textContent = data.requestCount;
 | |
|     }
 | |
|   },
 | |
| 
 | |
|   accessibility(data) {
 | |
|     $("a11y-activated").textContent = data.isActive;
 | |
|     $("a11y-force-disabled").textContent = data.forceDisabled || 0;
 | |
| 
 | |
|     let a11yInstantiator = $("a11y-instantiator");
 | |
|     if (a11yInstantiator) {
 | |
|       a11yInstantiator.textContent = data.instantiator;
 | |
|     }
 | |
|   },
 | |
| 
 | |
|   startupCache(data) {
 | |
|     $("startup-cache-disk-cache-path").textContent = data.DiskCachePath;
 | |
|     $("startup-cache-ignore-disk-cache").textContent = data.IgnoreDiskCache;
 | |
|     $("startup-cache-found-disk-cache-on-init").textContent =
 | |
|       data.FoundDiskCacheOnInit;
 | |
|     $("startup-cache-wrote-to-disk-cache").textContent = data.WroteToDiskCache;
 | |
|   },
 | |
| 
 | |
|   libraryVersions(data) {
 | |
|     let trs = [
 | |
|       $.new("tr", [
 | |
|         $.new("th", ""),
 | |
|         $.new("th", null, null, { "data-l10n-id": "min-lib-versions" }),
 | |
|         $.new("th", null, null, { "data-l10n-id": "loaded-lib-versions" }),
 | |
|       ]),
 | |
|     ];
 | |
|     sortedArrayFromObject(data).forEach(function ([name, val]) {
 | |
|       trs.push(
 | |
|         $.new("tr", [
 | |
|           $.new("td", name),
 | |
|           $.new("td", val.minVersion),
 | |
|           $.new("td", val.version),
 | |
|         ])
 | |
|       );
 | |
|     });
 | |
|     $.append($("libversions-tbody"), trs);
 | |
|   },
 | |
| 
 | |
|   userJS(data) {
 | |
|     if (!data.exists) {
 | |
|       return;
 | |
|     }
 | |
|     let userJSFile = Services.dirsvc.get("PrefD", Ci.nsIFile);
 | |
|     userJSFile.append("user.js");
 | |
|     $("prefs-user-js-link").href = Services.io.newFileURI(userJSFile).spec;
 | |
|     $("prefs-user-js-section").style.display = "";
 | |
|     // Clear the no-copy class
 | |
|     $("prefs-user-js-section").className = "";
 | |
|   },
 | |
| 
 | |
|   sandbox(data) {
 | |
|     if (!AppConstants.MOZ_SANDBOX) {
 | |
|       return;
 | |
|     }
 | |
| 
 | |
|     let tbody = $("sandbox-tbody");
 | |
|     for (let key in data) {
 | |
|       // Simplify the display a little in the common case.
 | |
|       if (
 | |
|         key === "hasPrivilegedUserNamespaces" &&
 | |
|         data[key] === data.hasUserNamespaces
 | |
|       ) {
 | |
|         continue;
 | |
|       }
 | |
|       if (key === "syscallLog") {
 | |
|         // Not in this table.
 | |
|         continue;
 | |
|       }
 | |
|       let keyStrId = toFluentID(key);
 | |
|       let th = $.new("th", null, "column");
 | |
|       document.l10n.setAttributes(th, keyStrId);
 | |
|       tbody.appendChild($.new("tr", [th, $.new("td", data[key])]));
 | |
|     }
 | |
| 
 | |
|     if ("syscallLog" in data) {
 | |
|       let syscallBody = $("sandbox-syscalls-tbody");
 | |
|       let argsHead = $("sandbox-syscalls-argshead");
 | |
|       for (let syscall of data.syscallLog) {
 | |
|         if (argsHead.colSpan < syscall.args.length) {
 | |
|           argsHead.colSpan = syscall.args.length;
 | |
|         }
 | |
|         let procTypeStrId = toFluentID(syscall.procType);
 | |
|         let cells = [
 | |
|           $.new("td", syscall.index, "integer"),
 | |
|           $.new("td", syscall.msecAgo / 1000),
 | |
|           $.new("td", syscall.pid, "integer"),
 | |
|           $.new("td", syscall.tid, "integer"),
 | |
|           $.new("td", null, null, {
 | |
|             "data-l10n-id": "sandbox-proc-type-" + procTypeStrId,
 | |
|           }),
 | |
|           $.new("td", syscall.syscall, "integer"),
 | |
|         ];
 | |
|         for (let arg of syscall.args) {
 | |
|           cells.push($.new("td", arg, "integer"));
 | |
|         }
 | |
|         syscallBody.appendChild($.new("tr", cells));
 | |
|       }
 | |
|     }
 | |
|   },
 | |
| 
 | |
|   intl(data) {
 | |
|     $("intl-locale-requested").textContent = JSON.stringify(
 | |
|       data.localeService.requested
 | |
|     );
 | |
|     $("intl-locale-available").textContent = JSON.stringify(
 | |
|       data.localeService.available
 | |
|     );
 | |
|     $("intl-locale-supported").textContent = JSON.stringify(
 | |
|       data.localeService.supported
 | |
|     );
 | |
|     $("intl-locale-regionalprefs").textContent = JSON.stringify(
 | |
|       data.localeService.regionalPrefs
 | |
|     );
 | |
|     $("intl-locale-default").textContent = JSON.stringify(
 | |
|       data.localeService.defaultLocale
 | |
|     );
 | |
| 
 | |
|     $("intl-osprefs-systemlocales").textContent = JSON.stringify(
 | |
|       data.osPrefs.systemLocales
 | |
|     );
 | |
|     $("intl-osprefs-regionalprefs").textContent = JSON.stringify(
 | |
|       data.osPrefs.regionalPrefsLocales
 | |
|     );
 | |
|   },
 | |
| 
 | |
|   normandy(data) {
 | |
|     if (!data) {
 | |
|       return;
 | |
|     }
 | |
| 
 | |
|     const {
 | |
|       prefStudies,
 | |
|       addonStudies,
 | |
|       prefRollouts,
 | |
|       nimbusExperiments,
 | |
|       nimbusRollouts,
 | |
|     } = data;
 | |
|     $.append(
 | |
|       $("remote-features-tbody"),
 | |
|       prefRollouts.map(({ slug, state }) =>
 | |
|         $.new("tr", [
 | |
|           $.new("td", [document.createTextNode(slug)]),
 | |
|           $.new("td", [document.createTextNode(state)]),
 | |
|         ])
 | |
|       )
 | |
|     );
 | |
| 
 | |
|     $.append(
 | |
|       $("remote-features-tbody"),
 | |
|       nimbusRollouts.map(({ userFacingName, branch }) =>
 | |
|         $.new("tr", [
 | |
|           $.new("td", [document.createTextNode(userFacingName)]),
 | |
|           $.new("td", [document.createTextNode(`(${branch.slug})`)]),
 | |
|         ])
 | |
|       )
 | |
|     );
 | |
|     $.append(
 | |
|       $("remote-experiments-tbody"),
 | |
|       [addonStudies, prefStudies, nimbusExperiments]
 | |
|         .flat()
 | |
|         .map(({ userFacingName, branch }) =>
 | |
|           $.new("tr", [
 | |
|             $.new("td", [document.createTextNode(userFacingName)]),
 | |
|             $.new("td", [document.createTextNode(branch?.slug || branch)]),
 | |
|           ])
 | |
|         )
 | |
|     );
 | |
|   },
 | |
| };
 | |
| 
 | |
| var $ = document.getElementById.bind(document);
 | |
| 
 | |
| $.new = function $_new(tag, textContentOrChildren, className, attributes) {
 | |
|   let elt = document.createElement(tag);
 | |
|   if (className) {
 | |
|     elt.className = className;
 | |
|   }
 | |
|   if (attributes) {
 | |
|     if (attributes["data-l10n-id"]) {
 | |
|       let args = attributes.hasOwnProperty("data-l10n-args")
 | |
|         ? attributes["data-l10n-args"]
 | |
|         : undefined;
 | |
|       document.l10n.setAttributes(elt, attributes["data-l10n-id"], args);
 | |
|       delete attributes["data-l10n-id"];
 | |
|       if (args) {
 | |
|         delete attributes["data-l10n-args"];
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     for (let attrName in attributes) {
 | |
|       elt.setAttribute(attrName, attributes[attrName]);
 | |
|     }
 | |
|   }
 | |
|   if (Array.isArray(textContentOrChildren)) {
 | |
|     this.append(elt, textContentOrChildren);
 | |
|   } else if (!attributes || !attributes["data-l10n-id"]) {
 | |
|     elt.textContent = String(textContentOrChildren);
 | |
|   }
 | |
|   return elt;
 | |
| };
 | |
| 
 | |
| $.append = function $_append(parent, children) {
 | |
|   children.forEach(c => parent.appendChild(c));
 | |
| };
 | |
| 
 | |
| function assembleFromGraphicsFailure(i, data) {
 | |
|   // Only cover the cases we have today; for example, we do not have
 | |
|   // log failures that assert and we assume the log level is 1/error.
 | |
|   let message = data.failures[i];
 | |
|   let index = data.indices[i];
 | |
|   let what = "";
 | |
|   if (message.search(/\[GFX1-\]: \(LF\)/) == 0) {
 | |
|     // Non-asserting log failure - the message is substring(14)
 | |
|     what = "LogFailure";
 | |
|     message = message.substring(14);
 | |
|   } else if (message.search(/\[GFX1-\]: /) == 0) {
 | |
|     // Non-asserting - the message is substring(9)
 | |
|     what = "Error";
 | |
|     message = message.substring(9);
 | |
|   } else if (message.search(/\[GFX1\]: /) == 0) {
 | |
|     // Asserting - the message is substring(8)
 | |
|     what = "Assert";
 | |
|     message = message.substring(8);
 | |
|   }
 | |
|   let assembled = {
 | |
|     index,
 | |
|     header: "(#" + index + ") " + what,
 | |
|     message,
 | |
|   };
 | |
|   return assembled;
 | |
| }
 | |
| 
 | |
| function sortedArrayFromObject(obj) {
 | |
|   let tuples = [];
 | |
|   for (let prop in obj) {
 | |
|     tuples.push([prop, obj[prop]]);
 | |
|   }
 | |
|   tuples.sort(([prop1], [prop2]) => prop1.localeCompare(prop2));
 | |
|   return tuples;
 | |
| }
 | |
| 
 | |
| function copyRawDataToClipboard(button) {
 | |
|   if (button) {
 | |
|     button.disabled = true;
 | |
|   }
 | |
|   Troubleshoot.snapshot().then(
 | |
|     async snapshot => {
 | |
|       if (button) {
 | |
|         button.disabled = false;
 | |
|       }
 | |
|       let str = Cc["@mozilla.org/supports-string;1"].createInstance(
 | |
|         Ci.nsISupportsString
 | |
|       );
 | |
|       str.data = JSON.stringify(snapshot, undefined, 2);
 | |
|       let transferable = Cc[
 | |
|         "@mozilla.org/widget/transferable;1"
 | |
|       ].createInstance(Ci.nsITransferable);
 | |
|       transferable.init(getLoadContext());
 | |
|       transferable.addDataFlavor("text/plain");
 | |
|       transferable.setTransferData("text/plain", str);
 | |
|       Services.clipboard.setData(
 | |
|         transferable,
 | |
|         null,
 | |
|         Ci.nsIClipboard.kGlobalClipboard
 | |
|       );
 | |
|     },
 | |
|     err => {
 | |
|       if (button) {
 | |
|         button.disabled = false;
 | |
|       }
 | |
|       console.error(err);
 | |
|     }
 | |
|   );
 | |
| }
 | |
| 
 | |
| function getLoadContext() {
 | |
|   return window.docShell.QueryInterface(Ci.nsILoadContext);
 | |
| }
 | |
| 
 | |
| async function copyContentsToClipboard() {
 | |
|   // Get the HTML and text representations for the important part of the page.
 | |
|   let contentsDiv = $("contents").cloneNode(true);
 | |
|   // Remove the items we don't want to copy from the clone:
 | |
|   contentsDiv.querySelectorAll(".no-copy, [hidden]").forEach(n => n.remove());
 | |
|   let dataHtml = contentsDiv.innerHTML;
 | |
|   let dataText = createTextForElement(contentsDiv);
 | |
| 
 | |
|   // We can't use plain strings, we have to use nsSupportsString.
 | |
|   let supportsStringClass = Cc["@mozilla.org/supports-string;1"];
 | |
|   let ssHtml = supportsStringClass.createInstance(Ci.nsISupportsString);
 | |
|   let ssText = supportsStringClass.createInstance(Ci.nsISupportsString);
 | |
| 
 | |
|   let transferable = Cc["@mozilla.org/widget/transferable;1"].createInstance(
 | |
|     Ci.nsITransferable
 | |
|   );
 | |
|   transferable.init(getLoadContext());
 | |
| 
 | |
|   // Add the HTML flavor.
 | |
|   transferable.addDataFlavor("text/html");
 | |
|   ssHtml.data = dataHtml;
 | |
|   transferable.setTransferData("text/html", ssHtml);
 | |
| 
 | |
|   // Add the plain text flavor.
 | |
|   transferable.addDataFlavor("text/plain");
 | |
|   ssText.data = dataText;
 | |
|   transferable.setTransferData("text/plain", ssText);
 | |
| 
 | |
|   // Store the data into the clipboard.
 | |
|   Services.clipboard.setData(
 | |
|     transferable,
 | |
|     null,
 | |
|     Services.clipboard.kGlobalClipboard
 | |
|   );
 | |
| }
 | |
| 
 | |
| // Return the plain text representation of an element.  Do a little bit
 | |
| // of pretty-printing to make it human-readable.
 | |
| function createTextForElement(elem) {
 | |
|   let serializer = new Serializer();
 | |
|   let text = serializer.serialize(elem);
 | |
| 
 | |
|   // Actual CR/LF pairs are needed for some Windows text editors.
 | |
|   if (AppConstants.platform == "win") {
 | |
|     text = text.replace(/\n/g, "\r\n");
 | |
|   }
 | |
| 
 | |
|   return text;
 | |
| }
 | |
| 
 | |
| function Serializer() {}
 | |
| 
 | |
| Serializer.prototype = {
 | |
|   serialize(rootElem) {
 | |
|     this._lines = [];
 | |
|     this._startNewLine();
 | |
|     this._serializeElement(rootElem);
 | |
|     this._startNewLine();
 | |
|     return this._lines.join("\n").trim() + "\n";
 | |
|   },
 | |
| 
 | |
|   // The current line is always the line that writing will start at next.  When
 | |
|   // an element is serialized, the current line is updated to be the line at
 | |
|   // which the next element should be written.
 | |
|   get _currentLine() {
 | |
|     return this._lines.length ? this._lines[this._lines.length - 1] : null;
 | |
|   },
 | |
| 
 | |
|   set _currentLine(val) {
 | |
|     this._lines[this._lines.length - 1] = val;
 | |
|   },
 | |
| 
 | |
|   _serializeElement(elem) {
 | |
|     // table
 | |
|     if (elem.localName == "table") {
 | |
|       this._serializeTable(elem);
 | |
|       return;
 | |
|     }
 | |
| 
 | |
|     // all other elements
 | |
| 
 | |
|     let hasText = false;
 | |
|     for (let child of elem.childNodes) {
 | |
|       if (child.nodeType == Node.TEXT_NODE) {
 | |
|         let text = this._nodeText(child);
 | |
|         this._appendText(text);
 | |
|         hasText = hasText || !!text.trim();
 | |
|       } else if (child.nodeType == Node.ELEMENT_NODE) {
 | |
|         this._serializeElement(child);
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     // For headings, draw a "line" underneath them so they stand out.
 | |
|     let isHeader = /^h[0-9]+$/.test(elem.localName);
 | |
|     if (isHeader) {
 | |
|       let headerText = (this._currentLine || "").trim();
 | |
|       if (headerText) {
 | |
|         this._startNewLine();
 | |
|         this._appendText("-".repeat(headerText.length));
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     // Add a blank line underneath elements but only if they contain text.
 | |
|     if (hasText && (isHeader || "p" == elem.localName)) {
 | |
|       this._startNewLine();
 | |
|       this._startNewLine();
 | |
|     }
 | |
|   },
 | |
| 
 | |
|   _startNewLine() {
 | |
|     let currLine = this._currentLine;
 | |
|     if (currLine) {
 | |
|       // The current line is not empty.  Trim it.
 | |
|       this._currentLine = currLine.trim();
 | |
|       if (!this._currentLine) {
 | |
|         // The current line became empty.  Discard it.
 | |
|         this._lines.pop();
 | |
|       }
 | |
|     }
 | |
|     this._lines.push("");
 | |
|   },
 | |
| 
 | |
|   _appendText(text) {
 | |
|     this._currentLine += text;
 | |
|   },
 | |
| 
 | |
|   _isHiddenSubHeading(th) {
 | |
|     return th.parentNode.parentNode.style.display == "none";
 | |
|   },
 | |
| 
 | |
|   _serializeTable(table) {
 | |
|     // Collect the table's column headings if in fact there are any.  First
 | |
|     // check thead.  If there's no thead, check the first tr.
 | |
|     let colHeadings = {};
 | |
|     let tableHeadingElem = table.querySelector("thead");
 | |
|     if (!tableHeadingElem) {
 | |
|       tableHeadingElem = table.querySelector("tr");
 | |
|     }
 | |
|     if (tableHeadingElem) {
 | |
|       let tableHeadingCols = tableHeadingElem.querySelectorAll("th,td");
 | |
|       // If there's a contiguous run of th's in the children starting from the
 | |
|       // rightmost child, then consider them to be column headings.
 | |
|       for (let i = tableHeadingCols.length - 1; i >= 0; i--) {
 | |
|         let col = tableHeadingCols[i];
 | |
|         if (col.localName != "th" || col.classList.contains("title-column")) {
 | |
|           break;
 | |
|         }
 | |
|         colHeadings[i] = this._nodeText(col).trim();
 | |
|       }
 | |
|     }
 | |
|     let hasColHeadings = !!Object.keys(colHeadings).length;
 | |
|     if (!hasColHeadings) {
 | |
|       tableHeadingElem = null;
 | |
|     }
 | |
| 
 | |
|     let trs = table.querySelectorAll("table > tr, tbody > tr");
 | |
|     let startRow =
 | |
|       tableHeadingElem && tableHeadingElem.localName == "tr" ? 1 : 0;
 | |
| 
 | |
|     if (startRow >= trs.length) {
 | |
|       // The table's empty.
 | |
|       return;
 | |
|     }
 | |
| 
 | |
|     if (hasColHeadings) {
 | |
|       // Use column headings.  Print each tr as a multi-line chunk like:
 | |
|       //   Heading 1: Column 1 value
 | |
|       //   Heading 2: Column 2 value
 | |
|       for (let i = startRow; i < trs.length; i++) {
 | |
|         let children = trs[i].querySelectorAll("td");
 | |
|         for (let j = 0; j < children.length; j++) {
 | |
|           let text = "";
 | |
|           if (colHeadings[j]) {
 | |
|             text += colHeadings[j] + ": ";
 | |
|           }
 | |
|           text += this._nodeText(children[j]).trim();
 | |
|           this._appendText(text);
 | |
|           this._startNewLine();
 | |
|         }
 | |
|         this._startNewLine();
 | |
|       }
 | |
|       return;
 | |
|     }
 | |
| 
 | |
|     // Don't use column headings.  Assume the table has only two columns and
 | |
|     // print each tr in a single line like:
 | |
|     //   Column 1 value: Column 2 value
 | |
|     for (let i = startRow; i < trs.length; i++) {
 | |
|       let children = trs[i].querySelectorAll("th,td");
 | |
|       let rowHeading = this._nodeText(children[0]).trim();
 | |
|       if (children[0].classList.contains("title-column")) {
 | |
|         if (!this._isHiddenSubHeading(children[0])) {
 | |
|           this._appendText(rowHeading);
 | |
|         }
 | |
|       } else if (children.length == 1) {
 | |
|         // This is a single-cell row.
 | |
|         this._appendText(rowHeading);
 | |
|       } else {
 | |
|         let childTables = trs[i].querySelectorAll("table");
 | |
|         if (childTables.length) {
 | |
|           // If we have child tables, don't use nodeText - its trs are already
 | |
|           // queued up from querySelectorAll earlier.
 | |
|           this._appendText(rowHeading + ": ");
 | |
|         } else {
 | |
|           this._appendText(rowHeading + ": ");
 | |
|           for (let k = 1; k < children.length; k++) {
 | |
|             let l = this._nodeText(children[k]).trim();
 | |
|             if (l == "") {
 | |
|               continue;
 | |
|             }
 | |
|             if (k < children.length - 1) {
 | |
|               l += ", ";
 | |
|             }
 | |
|             this._appendText(l);
 | |
|           }
 | |
|         }
 | |
|       }
 | |
|       this._startNewLine();
 | |
|     }
 | |
|     this._startNewLine();
 | |
|   },
 | |
| 
 | |
|   _nodeText(node) {
 | |
|     return node.textContent.replace(/\s+/g, " ");
 | |
|   },
 | |
| };
 | |
| 
 | |
| function openProfileDirectory() {
 | |
|   // Get the profile directory.
 | |
|   let currProfD = Services.dirsvc.get("ProfD", Ci.nsIFile);
 | |
|   let profileDir = currProfD.path;
 | |
| 
 | |
|   // Show the profile directory.
 | |
|   let nsLocalFile = Components.Constructor(
 | |
|     "@mozilla.org/file/local;1",
 | |
|     "nsIFile",
 | |
|     "initWithPath"
 | |
|   );
 | |
|   new nsLocalFile(profileDir).reveal();
 | |
| }
 | |
| 
 | |
| /**
 | |
|  * Profile reset is only supported for the default profile if the appropriate migrator exists.
 | |
|  */
 | |
| function populateActionBox() {
 | |
|   if (ResetProfile.resetSupported()) {
 | |
|     $("reset-box").style.display = "block";
 | |
|   }
 | |
|   if (!Services.appinfo.inSafeMode && AppConstants.platform !== "android") {
 | |
|     $("safe-mode-box").style.display = "block";
 | |
| 
 | |
|     if (Services.policies && !Services.policies.isAllowed("safeMode")) {
 | |
|       $("restart-in-safe-mode-button").setAttribute("disabled", "true");
 | |
|     }
 | |
|   }
 | |
| }
 | |
| 
 | |
| // Prompt user to restart the browser in safe mode
 | |
| function safeModeRestart() {
 | |
|   let cancelQuit = Cc["@mozilla.org/supports-PRBool;1"].createInstance(
 | |
|     Ci.nsISupportsPRBool
 | |
|   );
 | |
|   Services.obs.notifyObservers(
 | |
|     cancelQuit,
 | |
|     "quit-application-requested",
 | |
|     "restart"
 | |
|   );
 | |
| 
 | |
|   if (!cancelQuit.data) {
 | |
|     Services.startup.restartInSafeMode(Ci.nsIAppStartup.eAttemptQuit);
 | |
|   }
 | |
| }
 | |
| /**
 | |
|  * Set up event listeners for buttons.
 | |
|  */
 | |
| function setupEventListeners() {
 | |
|   let button = $("reset-box-button");
 | |
|   if (button) {
 | |
|     button.addEventListener("click", function () {
 | |
|       ResetProfile.openConfirmationDialog(window);
 | |
|     });
 | |
|   }
 | |
|   button = $("clear-startup-cache-button");
 | |
|   if (button) {
 | |
|     button.addEventListener("click", async function () {
 | |
|       const [promptTitle, promptBody, restartButtonLabel] =
 | |
|         await document.l10n.formatValues([
 | |
|           { id: "startup-cache-dialog-title2" },
 | |
|           { id: "startup-cache-dialog-body2" },
 | |
|           { id: "restart-button-label" },
 | |
|         ]);
 | |
|       const buttonFlags =
 | |
|         Services.prompt.BUTTON_POS_0 * Services.prompt.BUTTON_TITLE_IS_STRING +
 | |
|         Services.prompt.BUTTON_POS_1 * Services.prompt.BUTTON_TITLE_CANCEL +
 | |
|         Services.prompt.BUTTON_POS_0_DEFAULT;
 | |
|       const result = Services.prompt.confirmEx(
 | |
|         window.docShell.chromeEventHandler.ownerGlobal,
 | |
|         promptTitle,
 | |
|         promptBody,
 | |
|         buttonFlags,
 | |
|         restartButtonLabel,
 | |
|         null,
 | |
|         null,
 | |
|         null,
 | |
|         {}
 | |
|       );
 | |
|       if (result !== 0) {
 | |
|         return;
 | |
|       }
 | |
|       Services.appinfo.invalidateCachesOnRestart();
 | |
|       Services.startup.quit(
 | |
|         Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit
 | |
|       );
 | |
|     });
 | |
|   }
 | |
|   button = $("restart-in-safe-mode-button");
 | |
|   if (button) {
 | |
|     button.addEventListener("click", function () {
 | |
|       if (
 | |
|         Services.obs
 | |
|           .enumerateObservers("restart-in-safe-mode")
 | |
|           .hasMoreElements()
 | |
|       ) {
 | |
|         Services.obs.notifyObservers(
 | |
|           window.docShell.chromeEventHandler.ownerGlobal,
 | |
|           "restart-in-safe-mode"
 | |
|         );
 | |
|       } else {
 | |
|         safeModeRestart();
 | |
|       }
 | |
|     });
 | |
|   }
 | |
|   if (AppConstants.MOZ_UPDATER) {
 | |
|     button = $("update-dir-button");
 | |
|     if (button) {
 | |
|       button.addEventListener("click", function () {
 | |
|         // Get the update directory.
 | |
|         let updateDir = Services.dirsvc.get("UpdRootD", Ci.nsIFile);
 | |
|         if (!updateDir.exists()) {
 | |
|           updateDir.create(Ci.nsIFile.DIRECTORY_TYPE, 0o755);
 | |
|         }
 | |
|         let updateDirPath = updateDir.path;
 | |
|         // Show the update directory.
 | |
|         let nsLocalFile = Components.Constructor(
 | |
|           "@mozilla.org/file/local;1",
 | |
|           "nsIFile",
 | |
|           "initWithPath"
 | |
|         );
 | |
|         new nsLocalFile(updateDirPath).reveal();
 | |
|       });
 | |
|     }
 | |
|     button = $("show-update-history-button");
 | |
|     if (button) {
 | |
|       button.addEventListener("click", function () {
 | |
|         window.browsingContext.topChromeWindow.openDialog(
 | |
|           "chrome://mozapps/content/update/history.xhtml",
 | |
|           "Update:History",
 | |
|           "centerscreen,resizable=no,titlebar,modal"
 | |
|         );
 | |
|       });
 | |
|     }
 | |
|   }
 | |
|   button = $("verify-place-integrity-button");
 | |
|   if (button) {
 | |
|     button.addEventListener("click", function () {
 | |
|       PlacesDBUtils.checkAndFixDatabase().then(tasksStatusMap => {
 | |
|         let logs = [];
 | |
|         for (let [key, value] of tasksStatusMap) {
 | |
|           logs.push(`> Task: ${key}`);
 | |
|           let prefix = value.succeeded ? "+ " : "- ";
 | |
|           logs = logs.concat(value.logs.map(m => `${prefix}${m}`));
 | |
|         }
 | |
|         $("verify-place-result").style.display = "block";
 | |
|         $("verify-place-result").classList.remove("no-copy");
 | |
|         $("verify-place-result").textContent = logs.join("\n");
 | |
|       });
 | |
|     });
 | |
|   }
 | |
| 
 | |
|   $("copy-raw-data-to-clipboard").addEventListener("click", function () {
 | |
|     copyRawDataToClipboard(this);
 | |
|   });
 | |
|   $("copy-to-clipboard").addEventListener("click", function () {
 | |
|     copyContentsToClipboard();
 | |
|   });
 | |
|   $("profile-dir-button").addEventListener("click", function () {
 | |
|     openProfileDirectory();
 | |
|   });
 | |
| }
 | |
| 
 | |
| /**
 | |
|  * Scroll to section specified by location.hash
 | |
|  */
 | |
| function scrollToSection() {
 | |
|   const id = location.hash.substr(1);
 | |
|   const elem = $(id);
 | |
| 
 | |
|   if (elem) {
 | |
|     elem.scrollIntoView();
 | |
|   }
 | |
| }
 | 
