ascii-stream-cf-worker.js

// Inspired by https://github.com/hugomd/parrot.live
// This runs in a Cloudflare worker.

const brown = "\u001b[38;5;94m";
const green = "\u001b[38;5;28m";
const reset = "\u001b[0m";

const frames = [
  `
::::::::::::
::        ::
::  ${green}<••>${reset}  ::
::  ${green}⊃${reset}${brown}且${reset}${green}⊂${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<-->${reset}  ::
::  ${green}⊃${reset}${brown}且${reset}${green}⊂${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<••>${reset}  ::
::  ${green}⊃${reset}${brown}且${reset}${green}⊂${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<-->${reset}  ::
::  ${green}⊃${reset}${brown}且${reset}${green}⊂${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<••>${reset}  ::
::  ${green}⊃${reset}${brown}且${reset}${green}⊂${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<••>${reset}  ::
::  ${green}╯${reset}${brown}且${reset}${green}╰${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<••>${reset}  ::
::  ${green}╯${reset}${brown}旦${reset}${green}╰${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<-->${reset}  ::
::  ${green}╯${reset}${brown}旦${reset}${green}╰${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<-->${reset}  ::
::  ${green}╯${reset}${brown}旦${reset}${green}╰${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<-->${reset}  ::
::  ${green}╯${reset}${brown}ロ${reset}${green}╰${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<••>${reset}  ::
::  ${green}╯${reset}${brown}ロ${reset}${green}╰${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,

  `
::::::::::::
::        ::
::  ${green}<••>${reset}  ::
::  ${green}⊃${reset}${brown}ロ${reset}${green}⊂${reset}  ::
::  ${brown}(==)${reset}  ::
::        ::
::   P1   ::
::::::::::::
`,
];

addEventListener("fetch", (event) => {
  event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
  const { url } = request;
  const userAgent = request.headers.get("User-Agent") || "";
  const { pathname } = new URL(url);

  switch (pathname) {
    case "/":
      if (userAgent.includes("curl")) {
        return streamAscii();
      } else {
        return new Response(JSON.stringify("Please use cURL."));
      }
    case "/healthcheck":
      return new Response(JSON.stringify({ status: "ok" }), {
        status: 200,
        headers: {
          "Content-Type": "application/json;charset=UTF-8",
        },
      });
  }

  return fetch(request);
}

async function streamAscii() {
  let { readable, writable } = new TransformStream();

  const writer = writable.getWriter();
  let index = 0;
  let encoder = new TextEncoder();

  setInterval(() => {
    writer.write(encoder.encode("\033[2J\033[3J\033[H"));
    writer.write(encoder.encode(frames[index]));
    index = (index + 1) % frames.length;
  }, 500);

  const response = new Response(readable);

  response.body.pipeTo(writable);

  return response;
}