Source code
Revision control
Copy as Markdown
Other Tools
/* 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
"use strict";
const {
L10N,
} = require("resource://devtools/client/netmonitor/src/utils/l10n.js");
const {
contextMenuFormatters,
} = require("resource://devtools/client/netmonitor/src/utils/context-menu-utils.js");
loader.lazyRequireGetter(
this,
"copyString",
"resource://devtools/shared/platform/clipboard.js",
true
);
loader.lazyRequireGetter(
this,
"showMenu",
"resource://devtools/client/shared/components/menu/utils.js",
true
);
class HeadersPanelContextMenu {
constructor(props = {}) {
this.props = props;
this.copyAll = this.copyAll.bind(this);
this.copyValue = this.copyValue.bind(this);
}
/**
* Handle the context menu opening.
* @param {Object} event open event
* @param {Object} selection object representing the current selection
*/
open(event = {}, selection) {
const { target } = event;
const menuItems = [
{
id: "headers-panel-context-menu-copyvalue",
label: L10N.getStr("netmonitor.context.copyValue"),
accesskey: L10N.getStr("netmonitor.context.copyValue.accesskey"),
click: () => {
const { name, value } = getSummaryContent(
target.closest(".tabpanel-summary-container")
);
this.copyValue(
{ name, value, object: null, hasChildren: false },
selection
);
},
},
{
id: "headers-panel-context-menu-copyall",
label: L10N.getStr("netmonitor.context.copyAll"),
accesskey: L10N.getStr("netmonitor.context.copyAll.accesskey"),
click: () => {
const root = target.closest(".summary");
const object = {};
if (root) {
const { children } = root;
for (let i = 0; i < children.length; i++) {
const content = getSummaryContent(children[i]);
object[content.name] = content.value;
}
}
return this.copyAll(object, selection);
},
},
];
showMenu(menuItems, {
screenX: event.screenX,
screenY: event.screenY,
});
}
/**
* Copies all.
* @param {Object} object the whole tree data
* @param {Object} selection object representing the current selection
*/
copyAll(object, selection) {
let buffer = "";
if (selection.toString() !== "") {
buffer = selection.toString();
} else {
const { customFormatters } = this.props;
buffer = contextMenuFormatters.baseCopyAllFormatter(object);
if (customFormatters?.copyAllFormatter) {
buffer = customFormatters.copyAllFormatter(
object,
contextMenuFormatters.baseCopyAllFormatter
);
}
}
try {
copyString(buffer);
} catch (error) {}
}
/**
* Copies the value of a single item.
* @param {Object} object data object for specific node
* @param {Object} selection object representing the current selection
*/
copyValue(object, selection) {
let buffer = "";
if (selection.toString() !== "") {
buffer = selection.toString();
} else {
const { customFormatters } = this.props;
buffer = contextMenuFormatters.baseCopyFormatter(object);
if (customFormatters?.copyFormatter) {
buffer = customFormatters.copyFormatter(
object,
contextMenuFormatters.baseCopyFormatter
);
}
}
try {
copyString(buffer);
} catch (error) {}
}
}
function getSummaryContent(el) {
return {
name: el.querySelector(".tabpanel-summary-label").textContent,
value: el.querySelector(".tabpanel-summary-value").textContent,
};
}
module.exports = HeadersPanelContextMenu;