Rewrite

Author: cvs0

package-lock.json

@@ -60,14 +60,14 @@
     "react-day-picker": "^9.3.2",
     "react-dom": "^18",
     "react-hook-form": "^7.53.2",
-    "react-hot-toast": "^2.4.1",
+    "react-hot-toast": "^2.5.1",
     "react-query": "^3.39.3",
     "react-resizable-panels": "^2.1.7",
     "sonner": "^1.7.0",
     "tailwind-merge": "^2.5.4",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.1",
-    "zod": "^3.23.8",
+    "zod": "^3.24.1",
     "zustand": "^5.0.1"
   },
   "devDependencies": {

package.json

@@ -1,26 +1,15 @@
-import {Icons} from "@/components/ui/icons";
-import VaultPage from "@/components/ui/vault/vault";
+import { Icons } from "@/components/ui/icons";
+import { VaultPage } from "@/components/ui/password-manager";
 import prismadb from "@/lib/prismadb";
-import {RedirectToSignIn,SignedOut} from "@clerk/nextjs";
-import {auth} from "@clerk/nextjs/server";
+import { RedirectToSignIn, SignedOut } from "@clerk/nextjs";
+import { auth } from "@clerk/nextjs/server";
 
-export const dynamic = 'force-dynamic';
+export const dynamic = "force-dynamic";
 
 const Page = async () => {
-  const { userId } = await auth();
+  const { userId, redirectToSignIn } = await auth();
 
-  if (!userId) {
-    return (
-      <div className="h-screen w-[calc(100vw-var(--sidebar-width))] flex justify-center items-center animate-pulse">
-        <Icons.logo className="w-40 h-40" />
-        <h1 className="font-bold tracking-tig text-7xl">Authenticating</h1>
-
-        <SignedOut>
-          <RedirectToSignIn />
-        </SignedOut>
-      </div>
-    );
-  }
+  if (!userId) return redirectToSignIn();
 
   const user = await prismadb.user.findUnique({
     where: {

src/app/(main)/layout.tsx

@@ -0,0 +1,133 @@
+"use server";
+
+import prismadb from "@/lib/prismadb";
+import { auth, currentUser } from "@clerk/nextjs/server";
+
+export async function updatePasswordItem(
+  id: string,
+  newUsername: string,
+  newWebsite: string,
+  newPassword: string
+) {
+  const clerkUser = await currentUser();
+
+  const user = await prismadb.user.findUnique({
+    where: {
+      id: clerkUser?.id,
+    },
+    include: {
+      passwordItems: true,
+    },
+  });
+
+  if (!user) {
+    throw new Error("User not found");
+  }
+
+  const passwordItem = user.passwordItems.find((item) => item.id === id);
+
+  if (!passwordItem) {
+    throw new Error("Password item not found");
+  }
+
+  await prismadb.passwordItem.update({
+    where: {
+      id: passwordItem.id,
+    },
+    data: {
+      username: newUsername,
+      website: newWebsite,
+      password: newPassword,
+    },
+  });
+
+  return { success: true };
+}
+
+export async function deletePasswordItem(id: string) {
+  const clerkUser = await currentUser();
+
+  const user = await prismadb.user.findUnique({
+    where: {
+      id: clerkUser?.id,
+    },
+    include: {
+      passwordItems: true,
+    },
+  });
+
+  if (!user) {
+    throw new Error("User not found");
+  }
+
+  const passwordItem = user.passwordItems.find((item) => item.id === id);
+
+  if (!passwordItem) {
+    throw new Error("Password item not found");
+  }
+
+  await prismadb.passwordItem.delete({
+    where: {
+      id: passwordItem.id,
+    },
+  });
+
+  return { success: true };
+}
+
+export async function createPasswordItem(
+  username: string,
+  website: string,
+  password: string
+) {
+  const clerkUser = await currentUser();
+
+  if (!clerkUser) {
+    throw new Error("User not authenticated");
+  }
+
+  const user = await prismadb.user.findUnique({
+    where: {
+      id: clerkUser.id,
+    },
+    include: {
+      passwordItems: true,
+    },
+  });
+
+  if (!user) {
+    throw new Error("User not found");
+  }
+
+  const newPasswordItem = await prismadb.passwordItem.create({
+    data: {
+      username,
+      website,
+      password,
+      updatedAt: new Date().toISOString(),
+      createdAt: new Date().toISOString(),
+      userId: user.id,
+    },
+  });
+
+  return newPasswordItem;
+}
+
+export async function instantiateVault() {
+  const clerkUser = await currentUser();
+
+  const vault = await prismadb.user.create({
+    data: {
+      id: clerkUser?.id,
+      username: clerkUser?.username!,
+    },
+    include: {
+      passwordItems: true,
+      cardItems: true,
+      pinItems: true,
+      noteItems: true,
+    },
+  });
+
+  return vault;
+}

src/app/(main)/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 import "./globals.css";
 import { ClerkProvider } from "@clerk/nextjs";
-
+import { Toaster } from "react-hot-toast";
 
 export const metadata: Metadata = {
   title: "LockScript - Vault",
@@ -17,6 +17,7 @@ export default function RootLayout({
     <html lang="en">
       <ClerkProvider>
         <body>
+          <Toaster />
           <main>{children}</main>
         </body>
       </ClerkProvider>