feat: Add initial Discord clone application with Convex backend services and Electron React frontend components.

convex/messages.ts

@@ -1,47 +1,36 @@
 import { query, mutation } from "./_generated/server";
+import { paginationOptsValidator } from "convex/server";
 import { v } from "convex/values";
 
-// List recent messages for a channel with reactions + username
 export const list = query({
   args: {
+    paginationOpts: paginationOptsValidator,
     channelId: v.id("channels"),
     userId: v.optional(v.id("userProfiles")),
   },
-  returns: v.array(v.any()),
+  returns: v.any(),
   handler: async (ctx, args) => {
-    const messages = await ctx.db
+    const result = await ctx.db
       .query("messages")
       .withIndex("by_channel", (q) => q.eq("channelId", args.channelId))
       .order("desc")
-      .take(50);
+      .paginate(args.paginationOpts);
 
-    // Reverse to get chronological order
-    const chronological = messages.reverse();
-
-    // Enrich with username, signing key, and reactions
-    const enriched = await Promise.all(
-      chronological.map(async (msg) => {
-        // Get sender info
+    const enrichedPage = await Promise.all(
+      result.page.map(async (msg) => {
         const sender = await ctx.db.get(msg.senderId);
 
-        // Get reactions for this message
         const reactionDocs = await ctx.db
           .query("messageReactions")
           .withIndex("by_message", (q) => q.eq("messageId", msg._id))
           .collect();
 
-        // Aggregate reactions
-        const reactions: Record<
-          string,
-          { count: number; me: boolean }
-        > = {};
+        const reactions: Record<string, { count: number; me: boolean }> = {};
         for (const r of reactionDocs) {
-          if (!reactions[r.emoji]) {
-            reactions[r.emoji] = { count: 0, me: false };
-          }
-          reactions[r.emoji].count++;
+          const entry = (reactions[r.emoji] ??= { count: 0, me: false });
+          entry.count++;
           if (args.userId && r.userId === args.userId) {
-            reactions[r.emoji].me = true;
+            entry.me = true;
           }
         }
 
@@ -56,17 +45,15 @@ export const list = query({
           created_at: new Date(msg._creationTime).toISOString(),
           username: sender?.username || "Unknown",
           public_signing_key: sender?.publicSigningKey || "",
-          reactions:
-            Object.keys(reactions).length > 0 ? reactions : null,
+          reactions: Object.keys(reactions).length > 0 ? reactions : null,
         };
       })
     );
 
-    return enriched;
+    return { ...result, page: enrichedPage };
   },
 });
 
-// Send encrypted message
 export const send = mutation({
   args: {
     channelId: v.id("channels"),
@@ -86,17 +73,14 @@ export const send = mutation({
       signature: args.signature,
       keyVersion: args.keyVersion,
     });
-
     return { id };
   },
 });
 
-// Delete a message
 export const remove = mutation({
   args: { id: v.id("messages") },
   returns: v.null(),
   handler: async (ctx, args) => {
-    // Delete reactions first
     const reactions = await ctx.db
       .query("messageReactions")
       .withIndex("by_message", (q) => q.eq("messageId", args.id))