switch to action

app/(public)/projects/page.tsx

@@ -1,31 +1,11 @@
-import { cookies } from "next/headers";
 import { redirect } from "next/navigation";
 
-import { apiServer } from "@/lib/api";
-import MY_TOKEN_KEY from "@/lib/get-cookie-name";
 import { MyProjects } from "@/components/my-projects";
+import { getProjects } from "@/app/actions/projects";
 
-async function getMyProjects() {
-  const cookieStore = await cookies();
-  const token = cookieStore.get(MY_TOKEN_KEY())?.value;
-  if (!token) return { redirectUrl: true, projects: [] };
-  try {
-    const { data } = await apiServer.get("/me/projects", {
-      headers: {
-        Authorization: `Bearer ${token}`,
-      },
-    });
-
-    return {
-      projects: data.projects,
-    };
-  } catch {
-    return { projects: [] };
-  }
-}
 export default async function ProjectsPage() {
-  const { redirectUrl, projects } = await getMyProjects();
-  if (redirectUrl) {
+  const { ok, projects } = await getProjects();
+  if (!ok) {
     redirect("/");
   }
 

app/actions/projects.ts

@@ -0,0 +1,39 @@
+"use server";
+
+import { isAuthenticated } from "@/lib/auth";
+import { NextResponse } from "next/server";
+import dbConnect from "@/lib/mongodb";
+import Project from "@/models/Project";
+import { Project as ProjectType } from "@/types";
+
+export async function getProjects(): Promise<{
+  ok: boolean;
+  projects: ProjectType[];
+}> {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return {
+      ok: false,
+      projects: [],
+    };
+  }
+
+  await dbConnect();
+  const projects = await Project.find({
+    user_id: user?.id,
+  })
+    .sort({ _createdAt: -1 })
+    .limit(100)
+    .lean();
+  if (!projects) {
+    return {
+      ok: false,
+      projects: [],
+    };
+  }
+  return {
+    ok: true,
+    projects: JSON.parse(JSON.stringify(projects)) as ProjectType[],
+  };
+}

app/api/me/projects/[namespace]/[repoId]/route.ts

@@ -205,6 +205,7 @@ export async function POST(
     space_id: `${namespace}/${repoId}`,
   }).lean();
   if (project) {
+    // redirect to the project page if it already exists
     return NextResponse.json(
       {
         ok: false,

components/editor/ask-ai/index.tsx

@@ -173,7 +173,6 @@ export function AskAI({
                 return;
               }
 
-              console.log("AI response complete", contentResponse);
               toast.success("AI responded successfully");
               setPreviousPrompt(prompt);
               setPrompt("");

components/my-projects/load-project.tsx

@@ -59,7 +59,6 @@ export const LoadProject = ({
     setIsLoading(true);
     try {
       const response = await api.post(`/me/projects/${username}/${namespace}`);
-      console.log("response", response);
       toast.success("Project imported successfully!");
       setOpen(false);
       setUrl("");

lib/auth.ts

@@ -1,6 +1,7 @@
 import { User } from "@/types";
 import { NextResponse } from "next/server";
-import { headers } from "next/headers";
+import { cookies, headers } from "next/headers";
+import MY_TOKEN_KEY from "./get-cookie-name";
 
 // UserResponse = type User & { token: string };
 type UserResponse = User & { token: string };
@@ -8,7 +9,11 @@ type UserResponse = User & { token: string };
 export const isAuthenticated = async (): // req: NextRequest
 Promise<UserResponse | NextResponse<unknown> | undefined> => {
   const authHeaders = await headers();
-  const token = authHeaders.get("Authorization");
+  const cookieStore = await cookies();
+  const token = cookieStore.get(MY_TOKEN_KEY())?.value
+    ? `Bearer ${cookieStore.get(MY_TOKEN_KEY())?.value}`
+    : authHeaders.get("Authorization");
+
   if (!token) {
     return NextResponse.json(
       {