Source

// Paste's entry. "/" keeps the static landing and mounts the editor and "Your pastes" into it;
// "/<id>" shows a paste, "/<id>/admin" its admin page, and "/<id>/raw" hands over to the API's plain text.
import { lazy, Suspense } from "react";
import { createRoot } from "react-dom/client";
import { usePath } from "./lib/router";
import { SERVED_API } from "./lib/app";
import { Toaster } from "./ui";
import { Editor, YourPastes } from "./Editor";
import { ViewPage } from "./View";
import { AdminSkeleton } from "./Skeletons";
import "./styles.css";

const AdminPage = lazy(() => import("./Admin"));
// Must match the inline script at the top of index.html.
const ROUTE = /^\/([A-Za-z0-9]{12})(?:\/(admin|raw))?\/?$/;

function setNoIndex(on: boolean) {
  let meta = document.querySelector<HTMLMetaElement>('meta[name="robots"]');
  if (on && !meta) document.head.append(Object.assign(document.createElement("meta"), { name: "robots", content: "noindex" }));
  if (!on) meta?.remove();
}

function App() {
  const path = usePath();
  const route = path.match(ROUTE);
  if (route?.[2] === "raw") {
    location.replace(`${SERVED_API}/pastes/${route[1]}/raw`);
    return null;
  }
  document.documentElement.classList.toggle("app-route", Boolean(route));
  document.body.classList.toggle("app-mode", Boolean(route));
  setNoIndex(Boolean(route));
  if (!route) document.title = "Paste: free Pastebin alternative with no ads and no daily paste limit | OpenApps";
  return (
    <>
      {route?.[2] === "admin" ? (
        <Suspense fallback={<AdminSkeleton />}>
          <AdminPage key={route[1]} id={route[1]} />
        </Suspense>
      ) : route ? <ViewPage key={route[1]} id={route[1]} /> : null}
      <Toaster />
    </>
  );
}

createRoot(document.getElementById("app")!).render(<App />);
createRoot(document.getElementById("create")!).render(<Editor />);
createRoot(document.getElementById("mine")!).render(<YourPastes />);