fix: Corriger le spam de logs React DevTools

- Déplacer le filtrage des messages d'extension avant le logging
- Éviter les logs en boucle des messages react-devtools-content-script
- Améliorer la performance en filtrant d'abord, puis en loggant
This commit is contained in:
NicolasCantu 2025-10-23 13:10:12 +02:00
parent b545e3875e
commit 69424c6bf6

View File

@ -354,20 +354,20 @@ export function initContentMenu() {
export function initIframeCommunication() { export function initIframeCommunication() {
// Listen for messages from parent window // Listen for messages from parent window
window.addEventListener('message', event => { window.addEventListener('message', event => {
// Filter out browser extension messages first
if (
event.data.source === 'react-devtools-content-script' ||
event.data.hello === true ||
!event.data.type
) {
return; // Ignore browser extension messages
}
// Security check - in production, verify event.origin // Security check - in production, verify event.origin
console.log('📨 Received message from parent:', event.data); console.log('📨 Received message from parent:', event.data);
const { type, data } = event.data; const { type, data } = event.data;
// Filter out browser extension messages
if (
event.data.source === 'react-devtools-content-script' ||
event.data.hello === true ||
!type
) {
return; // Ignore browser extension messages
}
switch (type) { switch (type) {
case 'TEST_MESSAGE': case 'TEST_MESSAGE':
console.log('🧪 Test message received:', data.message); console.log('🧪 Test message received:', data.message);