Untitled

unknown
javascript
a year ago
3.6 kB
Indexable
Never
// eslint-disable-next-line no-restricted-globals
addEventListener("fetch", (event) => {
  event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
  // Modify the referer header to match the allowed localhost IP
  let modifiedHeaders = new Headers(request.headers);
  modifiedHeaders.set("Referer", "https://localhost");
  modifiedHeaders.set("Access-Control-Allow-Origin", "*");
  modifiedHeaders.set("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
  modifiedHeaders.set("Access-Control-Allow-Headers", "Content-Type");

  let baseUrl = new URL(request.url).origin;
  let proxyUrl = new URL(request.url).searchParams.get("url");
  console.log(proxyUrl);

  // Check if the path is empty
  if (!proxyUrl) {
    let htmlResponse = `
<!DOCTYPE html>
<html>
<head>
    <title>CORS Proxy</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        :root {
            color-scheme: dark;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "JetBrains Mono", monospace;
        }

        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 1rem;
        }

        .status-code {
            width: 100%;
            height: 5rem;
            border-radius: 0.5rem;
            display: flex;
            align-items: center;
            padding: 0.75rem;
            background-color: #50bb50;
        }

        .status-code h2 {
            font-size: 2.5rem;
            color: #202020;
            line-height: 2.5rem;
        }

        .text {
            width: 100%;
            height: 3rem;
            display: flex;
            align-items: center;
            font-weight: 500;
            padding: 0 0.125rem;
            color: #bbbbbb;
        }
    </style>
</head>

<body>
    <div class="status-code">
        <h2>
            Status: 200 OK
        </h2>
    </div>
    <div class="text">
        The CORS Proxy is working perfectly!
    </div>
    <div class="text">
        Usage: ${baseUrl}/?url={YourApiUrl}
    </div>
    <div class="text">
        Example: ${baseUrl}/?url=https://gorest.co.in/public/v2/users
    </div>
</body>
</html>`;

    let defaultResponse = new Response(htmlResponse, {
      status: 200,
      statusText: "OK",
      headers: {
        "Content-Type": "text/html; charset=utf-8",
      },
    });
    return defaultResponse;
  }

  // Proxy the request to the specified URL
  let modifiedRequest = new Request(proxyUrl, {
    method: request.method,
    headers: modifiedHeaders,
    body: request.body,
    redirect: "manual", // Prevent following redirects
  });

  let response = await fetch(modifiedRequest);

  let newResponseHeaders = new Headers(response.headers);
  newResponseHeaders.set("Access-Control-Allow-Origin", "*");
  newResponseHeaders.set(
    "Access-Control-Allow-Methods",
    "GET, POST, PUT, DELETE"
  );
  newResponseHeaders.set("Access-Control-Allow-Headers", "Content-Type");

  let newResponse = new Response(response.body, {
    status: response.status,
    statusText: response.statusText,
    headers: newResponseHeaders,
  });

  return newResponse;
}