popup.js

document.addEventListener('DOMContentLoaded', () => {
  const togglePickBtn = document.getElementById('togglePickBtn');
  const clearRulesBtn = document.getElementById('clearRulesBtn');
  const statusMsg = document.getElementById('statusMsg');

  // 检查当前标签页
  chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
    if (!tabs[0] || !tabs[0].url) {
       statusMsg.textContent = '无法获取页面信息';
       return;
    }
    
    if (!tabs[0].url.startsWith('http')) {
      statusMsg.textContent = '请在普通网页上使用 (不支持 edge:// 等页面)';
      togglePickBtn.disabled = true;
      clearRulesBtn.disabled = true;
      togglePickBtn.style.opacity = '0.5';
      return;
    }

    // 发送消息的通用函数
    function sendMsg(action, payload = {}) {
      statusMsg.textContent = '正在处理...';
      
      chrome.tabs.sendMessage(tabs[0].id, { action: action, ...payload }, (response) => {
        if (chrome.runtime.lastError) {
          // 如果是 content script 还没加载，我们可以忽略或者刷新
          // 这里主要用于 togglePicker 和 editRule，通常页面是加载好的
          console.error(chrome.runtime.lastError);
        } else {
          if (action === 'togglePicker' || action === 'editRule') {
            window.close();
          }
        }
      });
    }

    togglePickBtn.addEventListener('click', () => {
      sendMsg('togglePicker');
    });

    clearRulesBtn.addEventListener('click', () => {
      if (confirm('⚠️ 确定要清除当前域名的所有样式修改吗？\n\n注意：页面将会自动刷新以恢复原始样式。')) {
        const hostname = new URL(tabs[0].url).hostname;
        
        chrome.storage.local.get(['styleRules'], (result) => {
          const allRules = result.styleRules || {};
          delete allRules[hostname];
          
          chrome.storage.local.set({ styleRules: allRules }, () => {
            chrome.tabs.reload(tabs[0].id);
            window.close();
          });
        });
      }
    });

    // 加载并渲染规则列表
    function loadRulesList() {
      const ruleListEl = document.getElementById('ruleList');
      const hostname = new URL(tabs[0].url).hostname;

      chrome.storage.local.get(['styleRules'], (result) => {
        const allRules = result.styleRules || {};
        const rules = allRules[hostname] || [];

        if (rules.length === 0) {
          ruleListEl.innerHTML = '<div class="empty-state">暂无修改记录</div>';
          clearRulesBtn.style.display = 'none'; // 没有规则时隐藏清除按钮
          return;
        }

        clearRulesBtn.style.display = 'block';
        ruleListEl.innerHTML = '';

        rules.forEach((rule, index) => {
          const item = document.createElement('div');
          item.className = 'rule-item';
          
          // 简单的选择器展示优化
          let displaySelector = rule.selector;
          if (displaySelector.length > 20) displaySelector = displaySelector.substring(0, 20) + '...';

          item.innerHTML = `
            <div class="rule-selector" title="${rule.selector}">${displaySelector}</div>
            <div class="rule-actions">
              <button class="icon-btn btn-edit" title="重新编辑">✏️</button>
              <button class="icon-btn btn-delete" title="删除此规则">🗑️</button>
            </div>
          `;

          // 绑定事件
          const editBtn = item.querySelector('.btn-edit');
          const deleteBtn = item.querySelector('.btn-delete');

          editBtn.addEventListener('click', () => {
            sendMsg('editRule', { selector: rule.selector });
          });

          deleteBtn.addEventListener('click', () => {
            if (confirm('确定要删除这条修改吗？页面将自动刷新。')) {
              rules.splice(index, 1); // 移除该规则
              allRules[hostname] = rules;
              
              chrome.storage.local.set({ styleRules: allRules }, () => {
                chrome.tabs.reload(tabs[0].id);
                window.close();
              });
            }
          });

          ruleListEl.appendChild(item);
        });
      });
    }

    loadRulesList();

    // 获取每日一言
    function fetchQuote() {
      const quoteText = document.getElementById('quoteText');
      const quoteAuthor = document.getElementById('quoteAuthor');
      const refreshBtn = document.getElementById('refreshQuoteBtn');

      // 防止频繁点击
      if (refreshBtn.disabled) return;
      
      // 旋转动画效果
      refreshBtn.style.transition = 'transform 0.5s';
      refreshBtn.style.transform = 'rotate(360deg)';
      refreshBtn.disabled = true;

      fetch('https://v1-yy.jefsky.com/')
        .then(response => response.json())
        .then(data => {
          if (data && data.hitokoto) {
            quoteText.textContent = data.hitokoto;
            // 如果有来源，显示来源，否则留空
            quoteAuthor.textContent = data.from ? `—— 「${data.from}」` : '';
          } else {
            quoteText.textContent = '生活明朗，万物可爱。';
          }
        })
        .catch(err => {
          console.error('获取鸡汤失败:', err);
          quoteText.textContent = '生活明朗，万物可爱。'; // 失败兜底
        })
        .finally(() => {
          // 重置按钮状态
          setTimeout(() => {
            refreshBtn.style.transform = 'none';
            refreshBtn.disabled = false;
          }, 500);
        });
    }

    // 绑定事件
    document.getElementById('refreshQuoteBtn').addEventListener('click', fetchQuote);
    
    document.getElementById('jefskyLink').addEventListener('click', (e) => {
      e.preventDefault();
      chrome.tabs.create({ url: 'https://www.jefsky.com' });
    });

    fetchQuote();
  });
});