@gxp-dev/tools 2.0.24 → 2.0.25

package/browser-extensions/chrome/content.js

@@ -1,9 +1,10 @@
 // JavaScript Proxy Extension Content Script
 // This extension handles redirects at the network level via webRequest/declarativeNetRequest APIs
-// Content script is mainly used for cache clearing and debugging
+// Content script is mainly used for cache clearing, debugging, and inspector communication
 (function () {
 	let isProxyEnabled = false;
 	let config = {};
+	let inspectorEnabled = false;
 
 	// Get initial state from background script
 	chrome.runtime
@@ -25,13 +26,40 @@
 			)
 		);
 
-	// Listen for state changes from background script
+	// Listen for messages from popup/background
 	chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
 		if (message.action === "configUpdate") {
 			isProxyEnabled = message.config.enabled;
 			config = message.config;
 			console.log("[JavaScript Proxy Content] Config updated:", config);
 		}
+
+		// Inspector toggle request from popup
+		if (message.action === "toggleInspector") {
+			// Relay to page context via postMessage
+			window.postMessage({ type: 'GXP_INSPECTOR_ACTION', action: 'toggleInspector' }, '*');
+			// Toggle local state
+			inspectorEnabled = !inspectorEnabled;
+			sendResponse({ enabled: inspectorEnabled });
+			return true;
+		}
+
+		// Get inspector state request from popup
+		if (message.action === "getInspectorState") {
+			// Check if inspector is loaded in page
+			sendResponse({ enabled: inspectorEnabled });
+			return true;
+		}
+	});
+
+	// Listen for messages from page context (inspector.js)
+	window.addEventListener('message', (event) => {
+		if (event.source !== window) return;
+
+		// Inspector state updates from page context
+		if (event.data?.type === 'GXP_INSPECTOR_STATE') {
+			inspectorEnabled = event.data.enabled;
+		}
 	});
 
 	// Expose proxy state for debugging

package/browser-extensions/firefox/content.js

@@ -3,6 +3,7 @@
 	const originalFetch = window.fetch;
 	let isProxyEnabled = false;
 	let proxyConfig = {};
+	let inspectorEnabled = false;
 
 	// Get initial state from background script
 	browser.runtime
@@ -22,12 +23,38 @@
 			console.error("[Traffic Proxy Content] Failed to get proxy config:", err)
 		);
 
-	// Listen for config changes
+	// Listen for config changes and inspector messages
 	browser.runtime.onMessage.addListener((message, sender, sendResponse) => {
 		if (message.action === "configUpdate") {
 			isProxyEnabled = message.enabled;
 			proxyConfig = message.config;
 		}
+
+		// Inspector toggle request from popup
+		if (message.action === "toggleInspector") {
+			// Relay to page context via postMessage
+			window.postMessage({ type: 'GXP_INSPECTOR_ACTION', action: 'toggleInspector' }, '*');
+			// Toggle local state
+			inspectorEnabled = !inspectorEnabled;
+			sendResponse({ enabled: inspectorEnabled });
+			return true;
+		}
+
+		// Get inspector state request from popup
+		if (message.action === "getInspectorState") {
+			sendResponse({ enabled: inspectorEnabled });
+			return true;
+		}
+	});
+
+	// Listen for messages from page context (inspector.js)
+	window.addEventListener('message', (event) => {
+		if (event.source !== window) return;
+
+		// Inspector state updates from page context
+		if (event.data?.type === 'GXP_INSPECTOR_STATE') {
+			inspectorEnabled = event.data.enabled;
+		}
 	});
 
 	// Override fetch function

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gxp-dev/tools",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "description": "Dev tools to create platform plugins",
   "type": "commonjs",
   "publishConfig": {