let connections: any[] = [];

chrome.runtime.onConnect.addListener(function(port: chrome.runtime.Port): void {

    let listener = function(message: any): void {
        // Store a reference to tabId of the devtools page and send a message to activate Clarity
        if (message.action === "init") {
          connections[message.tabId] = port;
          chrome.tabs.sendMessage(message.tabId, {action: "activate"});
          return;
        } else if (message.action === "warn") {
          chrome.tabs.sendMessage(message.tabId, {action: "warn", message: message.message});
          return;
        }
    };

    // Listen to messages sent from the devtools page
    port.onMessage.addListener(listener);

    port.onDisconnect.addListener(function(): void {
        port.onMessage.removeListener(listener);
        let tabs = Object.keys(connections);
        for (let tab of tabs) {
          if (connections[tab] === port) {
            delete connections[tab];
            break;
          }
        }
    });
});

// Receive message from content script and relay it to the devtools page
chrome.runtime.onMessage.addListener(
    function(message: any, sender: chrome.runtime.MessageSender, sendResponse: (response: any) => void): void {
        switch (message.action) {
          case "activate":
            if (sender.tab) {
              let tabId = sender.tab.id;
              let success = tabId in connections;
              let icon = success ? "icon-activated.png" : "icon.png";
              let title = success ? "Clarity Developer Tools" : "Clarity Developer Tools: Open developer tools to activate";
              chrome.browserAction.setIcon({ path: icon, tabId });
              chrome.browserAction.setTitle({ title, tabId });
              sendResponse({ success });
            }
            break;
          case "payload":
            if (sender.tab) {
              let tabId = sender.tab.id;
              if (tabId in connections) {
                connections[tabId].postMessage(message);
              }
            }
            break;
        }
    }
);