jake shenanigans to get middleware up and user created

global.d.ts

@@ -0,0 +1,7 @@
+import { User } from "@prisma/client";
+
+declare module "next" {
+    interface NextApiRequest {
+        user?: User;
+    }
+}

prisma/load.ts

@@ -0,0 +1,39 @@
+import prisma from "./client";
+
+async function createArtEntries() {
+    try {
+        await prisma.art.create({
+            data: {
+                boxCount: 5,
+                Author: {
+                    create: {
+                        email: "[email protected]",
+                        name: "test",
+                        ClerkId: "test"
+                    }
+                }
+            }
+        });
+
+        await prisma.art.create({
+            data: {
+                boxCount: 10,
+                Author: {
+                    create: {
+                        email: "[email protected]",
+                        name: "test2",
+                        ClerkId: "test2"
+                    }
+                }
+            }
+        });
+
+        console.log("Art entries created successfully");
+    } catch (error) {
+        console.error("Error creating art entries:", error);
+    } finally {
+        await prisma.$disconnect();
+    }
+}
+
+export default createArtEntries;

src/app/api/sign-up-callback/route.tsx

@@ -0,0 +1,16 @@
+import { useAuth } from "@clerk/nextjs";
+import { auth, currentUser } from "@clerk/nextjs/server";
+import { useEffect } from "react";
+import prisma from "../../../../prisma/client";
+import { NextApiHandler } from "next";
+import { optionalUser } from "@/middleware/optionalUser";
+import { redirect } from "next/navigation";
+
+
+
+export const GET = optionalUser(async (req, res) => {
+    console.log(req.user)
+    return (
+        redirect("/")
+    );
+})

src/app/feed/page.tsx

@@ -0,0 +1,23 @@
+import prisma from "../../../prisma/client";
+import { ArtInterpreter } from "../ArtInterpreter";
+
+export const FeedScreen = () => {
+
+
+
+    return (
+        <div>
+            Feed:
+            {prisma.art.findMany().then((arts) => {
+                return arts.map((art) => {
+                    return (
+                        <ArtInterpreter key={art.id} boxCount={art.boxCount} />
+                    );
+                });
+            })}
+
+        </div>
+    );
+};
+
+export default FeedScreen;

src/app/layout.tsx

@@ -6,8 +6,8 @@ import { ClerkProvider } from "@clerk/nextjs";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Generative Art Feed",
+  description: "Generated by you!",
 };
 
 export default function RootLayout({

src/app/page.tsx

@@ -4,17 +4,27 @@ import Image from "next/image";
 import { ArtInterpreter } from "./ArtInterpreter";
 import { ClerkProvider } from "@clerk/nextjs";
 import { SignInButton, SignOutButton, SignedIn, SignedOut } from "@clerk/clerk-react";
+import { useState } from "react";
 
 export default function Home() {
+
+
+
   return (
     <>
-
-      <div className="h-screen flex justify-center items-center">
+      <div className="h-screen flex flex-col justify-center items-center">
 
         gang gang!
+
+
         <SignedOut >
-          You need to sign in
-          <SignInButton>Sign in boiii</SignInButton>
+          <div>
+
+            You need to sign in
+          </div>
+          <SignInButton forceRedirectUrl={"/api/sign-up-callback"}>
+            Sign in boiii
+          </SignInButton>
         </SignedOut>
 
         <SignedIn>

src/app/middleware.ts → src/middleware.ts

@@ -1,7 +1,9 @@
-import { clerkMiddleware } from "@clerk/nextjs/server";
+import { clerkMiddleware, currentUser } from "@clerk/nextjs/server";
+import prisma from "../prisma/client";
 
 export default clerkMiddleware();
 
 export const config = {
     matcher: ["/((?!.*\\..*|_next).*)", "/", "/(api|trpc)(.*)"],
-};
+};
+

src/middleware/optionalUser.ts

@@ -0,0 +1,47 @@
+import { useAuth } from "@clerk/nextjs";
+import { auth, currentUser } from "@clerk/nextjs/server";
+import { useEffect } from "react";
+import { NextApiHandler } from "next";
+import prisma from "../../prisma/client";
+
+
+
+
+
+export function optionalUser(handler: NextApiHandler): NextApiHandler {
+    return async (req, res) => {
+        const clerkId = auth().userId;
+
+        if (!clerkId) {
+            return handler(req, res)
+        }
+        else {
+            const user = await prisma.user.findUnique({
+                where: {
+                    ClerkId: clerkId
+                }
+
+            })
+
+            if (user) {
+                // append user to request context
+                req.user = user;
+            } else {
+                const curr = await currentUser();
+
+                // otherwise create a new user and append to request context
+                req.user = await prisma.user.create({
+                    data: {
+                        ClerkId: clerkId,
+                        email: curr?.emailAddresses[0].emailAddress || "",
+                        name: curr?.username
+                    }
+                })
+
+            }
+        }
+
+        return handler(req, res)
+
+    }
+}