Function loader

app/routes/j/$id.tsx:41–90

({ params, request })

import { getRandomUserAgent } from '~/utilities/getRandomUserAgent'

export const loader: LoaderFunction = async ({ params, request }) => {
  invariant(params.id, "expected params.id");

  const doc = await getDocument(params.id);

  if (!doc) {
    throw new Response("Not Found", {
      status: 404,
    });
  }

  const path = getPathFromRequest(request);
  const minimal = getMinimalFromRequest(request);

  if (doc.type == "url") {
    console.log(`Fetching ${doc.url}...`);

    const jsonResponse = await safeFetch(doc.url, {
      headers: {
        "User-Agent": getRandomUserAgent(),
      },
    });

    if (!jsonResponse.ok) {
      const jsonResponseText = await jsonResponse.text();
      const error = `Failed to fetch ${doc.url}. HTTP status: ${jsonResponse.status} (${jsonResponseText}})`;
      console.error(error);

      throw new Response(error, {
        status: jsonResponse.status,
      });
    }

    const json = await jsonResponse.json();

    return {
      doc,
      json,
      path,
      minimal,
    };
  } else {
    return {
      doc,
      json: JSON.parse(doc.contents),
      path,
      minimal,
    };
  }
};

export const action: ActionFunction = async ({ request, params }) => {
  // Return if the request is not a DELETE