export async function onRequest(context) {
  const url = new URL(context.request.url);
  
  // Ambil semua string setelah tanda tanya (?)
  // Misal: /horizon?=SGVsbG8= -> isinya "?=SGVsbG8="
  let fullQuery = url.search;

  if (!fullQuery || fullQuery.length < 3) {
    return new Response("Mana datanya, Bro? Kosong! 😭", { status: 400 });
  }

  try {
    // 1. Bersihin query string
    // Kita buang "?=" di depan
    let base64Part = fullQuery.substring(2);

    // 2. Buang sampah kosmetik (.png, .js, dll) di paling belakang
    base64Part = base64Part.replace(/\.(png|jpg|js|svg|webp)$/i, "");

    // 3. Decode Base64
    // Pake decodeURIComponent buat jaga-jaga kalau browser ngerubah karakter
    const decodedHtml = atob(decodeURIComponent(base64Part));

    const svg = `
    <svg fill="none" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
      <foreignObject width="100%" height="100%">
        <div xmlns="http://www.w3.org/1999/xhtml">
          <style>
            * { margin: 0; padding: 0; box-sizing: border-box; }
            .container { 
              color: white; font-family: sans-serif;
              background: #0d1117; padding: 20px;
              border-radius: 12px; border: 1px solid #30363d;
              height: 380px; display: flex; flex-direction: column;
              justify-content: center; align-items: center; text-align: center;
            }
            h1 { color: #58a6ff; margin-bottom: 10px; }
          </style>
          <div class="container">
            ${decodedHtml}
          </div>
        </div>
      </foreignObject>
    </svg>`;

    return new Response(svg, {
      headers: {
        "Content-Type": "image/svg+xml",
        "Cache-Control": "no-cache",
        "Access-Control-Allow-Origin": "*"
      },
    });

  } catch (e) {
    return new Response("Waduh, Base64 lu hancur/salah format: " + e.message, { status: 500 });
  }
}