background.js

chrome.action.onClicked.addListener(async (tab) => {
  try {
    const existingTabs = await chrome.tabs.query({ url: 'https://mail.google.com/*' });
    
    if (existingTabs.length > 0) {
      await chrome.tabs.update(existingTabs[0].id, { active: true });
      setTimeout(() => {
        chrome.tabs.sendMessage(existingTabs[0].id, { action: 'openComposeAndInsert' });
      }, 1000);
    } else {
      const gmailTab = await chrome.tabs.create({ url: 'https://mail.google.com' });
      
      chrome.tabs.onUpdated.addListener(function listener(tabId, info) {
        if (tabId === gmailTab.id && info.status === 'complete') {
          chrome.tabs.onUpdated.removeListener(listener);
          setTimeout(() => {
            chrome.tabs.sendMessage(tabId, { action: 'openComposeAndInsert' });
          }, 3000);
        }
      });
    }
  } catch (error) {
    console.error('Error:', error);
  }
});


function waitForElement(selector, timeout = 10000) {
  return new Promise((resolve, reject) => {
    const startTime = Date.now();
    
    const checkElement = () => {
      const element = document.querySelector(selector);
      if (element) {
        resolve(element);
      } else if (Date.now() - startTime > timeout) {
        reject(new Error(`Element ${selector} not found within ${timeout}ms`));
      } else {
        setTimeout(checkElement, 100);
      }
    };
    
    checkElement();
  });
}

async function openComposeAndShowDialog() {
  try {
    
    const composeButton = await waitForElement('div[jscontroller="eIu7Db"]');
    composeButton.click();
    
    
    await waitForElement('div[contenteditable="true"][role="textbox"]');
    
    
    setTimeout(showHtmlDialog, 1000);
  } catch (error) {
    console.error('Error opening compose window:', error);
  }
}

function handleExtensionMessage(message, sender, sendResponse) {
  if (message.action === 'openComposeAndInsert') {
    openComposeAndShowDialog();
  }
}


chrome.runtime.onMessage.addListener(handleExtensionMessage);