recode most things - still wip

src/app/server/[platform]/[hostname]/page.tsx

@@ -0,0 +1,88 @@
+import { capitalizeFirstLetter } from "@/common/string-utils";
+import { LookupServer } from "@/components/lookup-server";
+import { NotFound } from "@/components/not-found";
+import { Card } from "@/components/ui/card";
+import { getServer } from "mcutils-library";
+import JavaMinecraftServer from "mcutils-library/dist/types/server/javaServer";
+import { ServerPlatform } from "mcutils-library/dist/types/server/platform";
+import { MinecraftServer } from "mcutils-library/dist/types/server/server";
+import { Metadata } from "next";
+
+type Params = {
+  params: {
+    platform: ServerPlatform;
+    hostname: string;
+  };
+};
+
+export async function generateMetadata({ params: { platform, hostname } }: Params): Promise<Metadata> {
+  const server = await getData(platform, hostname);
+  if (!server) {
+    return {
+      title: "Unknown Server",
+    };
+  }
+
+  const { hostname: serverHostname, players } = server;
+  let favicon = null;
+
+  if (platform === ServerPlatform.Java) {
+    const javaServer = server as JavaMinecraftServer;
+    favicon = javaServer.favicon && javaServer.favicon.url;
+  }
+
+  const description = `
+    ${capitalizeFirstLetter(platform)} Server
+    Hostname: ${serverHostname}
+    ${players.online}/${players.max} players online`;
+
+  return {
+    title: `${hostname}`,
+    openGraph: {
+      title: `${hostname}`,
+      description: description,
+      images: [
+        {
+          url: favicon || "",
+        },
+      ],
+    },
+    twitter: {
+      card: "summary",
+    },
+  };
+}
+
+async function getData(platform: ServerPlatform, id: string): Promise<MinecraftServer | null> {
+  console.log(platform, id);
+  try {
+    const cachedServer = await getServer(platform, id);
+    return cachedServer.server;
+  } catch (error) {
+    return null; // Server not found
+  }
+}
+
+export default async function Page({ params: { platform, hostname } }: Params) {
+  const server = await getData(platform, hostname);
+
+  return (
+    <div className="h-full flex flex-col items-center">
+      <div className="mb-4 text-center">
+        <h1 className="text-xl">Lookup a Server</h1>
+        <p>You can enter a server hostname to get information about the server.</p>
+
+        <LookupServer />
+      </div>
+
+      <Card>
+        {server == null && <NotFound message="Server not found" />}
+        {server != null && (
+          <div className="flex flex-col items-center gap-2">
+            <p>Hostname: {server.hostname}</p>
+          </div>
+        )}
+      </Card>
+    </div>
+  );
+}