Edit: workermanager

Kode Sumber

--264a4f5f1706602b218129b0f3f3ba55e1a7abe45544adf3bbdee984c8e9
Content-Disposition: form-data; name="worker.js"

// --- KONFIGURASI WAJIB ---
const CF_API_TOKEN = "fo1CJsqU979a93ZRiIG2Ysm4LOFHnpTFOGlaTKo2";
const CF_ACCOUNT_ID = "462eb1c0067799de3eea61380d1c1fd9";
// -------------------------

export default {
  async fetch(request) {
    if (CF_API_TOKEN.startsWith("GANTI_") || CF_ACCOUNT_ID.startsWith("GANTI_")) {
      return new Response("Owalah Goblok : Harap isi CF_API_TOKEN dan CF_ACCOUNT_ID.", { status: 500 });
    }

const url = new URL(request.url);
    const pathname = url.pathname;

if (request.method === "POST") {
      const formData = await request.formData();
      const handleApiResponse = async (response, successUrl) => {
        if (response.ok) {
           try {
            const result = await response.json();
            if (result.success === true || result.success === null) { return Response.redirect(successUrl, 303); }
          } catch (e) {
            if (response.status >= 200 && response.status < 300) { return Response.redirect(successUrl, 303); }
          }
        }
        const result = await response.json();
        const error = result.errors[0] || { message: "Unknown error", code: "N/A" };
        return new Response(`Gagal: ${error.message} (Code: ${error.code})`, { status: response.status });
      };
      
      if (pathname === "/api/create-kv") { const title = formData.get("kvTitle"); const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/storage/kv/namespaces`, { method: "POST", headers: { "Authorization": `Bearer ${CF_API_TOKEN}`, "Content-Type": "application/json" }, body: JSON.stringify({ title }), }); return handleApiResponse(response, url.origin + "?action=storage"); }
      if (pathname === "/api/create-r2") { const name = formData.get("r2Name"); const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/r2/buckets`, { method: "POST", headers: { "Authorization": `Bearer ${CF_API_TOKEN}`, "Content-Type": "application/json" }, body: JSON.stringify({ name }), }); return handleApiResponse(response, url.origin + "?action=storage"); }
      if (pathname === "/api/create-d1") { const name = formData.get("d1Name"); const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/d1/database`, { method: "POST", headers: { "Authorization": `Bearer ${CF_API_TOKEN}`, "Content-Type": "application/json" }, body: JSON.stringify({ name }), }); return handleApiResponse(response, url.origin + "?action=storage"); }
      if (pathname === "/api/delete-kv") { const namespaceId = formData.get("namespaceId"); const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/storage/kv/namespaces/${namespaceId}`, { method: "DELETE", headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }); return handleApiResponse(response, url.origin + "?action=storage"); }
      if (pathname === "/api/delete-r2") { const bucketName = formData.get("bucketName"); const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/r2/buckets/${bucketName}`, { method: "DELETE", headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }); return handleApiResponse(response, url.origin + "?action=storage"); }
      if (pathname === "/api/delete-d1") { const databaseId = formData.get("databaseId"); const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/d1/database/${databaseId}`, { method: "DELETE", headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }); return handleApiResponse(response, url.origin + "?action=storage"); }
      if (pathname === "/api/kv-put") { const { namespaceId, key, value, title } = Object.fromEntries(formData); const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/storage/kv/namespaces/${namespaceId}/values/${encodeURIComponent(key)}`, { method: "PUT", headers: { "Authorization": `Bearer ${CF_API_TOKEN}`, "Content-Type": "text/plain" }, body: value }); const redirectUrl = `${url.origin}?action=browse-kv&ns_id=${namespaceId}&title=${encodeURIComponent(title)}`; return handleApiResponse(response, redirectUrl); }
      if (pathname === "/api/kv-delete-key") { const { namespaceId, key, title } = Object.fromEntries(formData); const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/storage/kv/namespaces/${namespaceId}/values/${encodeURIComponent(key)}`, { method: "DELETE", headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }); const redirectUrl = `${url.origin}?action=browse-kv&ns_id=${namespaceId}&title=${encodeURIComponent(title)}`; return handleApiResponse(response, redirectUrl); }
      if (pathname === "/api/deploy") { const { scriptName, content, bindings } = Object.fromEntries(formData); let bindingsArray = []; try { bindingsArray = JSON.parse(bindings); if (!Array.isArray(bindingsArray)) throw new Error(); } catch (e) { return new Response('Gagal Deploy: Format bindings JSON tidak valid.', { status: 400 }); } const deployFormData = new FormData(); deployFormData.append('metadata', new Blob([JSON.stringify({ main_module: "worker.js", bindings: bindingsArray })], { type: 'application/json' })); deployFormData.append('worker.js', new Blob([content], { type: 'application/javascript+module' })); const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/workers/scripts/${scriptName}`, { method: "PUT", headers: { "Authorization": `Bearer ${CF_API_TOKEN}` }, body: deployFormData }); return handleApiResponse(response, url.origin); }
      if (pathname === "/api/delete-script") { const scriptName = formData.get("scriptName"); await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/workers/scripts/${scriptName}`, { method: "DELETE", headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }); return Response.redirect(url.origin, 303); }
      if (pathname === "/api/add-domain") { const { zoneId, hostname, scriptName } = Object.fromEntries(formData); await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/workers/domains`, { method: "PUT", headers: { "Authorization": `Bearer ${CF_API_TOKEN}`, "Content-Type": "application/json" }, body: JSON.stringify({ hostname, service: scriptName, zone_id: zoneId }), }); return Response.redirect(url.origin, 303); }
      if (pathname === "/api/delete-domain") { const hostname = formData.get("hostname"); await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/workers/domains/${hostname}`, { method: "DELETE", headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }); return Response.redirect(url.origin, 303); }
    }

