From e0b406b7546addcdab62955fdb62467e419e391d Mon Sep 17 00:00:00 2001
From: XuhuiZhou <zhouxuhui2018@gmail.com>
Date: Wed, 11 Sep 2024 16:15:09 -0400
Subject: [PATCH] remove the server side of things

---
 app/t/[id]/opengraph-image.tsx | 106 ---------------------------------
 app/t/[id]/page.tsx            |  56 -----------------
 next.config.js                 |  44 +++++++-------
 3 files changed, 22 insertions(+), 184 deletions(-)
 delete mode 100644 app/t/[id]/opengraph-image.tsx
 delete mode 100644 app/t/[id]/page.tsx

diff --git a/app/t/[id]/opengraph-image.tsx b/app/t/[id]/opengraph-image.tsx
deleted file mode 100644
index aa3d7b9..0000000
--- a/app/t/[id]/opengraph-image.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import { ImageResponse } from "next/server";
-import { notFound } from "next/navigation";
-import { kv } from "@vercel/kv";
-
-export default async function DynamicOG({
-  params,
-}: {
-  params: { id: string };
-}) {
-  const data = await kv.hgetall<{ prompt: string; image?: string }>(params.id);
-  if (!data) {
-    return notFound();
-  }
-
-  const [inter] = await Promise.all([
-    fetch(
-      "https://github.com/rsms/inter/raw/master/docs/font-files/Inter-Regular.woff",
-    ).then((res) => res.arrayBuffer()),
-  ]);
-
-  return new ImageResponse(
-    (
-      <div
-        tw="flex flex-col w-full h-full items-center justify-center bg-red-500 p-16"
-        style={{
-          fontFamily: "Inter",
-          backgroundImage: `url(${
-            data.image || "https://sotopia.vercel.app/opengraph-image.png"
-          })`,
-          backgroundSize: "1200px 1200px",
-          backgroundRepeat: "no-repeat",
-          backgroundPosition: "center center",
-        }}
-      >
-        <div
-          tw="absolute flex bottom-[48px] flex items-center basis-full lg:basis-auto"
-          style={{ gap: 28 }}
-        >
-          <div tw="bg-white border-4 border-black px-[52px] lowercase break-all rounded-lg text-[36px] flex items-center justify-start w-[800px] h-[150px]">
-            {data.prompt.substring(0, 72)}
-            {data.prompt.length > 72 && "..."}
-          </div>
-          <div tw="flex bg-white border-4 border-black p-5 rounded-lg relative">
-            <svg
-              version="1.0"
-              xmlns="http://www.w3.org/2000/svg"
-              width="100"
-              height="100"
-              viewBox="0 0 1210 1280"
-            >
-              <g
-                transform="translate(0,1280) scale(0.1,-0.1)"
-                fill="black"
-                stroke="none"
-              >
-                <path
-                  d="M7220 12785 c-120 -27 -254 -108 -337 -205 -82 -94 -143 -262 -143
--389 1 -168 61 -314 179 -432 90 -90 124 -109 318 -185 677 -264 1225 -599
-1758 -1076 966 -864 1633 -2097 1819 -3363 50 -334 70 -828 47 -1135 -129
--1733 -1058 -3219 -2561 -4095 -565 -329 -1232 -556 -1885 -639 -416 -53 -918
--46 -1325 20 -1277 205 -2393 925 -3105 2004 -134 203 -211 338 -310 545 -212
-440 -344 877 -409 1350 -59 431 -44 938 39 1361 286 1444 1314 2606 2725 3077
-219 73 469 129 760 169 150 21 711 17 870 -5 819 -117 1494 -444 2045 -992
-581 -578 934 -1301 1026 -2105 28 -241 11 -650 -37 -895 -98 -502 -304 -951
--610 -1335 -95 -119 -339 -361 -464 -460 -778 -618 -1761 -806 -2631 -504
--777 270 -1372 918 -1574 1713 -49 195 -59 281 -59 521 0 242 10 332 61 525
-149 575 552 1051 1090 1289 649 288 1380 148 1799 -342 308 -360 405 -798 263
--1186 -81 -223 -264 -414 -485 -506 -99 -41 -217 -62 -301 -54 -35 4 -63 10
--62 13 0 3 37 24 82 45 110 53 200 144 256 258 57 116 73 183 78 334 5 123 3
-137 -25 236 -112 393 -511 621 -972 554 -258 -38 -446 -131 -611 -302 -222
--231 -329 -502 -330 -831 0 -211 46 -407 142 -612 227 -481 668 -809 1214
--901 114 -19 154 -22 325 -17 138 4 223 11 291 26 416 85 761 272 1064 576
-403 402 625 945 625 1531 0 391 -85 742 -267 1103 -353 701 -1013 1214 -1783
-1385 -240 53 -315 61 -615 60 -299 0 -380 -8 -613 -59 -941 -208 -1762 -876
--2164 -1760 -487 -1071 -366 -2313 326 -3340 446 -661 1089 -1156 1846 -1419
-409 -143 786 -205 1238 -206 480 0 888 69 1331 227 893 317 1646 920 2165
-1733 99 156 276 503 343 675 163 416 256 818 294 1263 17 205 6 682 -20 877
--62 460 -181 893 -355 1285 -337 759 -847 1401 -1507 1901 -1131 855 -2630
-1155 -4044 809 -994 -244 -1885 -764 -2594 -1514 -370 -391 -651 -796 -891
--1281 -475 -961 -646 -2037 -495 -3125 122 -882 481 -1777 1013 -2525 948
--1333 2381 -2196 3992 -2404 296 -39 411 -45 765 -45 528 0 892 42 1390 160
-1558 370 2936 1332 3832 2674 533 799 883 1748 1002 2715 37 298 46 446 46
-800 0 444 -27 755 -101 1160 -409 2242 -1915 4155 -3998 5074 -133 59 -393
-161 -475 187 -69 22 -224 27 -301 9z"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-      </div>
-    ),
-    {
-      width: 1200,
-      height: 630,
-      fonts: [
-        {
-          name: "Inter",
-          data: inter,
-        },
-      ],
-      headers: {
-        "cache-control": "public, max-age=60, stale-while-revalidate=86400",
-      },
-    },
-  );
-}
diff --git a/app/t/[id]/page.tsx b/app/t/[id]/page.tsx
deleted file mode 100644
index 7afcb04..0000000
--- a/app/t/[id]/page.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { kv } from "@vercel/kv";
-import { notFound } from "next/navigation";
-import { Metadata } from "next";
-
-export async function generateMetadata({
-  params,
-}: {
-  params: {
-    id: string;
-  };
-}): Promise<Metadata | undefined> {
-  const data = await kv.hgetall<{ prompt: string; image?: string }>(params.id);
-  if (!data) {
-    return;
-  }
-
-  const title = `sotopia: ${data.prompt}`;
-  const description = `A spiral generated from the prompt: ${data.prompt}`;
-  const image = data.image || "https://sotopia.vercel.app/opengraph-image.png";
-
-  return {
-    title,
-    description,
-    openGraph: {
-      title,
-      description,
-    },
-    twitter: {
-      card: "summary_large_image",
-      title,
-      description,
-      creator: "@Hao_Zhu_",
-    },
-  };
-}
-
-export default async function Results({
-  params,
-}: {
-  params: {
-    id: string;
-  };
-}) {
-  const data = await kv.hgetall<{
-    prompt: string;
-    pattern?: string;
-    image?: string;
-  }>(params.id);
-
-  if (!data) {
-    notFound();
-  }
-  return (
-    <></>
-  );
-}
diff --git a/next.config.js b/next.config.js
index cafeb21..a2c11d5 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,33 +1,33 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  experimental: {
-    serverActions: true,
-  },
+  output: 'export',
   images: {
+    unoptimized: true,
+    reactStrictMode: true,
     domains: [
       "xd2kcvzsdpeyx1gu.public.blob.vercel-storage.com",
       "replicate.delivery",
     ],
   },
-  async redirects() {
-    return [
-      {
-        source: "/github",
-        destination: "https://github.com/steven-tey/sotopia",
-        permanent: false,
-      },
-      {
-        source: "/deploy",
-        destination: "https://vercel.com/templates/next.js/sotopia",
-        permanent: false,
-      },
-      {
-        source: "/t",
-        destination: "/",
-        permanent: false,
-      },
-    ];
-  },
+  // async redirects() {
+  //   return [
+  //     {
+  //       source: "/github",
+  //       destination: "https://github.com/steven-tey/sotopia",
+  //       permanent: false,
+  //     },
+  //     {
+  //       source: "/deploy",
+  //       destination: "https://vercel.com/templates/next.js/sotopia",
+  //       permanent: false,
+  //     },
+  //     {
+  //       source: "/t",
+  //       destination: "/",
+  //       permanent: false,
+  //     },
+  //   ];
+  // },
 };
 
 module.exports = nextConfig;