export default {
  async fetch(request, env) {
    // 1. 環境変数のバリデーション
    const validationError = validateEnvironment(env);
    if (validationError) return validationError;

    const SITE_URL = env.SITE_URL;
    const url = new URL(request.url);

    // ---------------------------------------------------------
    // A. Webhookによるキャッシュ削除ロジック
    // ---------------------------------------------------------
    // microCMSなどのWebhook通知を受け取ってR2上の画像を削除します
    if (url.pathname.endsWith("/★delete-cache-endpoint")) {
      let targetId = url.searchParams.get('id'); 

      if (request.method === "POST") {
        const bodyText = await request.text();

        // Webhook署名検証 (Secretが設定されている場合)
        if (env.MICROCMS_WEBHOOK_SECRET) {
          const signature = request.headers.get('X-Microcms-Signature');
          const expected = await createSignature(bodyText, env.MICROCMS_WEBHOOK_SECRET);
          if (signature !== expected) {
            return new Response("Unauthorized", { status: 401 });
          }
        }

        try {
          const body = JSON.parse(bodyText);
          // microCMSのJSON構造からID（slugなど）を抽出
          targetId = body.contents?.new?.publishValue?.★field_name
            || body.contents?.old?.publishValue?.★field_name
            || targetId;
        } catch (e) {
          console.log("JSON parse failed. Using query parameter.");
        }
      }

      if (!targetId) return new Response("ID missing", { status: 400 });

      try {
        const R2_KEY = `${targetId}.png`;
        await env.OGP_R2_BUCKET.delete(R2_KEY);
        return new Response(`Deleted: ${R2_KEY}`, { status: 200 });
      } catch (e) {
        return new Response(`Delete failed: ${e.message}`, { status: 500 });
      }
    }

    // ---------------------------------------------------------
    // B. 画像取得・生成ロジック
    // ---------------------------------------------------------
    const filename = url.pathname.split('/').pop()?.replace('.png', '');

    // 不正なアクセスやルートへのアクセスはブログトップへリダイレクト
    if (!filename || filename === "" || filename === "favicon.ico") {
      return Response.redirect(SITE_URL, 301);
    }

    const R2_KEY = `${filename}.png`;

    // 素材画像（背景や1px画像）はそのままR2から返却する
    if (filename === "★base_image_name" || filename === "★dot_image_name") {
      const material = await env.OGP_R2_BUCKET.get(R2_KEY);
      if (material) {
        return new Response(material.body, { headers: { 'Content-Type': 'image/png' } });
      }
      return new Response('Material Not Found', { status: 404 });
    }

    try {
      // 2. R2キャッシュチェック
      const cached = await env.OGP_R2_BUCKET.get(R2_KEY);
      if (cached) {
        return new Response(cached.body, { headers: { 'Content-Type': 'image/png' } });
      }

      // 3. データソース（microCMS等）から記事情報を取得
      const apiRes = await fetch(
        `https://${env.MICROCMS_SERVICE_ID}.microcms.io/api/v1/★endpoint?filters=★field_name[equals]${filename}`,
        { headers: { 'X-MICROCMS-API-KEY': env.MICROCMS_API_KEY} }
      );
      const data = await apiRes.json();

      if (!data.contents || data.contents.length === 0) {
        return Response.redirect(SITE_URL, 302);
      }

      const { title, category } = data.contents[0];
      const themeColor = (category?.[0]?.imgColor || '3d50f5').replace('#', '');

      // 4. Cloudinary URL構築
      const cloudinaryUrl = buildCloudinaryUrl({
        cloudName: env.CLOUDINARY_NAME,
        title,
        themeColor,
        workerDomain: url.host
      });

      // 5. Cloudinaryから画像を取得
      const imageRes = await fetch(cloudinaryUrl);
      if (!imageRes.ok) throw new Error('Cloudinary Error');

      const imageBuffer = await imageRes.arrayBuffer();

      // 6. 次回のためにR2にキャッシュ保存
      await env.OGP_R2_BUCKET.put(R2_KEY, imageBuffer, {
        httpMetadata: { contentType: 'image/png' },
      });

      return new Response(imageBuffer, { headers: { 'Content-Type': 'image/png' } });

    } catch (e) {
      console.error(e.message);
      return Response.redirect(SITE_URL, 302);
    }
  }
};

/**
 * 署名作成 (HMAC-SHA256)
 */
async function createSignature(body, secret) {
  const encoder = new TextEncoder();
  const key = await crypto.subtle.importKey(
    "raw", encoder.encode(secret),
    { name: "HMAC", hash: "SHA-256" },
    false, ["sign"]
  );
  const signed = await crypto.subtle.sign("HMAC", key, encoder.encode(body));
  return Array.from(new Uint8Array(signed))
    .map(b => b.toString(16).padStart(2, "0"))
    .join("");
}

/**
 * 環境変数のチェック
 */
function validateEnvironment(env) {
  const vars = ['OGP_R2_BUCKET', 'API_SERVICE_ID', 'API_KEY', 'CLOUDINARY_NAME', 'SITE_URL'];
  for (const v of vars) {
    if (!env[v]) return new Response(`Missing env var: ${v}`, { status: 500 });
  }
  return null;
}

/**
 * Cloudinaryの変換URLを生成
 */
function buildCloudinaryUrl({ cloudName, title, themeColor, workerDomain }) {
  const baseImageUrl = `https://${workerDomain}/★base_image_name.png`;
  const BASE_IMAGE_B64 = safeBase64(baseImageUrl);
  const encodedTitle = encodeURIComponent(title).replace(/,/g, '%252C');
  const ONE_PIXEL_URL = `https://${workerDomain}/★dot_image_name.png`;
  
  return [
    // Cloudinaryの画像生成URL
  ].join('/');
}

/*
 * Cloudinary用のURLセーフなBase64エンコード
 */
function safeBase64(str) {
  return Buffer.from(str)      // 文字列をBufferに変換
    .toString('base64')        // Base64文字列へ
    .replace(/\+/g, '-')       // URLセーフ化（+ を -）
    .replace(/\//g, '_')       // URLセーフ化（/ を _）
    .replace(/=+$/, '');       // パディング削除
}

`https://images.microcms-assets.io/assets/.../ファイル名.png?
  w=1200&h=630
  &bg=${color}                // 1. 背景色の指定
  &blend-mode=multiply        // 2. 乗算で背景と合成
  &monochrome=95${color}      // 3. ベース画像を単色化
  &blend64=${base64url(text)} // 4. 文字を乗せる
  &fm=png`

return [
  `https://res.cloudinary.com/${cloudName}/image/fetch`,
  `w_1200,h_630,c_fill,b_rgb:${themeColor},e_colorize:100,q_auto`, // 塗り
  `l_fetch:${BASE_IMAGE_B64},w_1200,h_630,c_fill,e_replace_color:${themeColor}:1:979C9F,fl_layer_apply`,  // ベース画像＋色置き換え
  `co_rgb:${themeColor},l_text:★YourFontName_50_bold:${encodedTitle},w_1000,c_fit,fl_layer_apply,g_west,x_100`,  // タイトル
  `f_png`,
  ONE_PIXEL_URL  // 1px画像
].join('/');