popup.js

document.addEventListener('DOMContentLoaded', function() {
  const exportFollowersBtn = document.getElementById('exportFollowersBtn');
  const exportFollowingBtn = document.getElementById('exportFollowingBtn');
  const statusMessage = document.getElementById('statusMessage');

  // フォロワー出力ボタンのクリックイベント
  exportFollowersBtn.addEventListener('click', function() {
    sendMessageToContentScript('exportFollowers');
  });

  // フォロー中出力ボタンのクリックイベント
  exportFollowingBtn.addEventListener('click', function() {
    sendMessageToContentScript('exportFollowing');
  });

  function sendMessageToContentScript(action) {
    statusMessage.textContent = 'Processing... Please wait.'; // 処理中メッセージ
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
      chrome.tabs.sendMessage(tabs[0].id, { action: action }, function(response) {
        if (response && response.status === 'success') {
          statusMessage.textContent = 'Export complete!';
        } else if (response && response.status === 'error') {
          statusMessage.textContent = 'Error: ' + response.message;
        } else {
          statusMessage.textContent = 'No response from content script or operation failed.';
        }
      });
    });
  }
});