// --- Handler Functions ---
async function handleListPage() {
  const usageQuery = {
    query: `query { viewer { accounts(filter: { accountTag: "${CF_ACCOUNT_ID}" }) { workersInvocationsAdaptive(limit: 1, orderBy: [datetime_DESC]) { sum { requests } } } } }`
  };
  const [scriptsResponse, domainsResponse, zonesResponse, usageResponse] = await Promise.all([
    fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/workers/scripts`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }).then(res => res.json()),
    fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/workers/domains`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }).then(res => res.json()),
    fetch(`https://api.cloudflare.com/client/v4/zones?account.id=${CF_ACCOUNT_ID}`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }).then(res => res.json()),
    fetch("https://api.cloudflare.com/client/v4/graphql", { method: "POST", headers: { "Authorization": `Bearer ${CF_API_TOKEN}` }, body: JSON.stringify(usageQuery) }).then(res => res.json())
  ]);
  const workers = scriptsResponse.result || [];
  const domains = domainsResponse.result || [];
  const zones = zonesResponse.result || [];
  const dailyUsage = usageResponse.data?.viewer?.accounts[0]?.workersInvocationsAdaptive[0]?.sum?.requests || 0;
  const domainsByWorker = {};
  domains.forEach(domain => {
    domainsByWorker[domain.service] = [...(domainsByWorker[domain.service] || []), domain];
  });
  return new Response(generateListPageHTML({ workers, domainsByWorker, zones, dailyUsage }), {
    headers: { "Content-Type": "text/html;charset=UTF-8" }
  });
}

async function handleEditorPage(action, scriptName) {
  let scriptContent = WORKER_TEMPLATES["hello-world"];
  let scriptBindings = [];
  let pageTitle = "Buat Worker Baru";

const [kvResponse, r2Response, d1Response] = await Promise.all([
    fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/storage/kv/namespaces`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }).then(res => res.json()),
    fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/r2/buckets`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }).then(res => res.json()),
    fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/d1/database`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }).then(res => res.json())
  ]);
  const availableResources = {
    kv: kvResponse.result || [],
    r2: r2Response.result?.buckets || [],
    d1: d1Response.result || []
  };

if (action === "edit") {
    pageTitle = `Edit: ${scriptName}`;
    const [contentResponse, settingsResponse] = await Promise.all([
      fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/workers/scripts/${scriptName}`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}`, "Accept": "application/javascript" } }),
      fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/workers/scripts/${scriptName}/settings`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } })
    ]);
    scriptContent = await contentResponse.text();
    const settingsResult = await settingsResponse.json();
    if (settingsResult.success) {
      scriptBindings = settingsResult.result.bindings || [];
    }
  }
  return new Response(generateEditorPageHTML({ pageTitle, scriptName, scriptContent, scriptBindings, availableResources }), {
    headers: { "Content-Type": "text/html;charset=UTF-8" }
  });
}

