Merge pull request #165 from apsinghdev/feat/sheet

[feat] add sheet and revamp dashboard

Author: apsinghdev

apps/api/prisma/migrations/20251114063002_add_completed_steps/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "User" ADD COLUMN     "completedSteps" JSONB;

apps/api/prisma/schema.prisma

@@ -32,15 +32,16 @@ enum SubscriptionStatus {
 }
 
 model User {
-  id            String         @id @default(cuid())
-  email         String         @unique
-  firstName     String
-  authMethod    String
-  createdAt     DateTime       @default(now())
-  lastLogin     DateTime       @updatedAt
-  accounts      Account[]
-  payments      Payment[]
-  subscriptions Subscription[]
+  id             String         @id @default(cuid())
+  email          String         @unique
+  firstName      String
+  authMethod     String
+  createdAt      DateTime       @default(now())
+  lastLogin      DateTime       @updatedAt
+  completedSteps Json?
+  accounts       Account[]
+  payments       Payment[]
+  subscriptions  Subscription[]
 }
 
 model Account {

apps/api/src/routers/user.ts

@@ -1,5 +1,6 @@
 import { router, publicProcedure, protectedProcedure } from "../trpc.js";
 import { userService } from "../services/user.service.js";
+import { z } from "zod";
 
 export const userRouter = router({
   // get the total count of users
@@ -12,4 +13,26 @@ export const userRouter = router({
     const userId = ctx.user.id;
     return await userService.checkSubscriptionStatus(ctx.db.prisma, userId);
   }),
+
+  // get user's completed steps
+  getCompletedSteps: protectedProcedure.query(async ({ ctx }: any) => {
+    const userId = ctx.user.id;
+    return await userService.getCompletedSteps(ctx.db.prisma, userId);
+  }),
+
+  // update user's completed steps
+  updateCompletedSteps: protectedProcedure
+    .input(
+      z.object({
+        completedSteps: z.array(z.string()),
+      })
+    )
+    .mutation(async ({ ctx, input }: any) => {
+      const userId = ctx.user.id;
+      return await userService.updateCompletedSteps(
+        ctx.db.prisma,
+        userId,
+        input.completedSteps
+      );
+  }),
 });

apps/api/src/services/user.service.ts

@@ -47,4 +47,43 @@ export const userService = {
         : null,
     };
   },
+
+  /**
+   * Get user's completed steps
+   */
+  async getCompletedSteps(
+    prisma: ExtendedPrismaClient | PrismaClient,
+    userId: string
+  ) {
+    const user = await prisma.user.findUnique({
+      where: { id: userId },
+      select: { completedSteps: true },
+    });
+
+    if (!user) {
+      throw new Error("User not found");
+    }
+
+    const completedSteps = user.completedSteps as string[] | null;
+    return completedSteps || [];
+  },
+
+  /**
+   * Update user's completed steps
+   */
+  async updateCompletedSteps(
+    prisma: ExtendedPrismaClient | PrismaClient,
+    userId: string,
+    completedSteps: string[]
+  ) {
+    const user = await prisma.user.update({
+      where: { id: userId },
+      data: {
+        completedSteps: completedSteps,
+      },
+      select: { completedSteps: true },
+    });
+
+    return (user.completedSteps as string[]) || [];
+  },
 };

apps/web/next.config.js

@@ -6,6 +6,10 @@ const nextConfig = {
         protocol: "https",
         hostname: "avatars.githubusercontent.com",
       },
+      {
+        protocol: "https",
+        hostname: "lh3.googleusercontent.com",
+      },
     ],
   },
 };

apps/web/package.json

@@ -24,6 +24,7 @@
     "@vercel/speed-insights": "^1.1.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "dompurify": "^3.3.0",
     "framer-motion": "^11.15.0",
     "geist": "^1.5.1",
     "lucide-react": "^0.456.0",
@@ -41,6 +42,7 @@
     "zustand": "^5.0.1"
   },
   "devDependencies": {
+    "@types/dompurify": "^3.2.0",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",