background.js

// 1. インストール時の初期設定
chrome.runtime.onInstalled.addListener(() => {
    chrome.contextMenus.create({
        id: "describe-image",
        title: "Geminiで画像を説明する",
        contexts: ["image"]
    });
});

// 2. メニュークリック時の処理
chrome.contextMenus.onClicked.addListener(async (info, tab) => {
    if (info.menuItemId === "describe-image") {

        // ステップA: とりあえずウィンドウを開く (ユーザーへの即時フィードバック)
        // 以前の結果が残らないようにストレージを「読込中」で初期化
        await chrome.storage.local.set({
            analysisResult: { status: 'loading' }
        });

        // ダイアログウィンドウを作成 (ポップアップタイプ)
        chrome.windows.create({
            url: "result.html",
            type: "popup",
            width: 400,
            height: 500,
            focused: true
        });

        // ステップB: 解析処理の実行
        try {
            // APIキー取得
            const { geminiApiKey } = await chrome.storage.local.get("geminiApiKey");
            if (!geminiApiKey) throw new Error("APIキーが設定されていません。オプションから設定してください。");

            // 画像取得 & APIコール
            const base64Image = await fetchImageAsBase64(info.srcUrl);
            const description = await callGeminiApi(geminiApiKey, base64Image);

            // ステップC: 結果をストレージに保存 (ウィンドウ側がこれを検知して表示更新)
            await chrome.storage.local.set({
                analysisResult: { status: 'success', text: description }
            });

        } catch (error) {
            console.error(error);
            // エラー情報を保存
            await chrome.storage.local.set({
                analysisResult: { status: 'error', error: error.message }
            });
        }
    }
});

// --- 補助関数 (変更なし) ---

async function fetchImageAsBase64(url) {
    try {
        const response = await fetch(url);
        if (!response.ok) throw new Error(`画像の取得失敗: ${response.status}`);
        const blob = await response.blob();
        return new Promise((resolve, reject) => {
            const reader = new FileReader();
            reader.onloadend = () => resolve(reader.result.split(',')[1]);
            reader.onerror = reject;
            reader.readAsDataURL(blob);
        });
    } catch (e) {
        throw new Error("画像のダウンロードに失敗しました。アクセス権限などの問題の可能性があります。");
    }
}

async function callGeminiApi(apiKey, base64Image) {
    const endpoint = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash:generateContent?key=${apiKey}`;
    const payload = {
        contents: [{
            parts: [
                { text: "この画像を日本語で詳しく、わかりやすく説明してください。" },
                { inline_data: { mime_type: "image/jpeg", data: base64Image } }
            ]
        }]
    };

    const response = await fetch(endpoint, {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(payload)
    });

    if (!response.ok) {
        const errorData = await response.json();
        throw new Error(errorData.error?.message || "APIエラー");
    }
    const data = await response.json();
    return data.candidates[0].content.parts[0].text;
}