Chore: Revert to 'use server' functions

src/routes/config/index.tsx

@@ -1,13 +1,20 @@
+import { getSession } from "@auth/solid-start";
 import {
   faBadgeCheck,
   faCircleExclamation,
   faPlus,
 } from "@fortawesome/pro-regular-svg-icons";
-import { useNavigate } from "@solidjs/router";
+import { useLocation, useNavigate } from "@solidjs/router";
+import { eq } from "drizzle-orm";
+import createClient from "openapi-fetch";
 import { For, createResource } from "solid-js";
 import { getRequestEvent } from "solid-js/web";
 import { FontAwesomeIcon } from "~/components/FontAwesomeIcon";
 import Layout from "~/components/Layout";
+import db from "~/drizzle";
+import { accounts } from "~/drizzle/schema";
+import { authOptions } from "~/server/auth";
+import { paths } from "~/types/discord";
 import "../../styles/pages/config.scss";
 
 const initialValue = () => ({
@@ -19,37 +26,76 @@ const initialValue = () => ({
   }[],
 });
 
+const getPayload = async (
+  pathName: string,
+): Promise<
+  | { success: false; message: string }
+  | (ReturnType<typeof initialValue> & { success: true })
+> => {
+  "use server";
+
+  const event = getRequestEvent();
+  if (!event) return { success: false, message: "No request event!" };
+
+  const session = await getSession(event.request, authOptions);
+  if (!session?.user?.id)
+    return { success: false, message: "No user with id!" };
+
+  const { DISCORD_ACCESS_TOKEN } = (
+    await db
+      .selectDistinct({ DISCORD_ACCESS_TOKEN: accounts.access_token })
+      .from(accounts)
+      .where(eq(accounts.userId, session.user?.id))
+      .limit(1)
+      .execute()
+  )[0];
+  if (!DISCORD_ACCESS_TOKEN)
+    return { success: false, message: "No discord access token!" };
+
+  const { GET } = createClient<paths>({
+    baseUrl: "https://discord.com/api/v10",
+  });
+  const { data: guilds, error } = await GET("/users/@me/guilds", {
+    headers: { Authorization: `Bearer ${DISCORD_ACCESS_TOKEN}` },
+  });
+
+  if (error) {
+    console.log(error);
+    return { success: false, message: "Error on discord api request!" };
+  }
+  console.log(
+    pathName,
+    pathName == event.path ? "server" : "client",
+    "success",
+  );
+
+  return {
+    success: true,
+    guilds:
+      guilds
+        ?.filter((e) => parseInt(e.permissions) & (1 << 5))
+        .map(({ id, name, icon }) => ({ id, name, icon })) ?? [],
+  };
+};
+
 function index() {
   const navigator = useNavigate();
-  const event = getRequestEvent();
+  const location = useLocation();
 
   const [payload] = createResource(
     // eslint-disable-next-line solid/reactivity
     async () => {
-      const payload = await fetch("http://localhost:3000/api/config", {
-        headers: event?.headers,
-      })
-        .then(
-          (res) =>
-            res.json() as Promise<
-              | {
-                  success: false;
-                  message: string;
-                }
-              | (ReturnType<typeof initialValue> & {
-                  success: true;
-                })
-            >,
-        )
-        .catch((e) => console.warn(e));
+      const payload = await getPayload(location.pathname).catch((e) =>
+        console.warn(e),
+      );
 
       if (!payload) {
-        console.error("/config", payload);
+        console.error(location.pathname, payload);
         return initialValue();
       }
 
       if (!payload.success) {
-        console.log("/config", payload.message, "No success");
+        console.log(location.pathname, payload.message, "No success");
         navigator("/", { replace: false });
         return initialValue();
       }