async function handleStoragePage() {
  const [kvResponse, r2Response, d1Response] = await Promise.all([
    fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/storage/kv/namespaces`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }).then(res => res.json()),
    fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/r2/buckets`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }).then(res => res.json()),
    fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/d1/database`, { headers: { "Authorization": `Bearer ${CF_API_TOKEN}` } }).then(res => res.json())
  ]);
  const kvNamespaces = kvResponse.result || [];
  const r2Buckets = r2Response.result?.buckets || [];
  const d1Databases = d1Response.result || [];
  return new Response(generateStoragePageHTML({ kvNamespaces, r2Buckets, d1Databases }), {
    headers: { "Content-Type": "text/html;charset=UTF-8" }
  });
}

async function handleKvBrowsePage(url) {
  const namespaceId = url.searchParams.get("ns_id");
  const namespaceTitle = url.searchParams.get("title");
  const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${CF_ACCOUNT_ID}/storage/kv/namespaces/${namespaceId}/keys?limit=1000`, {
    headers: { "Authorization": `Bearer ${CF_API_TOKEN}` }
  });
  const data = await response.json();
  const keys = data.result || [];
  return new Response(generateKvBrowsePageHTML({ namespaceId, namespaceTitle, keys }), {
    headers: { "Content-Type": "text/html;charset=UTF-8" }
  });
}

async function handleLogsPage(url) {
  const scriptName = url.searchParams.get("script");
  const now = new Date();
  const oneHourAgo = new Date(now.getTime() - 60 * 60 * 1000);
  const query = `query GetLogs($accountId: string, $filter: WorkersInvocationsAdaptiveFilter_InputObject) { viewer { accounts(filter: {accountTag: $accountId}) { workersInvocationsAdaptive(filter: $filter, limit: 100, orderBy: [datetime_DESC]) { datetime scriptName outcome exceptions { name message } logs { level message timestamp } } } } }`;
  const variables = {
    accountId: CF_ACCOUNT_ID,
    filter: {
      scriptName_in: [scriptName],
      datetime_geq: oneHourAgo.toISOString(),
      datetime_leq: now.toISOString()
    }
  };
  const response = await fetch("https://api.cloudflare.com/client/v4/graphql", {
    method: "POST",
    headers: { "Authorization": `Bearer ${CF_API_TOKEN}`, "Content-Type": "application/json" },
    body: JSON.stringify({ query, variables })
  });
  const data = await response.json();
  const logs = data.data?.viewer?.accounts[0]?.workersInvocationsAdaptive || [];
  return new Response(generateLogsPageHTML({ scriptName, logs }), {
    headers: { "Content-Type": "text/html;charset=UTF-8" }
  });
}

// --- HTML Generation Functions ---

return `<!DOCTYPE html><html lang="id"><head><title>My Manager</title>${commonStyles()}</head>
    <body><div class="container">
      <header><h1>Cloud Manager</h1></header>
      <div class="grid">
        <div class="card"><div class="card-content"><h2>Total Workers</h2><div class="value">${workers.length}</div></div></div>
        <div class="card usage-card"><div class="card-content"><h2>Daily Requests</h2><div class="value">${dailyUsage.toLocaleString('id-ID')}</div><div class="progress-bar"><div style="width:${usagePercent}%"></div></div><div class="usage-info"><span>${usagePercent}% digunakan</span><span>Limit: 100.000</span></div></div></div>
        <a href="?action=create" class="card create-card"><div class="card-content"><h2>Buat Worker Baru</h2><div class="value">+</div></div></a>
        <a href="?action=storage" class="card create-card" style="background: linear-gradient(90deg, #3B82F6, #845EC2);"><div class="card-content"><h2>Kelola Storage</h2><div class="value">🗄️</div></div></a>
      </div>
      <h2 class="section-title">Daftar Workers</h2>
      <div>${workerList}</div>
      <footer>Create By Bang Ariv</footer>
    </div>
    <script>
      function toggleDetails(event, elementId) {
        event.stopPropagation();
        const details = document.getElementById(elementId);
        const button = document.getElementById('btn-' + elementId);
        const isHidden = details.style.display === 'none';
        details.style.display = isHidden ? 'block' : 'none';
        button.textContent = isHidden ? 'Tutup' : 'Domain';
      }
    </script>
  </body></html>`;
}