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 {
prepareMessage,
getNaturalOrder,
} = require("resource://devtools/client/webconsole/utils/messages.js");
const {
IdGenerator,
} = require("resource://devtools/client/webconsole/utils/id-generator.js");
const {
batchActions,
} = require("resource://devtools/client/shared/redux/middleware/debounce.js");
const {
CSS_MESSAGE_ADD_MATCHING_ELEMENTS,
MESSAGE_CLOSE,
MESSAGE_OPEN,
MESSAGE_REMOVE,
MESSAGE_TYPE,
MESSAGES_ADD,
MESSAGES_CLEAR,
MESSAGES_DISABLE,
NETWORK_MESSAGES_UPDATE,
NETWORK_UPDATES_REQUEST,
PRIVATE_MESSAGES_CLEAR,
TARGET_MESSAGES_REMOVE,
} = require("resource://devtools/client/webconsole/constants.js");
const defaultIdGenerator = new IdGenerator();
function messagesAdd(resources, idGenerator = null, persistLogs = false) {
if (idGenerator == null) {
idGenerator = defaultIdGenerator;
}
const messages = [];
for (const resource of resources) {
const message = prepareMessage(resource, idGenerator, persistLogs);
if (message) {
messages.push(message);
}
}
// Sort the messages by their timestamps.
messages.sort(getNaturalOrder);
if (!persistLogs) {
for (let i = messages.length - 1; i >= 0; i--) {
if (messages[i].type === MESSAGE_TYPE.CLEAR) {
return batchActions([
messagesClear(),
{
type: MESSAGES_ADD,
messages: messages.slice(i),
},
]);
}
}
}
// When this is used for non-cached messages then handle clear message and
// split up into batches
return {
type: MESSAGES_ADD,
messages,
};
}
function messagesClear() {
return {
type: MESSAGES_CLEAR,
};
}
function messagesDisable(ids) {
return {
type: MESSAGES_DISABLE,
ids,
};
}
function privateMessagesClear() {
return {
type: PRIVATE_MESSAGES_CLEAR,
};
}
function targetMessagesRemove(targetFront) {
return {
type: TARGET_MESSAGES_REMOVE,
targetFront,
};
}
function messageOpen(id) {
return {
type: MESSAGE_OPEN,
id,
};
}
function messageClose(id) {
return {
type: MESSAGE_CLOSE,
id,
};
}
/**
* Make a query on the server to get a list of DOM elements matching the given
* CSS selectors and store the information in the state.
*
* @param {Message} message
* The CSSWarning message
*/
function messageGetMatchingElements(message) {
return async ({ dispatch, commands }) => {
try {
// We need to do the querySelectorAll using the target the message is coming from,
// as well as with the window the warning message was emitted from.
const selectedTargetFront = message?.targetFront;
const response = await commands.scriptCommand.execute(
`document.querySelectorAll('${message.cssSelectors}')`,
{
selectedTargetFront,
innerWindowID: message.innerWindowID,
disableBreaks: true,
}
);
dispatch({
type: CSS_MESSAGE_ADD_MATCHING_ELEMENTS,
id: message.id,
elements: response.result,
});
} catch (err) {
console.error(err);
}
};
}
function messageRemove(id) {
return {
type: MESSAGE_REMOVE,
id,
};
}
function networkMessageUpdates(packets, idGenerator = null) {
if (idGenerator == null) {
idGenerator = defaultIdGenerator;
}
const messages = packets.map(packet => prepareMessage(packet, idGenerator));
return {
type: NETWORK_MESSAGES_UPDATE,
messages,
};
}
function networkUpdateRequests(updates) {
return {
type: NETWORK_UPDATES_REQUEST,
updates,
};
}
module.exports = {
messagesAdd,
messagesClear,
messagesDisable,
messageOpen,
messageClose,
messageRemove,
messageGetMatchingElements,
networkMessageUpdates,
networkUpdateRequests,
privateMessagesClear,
targetMessagesRemove,
};