result.js

// 画面が表示されたらストレージから結果を読み込む
document.addEventListener('DOMContentLoaded', () => {
    updateUI();

    // ストレージの変更を監視（バックグラウンドで解析が完了したら画面を更新するため）
    chrome.storage.onChanged.addListener((changes, namespace) => {
        if (changes.analysisResult) {
            renderResult(changes.analysisResult.newValue);
        }
    });
});

// ストレージからデータを取得して表示
function updateUI() {
    chrome.storage.local.get(['analysisResult'], (result) => {
        if (result.analysisResult) {
            renderResult(result.analysisResult);
        }
    });
}

// 画面描画ロジック
function renderResult(data) {
    const contentDiv = document.getElementById('content');
    const footer = document.getElementById('footer');

    if (data.status === 'loading') {
        contentDiv.textContent = "画像をGeminiに送信して解析中...\n少々お待ちください。";
        contentDiv.className = 'loading';
        footer.style.display = 'none';
    } else if (data.status === 'success') {
        contentDiv.textContent = data.text;
        contentDiv.className = '';
        footer.style.display = 'block';
    } else if (data.status === 'error') {
        contentDiv.textContent = "エラーが発生しました:\n" + data.error;
        contentDiv.className = 'error';
        footer.style.display = 'block'; // 閉じるボタンを押せるようにする
    }
}

// --- ボタンのイベントリスナー ---

document.getElementById('closeBtn').addEventListener('click', () => {
    window.close();
});

// ESCキーでページを閉じる
document.addEventListener('keydown', (e) => {
    if (e.key === 'Escape') {
        window.close();
    }
});

document.getElementById('copyBtn').addEventListener('click', async (e) => {
    const text = document.getElementById('content').textContent;
    try {
        await navigator.clipboard.writeText(text);

        const btn = e.target;
        const originalText = btn.textContent;

        btn.textContent = "コピーしました！";
        btn.classList.add('copied');

        setTimeout(() => {
            btn.textContent = originalText;
            btn.classList.remove('copied');
        }, 2000);
    } catch (err) {
        console.error('コピー失敗', err);
    }
});