feat: add shadow field info

This commit is contained in:
Rohit
2025-07-16 01:07:39 +05:30
parent b5531c23db
commit 2985b41111

View File

@@ -447,7 +447,6 @@ export const BrowserWindow = () => {
return () => { return () => {
if (socket) { if (socket) {
console.log("Cleaning up DOM streaming event listeners");
socket.off("screencast", screencastHandler); socket.off("screencast", screencastHandler);
socket.off("domcast", rrwebSnapshotHandler); socket.off("domcast", rrwebSnapshotHandler);
socket.off("dom-mode-enabled", domModeHandler); socket.off("dom-mode-enabled", domModeHandler);
@@ -544,6 +543,7 @@ export const BrowserWindow = () => {
...data, ...data,
rect: absoluteRect, rect: absoluteRect,
childSelectors: data.childSelectors || cachedChildSelectors, childSelectors: data.childSelectors || cachedChildSelectors,
similarElements: mappedSimilarElements,
}; };
if (getList === true) { if (getList === true) {
@@ -705,21 +705,6 @@ export const BrowserWindow = () => {
} }
}, [getList, socket, listSelector, paginationMode, paginationType, limitMode]); }, [getList, socket, listSelector, paginationMode, paginationType, limitMode]);
useEffect(() => {
document.addEventListener('mousemove', onMouseMove, false);
if (socket) {
socket.off("highlighter", highlighterHandler);
socket.on("highlighter", highlighterHandler);
}
return () => {
document.removeEventListener('mousemove', onMouseMove);
if (socket) {
socket.off("highlighter", highlighterHandler);
}
};
}, [socket, highlighterHandler, onMouseMove, getList, listSelector]);
useEffect(() => { useEffect(() => {
document.addEventListener("mousemove", onMouseMove, false); document.addEventListener("mousemove", onMouseMove, false);
if (socket) { if (socket) {
@@ -736,7 +721,6 @@ export const BrowserWindow = () => {
useEffect(() => { useEffect(() => {
if (socket && listSelector) { if (socket && listSelector) {
console.log('Syncing list selector with server:', listSelector);
socket.emit('setGetList', { getList: true }); socket.emit('setGetList', { getList: true });
socket.emit('listSelector', { selector: listSelector }); socket.emit('listSelector', { selector: listSelector });
} }
@@ -850,7 +834,7 @@ export const BrowserWindow = () => {
selectorObj: { selectorObj: {
selector: currentSelector, selector: currentSelector,
tag: highlighterData.elementInfo?.tagName, tag: highlighterData.elementInfo?.tagName,
isShadow: highlighterData.elementInfo?.isShadowRoot, isShadow: highlighterData.isShadow || highlighterData.elementInfo?.isShadowRoot,
attribute, attribute,
}, },
}; };
@@ -1078,7 +1062,7 @@ export const BrowserWindow = () => {
selectorObj: { selectorObj: {
selector: currentSelector, selector: currentSelector,
tag: highlighterData.elementInfo?.tagName, tag: highlighterData.elementInfo?.tagName,
isShadow: highlighterData.elementInfo?.isShadowRoot, isShadow: highlighterData.isShadow || highlighterData.elementInfo?.isShadowRoot,
attribute, attribute,
}, },
}; };
@@ -1145,7 +1129,7 @@ export const BrowserWindow = () => {
selectorObj: { selectorObj: {
selector: selectedElement.selector, selector: selectedElement.selector,
tag: selectedElement.info?.tagName, tag: selectedElement.info?.tagName,
isShadow: selectedElement.info?.isShadowRoot, isShadow: highlighterData?.isShadow || highlighterData?.elementInfo?.isShadowRoot,
attribute: attribute attribute: attribute
} }
}; };