game system nav context

sse endpoint

actions/GameSystems/create.ts

@@ -1,23 +0,0 @@
-"use server";
-
-import { auth } from "@/auth";
-import { prisma } from "@/prisma/prismaClient";
-import { isEmailVerified } from "@/util/isEmailVerified";
-
-export const createGameSystem = async (name: string) => {
-  const session = await auth();
-  if (!session?.user?.id) return null;
-
-  if (!isEmailVerified(session.user.id)) return null;
-
-  const { id } = await prisma.gameSystem.create({
-    data: {
-      name,
-      authorId: session.user.id,
-    },
-    select: {
-      id: true,
-    },
-  });
-  return id;
-};

actions/GameSystems/deleteAll.ts

@@ -1,7 +0,0 @@
-"use server";
-import { prisma } from "@/prisma/prismaClient";
-
-// DEV TOOL ONLY
-export async function deleteAllGameSystems() {
-  await prisma.gameSystem.deleteMany();
-}

actions/auth/index.ts

@@ -1,5 +1,5 @@
 "use server";
-import { signIn, signOut } from "@/auth";
+import { auth, signIn, signOut } from "@/auth";
 
 export const signInWithDiscord = async () => {
   await signIn("discord");
@@ -10,3 +10,5 @@ export const signInWithCreds = async (formData: FormData) => {
 };
 
 export const signOutOfApp = () => signOut();
+
+export const getSession = async () => await auth();

app/game-systems/[id]/page.tsx

@@ -1,3 +1,6 @@
+// import { setCurrentGameSystem } from "@/actions/GameSystems/client";
+import { setCurrentGameSystem } from "@/actions/GameSystems/client";
+import { auth } from "@/auth";
 import { prisma } from "@/prisma/prismaClient";
 import Link from "next/link";
 
@@ -32,6 +35,10 @@ export default async function GameSystem({
     // },
   });
 
+  const session = await auth();
+
+  session?.user?.id && (await setCurrentGameSystem(session.user.id, id));
+
   return (
     <>
       <section className="heading">

app/game-systems/client.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { deleteAllGameSystems } from "@/actions/GameSystems/deleteAll";
+import { deleteAllGameSystems } from "@/actions/GameSystems/devactions";
 import { DevTool } from "@/components/devtools/DevTool";
 import { useRouter } from "next/navigation";
 import { FC, PropsWithChildren } from "react";

app/game-systems/create.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { createGameSystem } from "@/actions/GameSystems/create";
+import { createGameSystem } from "@/actions/GameSystems";
 import { useToast } from "@/components/toast";
 import { redirect } from "next/navigation";
 

app/game-systems/page.tsx

@@ -2,8 +2,12 @@ import { prisma } from "@/prisma/prismaClient";
 import CreateGameSystem from "./create";
 import { GameSystemsClient } from "./client";
 import Link from "next/link";
+import { setCurrentGameSystem } from "@/actions/GameSystems/client";
+import { auth } from "@/auth";
 
 export default async function GameSystems() {
+  const session = await auth();
+  session?.user?.id && (await setCurrentGameSystem(session.user.id));
   const existingGameSystems = await prisma.gameSystem.findMany({
     orderBy: {
       created: "asc",

app/layout.tsx

@@ -1,13 +1,6 @@
 import type { Metadata } from "next";
 import { Roboto } from "next/font/google";
 import "./globals.css";
-import {
-  BookOpenIcon,
-  CircleStackIcon,
-  Cog8ToothIcon,
-  PuzzlePieceIcon,
-  QuestionMarkCircleIcon,
-} from "@heroicons/react/24/solid";
 import Link from "next/link";
 import { DevToolboxContextProvider } from "@/components/devtools/context";
 import { RecoilRootClient } from "@/components/recoilRoot";
@@ -15,6 +8,10 @@ import { JotaiProvider } from "@/components/jotaiProvider";
 import { Toaster } from "@/components/toast";
 import { SessionProvider } from "next-auth/react";
 import { User } from "@/components/user/index";
+import { getCurrentGameSystem } from "@/actions/GameSystems";
+import { Nav } from "@/components/nav";
+import { SSE } from "@/components/sse";
+import { auth } from "@/auth";
 
 const roboto = Roboto({ subsets: ["latin"], weight: "400" });
 
@@ -23,38 +20,12 @@ export const metadata: Metadata = {
   description: "Rules and tools for tabletop games!",
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  const navItems = [
-    {
-      to: "/game-systems",
-      icon: PuzzlePieceIcon,
-      text: "Game Systems",
-    },
-    {
-      to: "/schemas",
-      icon: CircleStackIcon,
-      text: "Schemas",
-    },
-    {
-      to: "/publications",
-      icon: BookOpenIcon,
-      text: "Publications",
-    },
-    {
-      to: "/settings",
-      icon: Cog8ToothIcon,
-      text: "Settings",
-    },
-    {
-      to: "/help",
-      icon: QuestionMarkCircleIcon,
-      text: "How do?",
-    },
-  ];
+  const currentGame = await getCurrentGameSystem();
 
   return (
     <html lang="en">
@@ -65,19 +36,7 @@ export default function RootLayout({
               <h1 className="text-lg font-bold pb-6 border-b dark:border-dark-500 border-primary-600">
                 <Link href="/">Tabletop Commander</Link>
               </h1>
-              <ul className="my-6 flex flex-col gap-6">
-                {navItems.map((n) => (
-                  <li key={"nav-item" + n.text}>
-                    <Link
-                      href={n.to}
-                      className="flex items-center gap-2 group hover:text-purple-300 transition-colors"
-                    >
-                      <n.icon className="w-6 h-6 group-hover:fill-purple-300 transition-colors" />
-                      {n.text}
-                    </Link>
-                  </li>
-                ))}
-              </ul>
+              <Nav game={currentGame ?? undefined} />
               <div className="mt-auto">
                 <User />
               </div>
@@ -96,6 +55,7 @@ export default function RootLayout({
           <div id="root-portal"></div>
         </body>
       </SessionProvider>
+      <SSE />
     </html>
   );
 }

lib/tcmd/index.ts

@@ -26,7 +26,6 @@ const tokenize = (body: string) => {
     const rx = new RegExp(token.rx);
     let match;
     while ((match = rx.exec(body)) !== null) {
-      if (type === "p") debugger;
       const start = match.index;
       const end = rx.lastIndex;
 
@@ -180,9 +179,9 @@ const contentToChildren = (token: Token) => {
                 },
               ]
             : undefined,
-      })
+      }),
     ),
-    token.children || []
+    token.children || [],
   ).filter((c) => c.children?.length || (c.rendersContentOnly && c.content));
 };
 

lib/ttcQuery/TTCResolvers.ts

@@ -80,7 +80,6 @@ export class TTCQueryResolver {
       }
 
       const [res] = this.parser.search(q, stackItem.value as QueryableObject);
-      debugger;
       if (Dice.isDice(res)) {
         const value = new Dice(res);
         return {

next.config.mjs

@@ -1,13 +1,17 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "standalone",
-  webpack(config) {
+  webpack(config, { isServer }) {
     config.module.rules.push({
       test: /\.svg$/i,
       issuer: /\.[jt]sx?$/,
       use: ["@svgr/webpack"],
     });
 
+    if (isServer) {
+      import("./polyfills/customevent.js");
+    }
+
     return config;
   },
 };

prisma/schema.prisma

@@ -17,6 +17,7 @@ model GameSystem {
   name       String   @unique
   created    DateTime @default(now())
   isPublic   Boolean  @default(false)
+  thingUsers User[]   @relation("currentGame")
 }
 
 model Schema {
@@ -106,6 +107,8 @@ model User {
   sessions            Session[]
   PublicationRevision PublicationRevision[]
   followedSystems     GameSystemFollows[]
+  currentGameSystem   GameSystem?           @relation("currentGame", fields: [currentGameSystemId], references: [id])
+  currentGameSystemId String?
 
   name          String?
   username      String?   @unique