background.js

// background.js - open inspector.html in a dedicated 800x600 window when the action is clicked
chrome.action.onClicked.addListener(() => {
  // When the user clicks the action, capture the active tab's URL (activeTab
  // grants temporary access) and pass it to the inspector page so it can
  // prefill and auto-parse.
  try {
    chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
      const tabUrl = (tabs && tabs[0] && tabs[0].url) ? tabs[0].url : '';
      // Encode the URL as base64 so we can safely pass the exact original
      // string via a query parameter without performing URL-decoding.
      function b64EncodeUnicode(str) {
        // from MDN: https://developer.mozilla.org/en-US/docs/Glossary/Base64
        return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
          function toSolidBytes(match, p1) {
            return String.fromCharCode('0x' + p1);
          }));
      }

      const inspectorUrl = chrome.runtime.getURL('inspector.html') + (tabUrl ? ('?source_b64=' + b64EncodeUnicode(tabUrl)) : '');
      chrome.windows.create({
        url: inspectorUrl,
        type: 'popup',
        width: 800,
        height: 600
      });
    });
  } catch (e) {
    console.error('Failed to open inspector window', e);
  }
});