mojmajstor/convex/chats.ts
echo 723cf7e8e3 feat: Phase 5 - in-app chat with real-time messages
- Chat list: auth-gated, shows all conversations for current user
  with other participant's avatar/name, last message preview,
  and relative time in Macedonian (пред X мин/ч/д)
- Chat conversation: FlatList with inverted scroll, message bubbles
  aligned left (other) and right (self), colored backgrounds,
  timestamps, KeyboardAvoidingView send bar
- Chat mutations: getOrCreate finds or creates a 1:1 chat,
  send creates message and updates lastMessageAt
- Message queries: listByChat with participant auth check
- Wired ad detail 'Започни разговор' button to create/open chat
- ChatListItem component with avatar, preview, time, link to detail

All UI text in Macedonian. TypeScript clean, Convex functions deployed.
2026-05-29 18:38:16 +02:00

121 lines
3.4 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { query, mutation } from "./_generated/server";
import { v } from "convex/values";
export const listByUser = query({
args: { token: v.string() },
handler: async (ctx, args) => {
const session = await ctx.db
.query("sessions")
.withIndex("by_token", (q) => q.eq("token", args.token))
.first();
if (!session) return [];
const allChats = await ctx.db.query("chats").order("desc").collect();
const userChats = allChats.filter((chat) =>
chat.participantIds.includes(session.userId)
);
const enriched = await Promise.all(
userChats.map(async (chat) => {
const otherId = chat.participantIds.find(
(id) => id !== session.userId
)!;
const otherUser = await ctx.db.get(otherId);
const lastMessage = await ctx.db
.query("messages")
.withIndex("by_chat", (q) => q.eq("chatId", chat._id))
.order("desc")
.first();
return {
_id: chat._id,
otherUser: otherUser
? {
_id: otherUser._id,
name: otherUser.name,
avatarId: otherUser.avatarId ?? null,
}
: null,
lastMessage: lastMessage
? {
content: lastMessage.content,
createdAt: lastMessage.createdAt,
senderId: lastMessage.senderId,
}
: null,
lastMessageAt: chat.lastMessageAt,
};
})
);
return enriched.sort((a, b) => b.lastMessageAt - a.lastMessageAt);
},
});
export const getOrCreate = mutation({
args: {
token: v.string(),
partnerId: v.id("users"),
},
handler: async (ctx, args) => {
const session = await ctx.db
.query("sessions")
.withIndex("by_token", (q) => q.eq("token", args.token))
.first();
if (!session) throw new Error("Неавторизиран");
const allChats = await ctx.db.query("chats").collect();
const existing = allChats.find(
(c) =>
c.participantIds.includes(session.userId) &&
c.participantIds.includes(args.partnerId) &&
c.participantIds.length === 2
);
if (existing) return existing._id;
const chatId = await ctx.db.insert("chats", {
participantIds: [session.userId, args.partnerId],
lastMessageAt: Date.now(),
createdBy: session.userId,
});
return chatId;
},
});
export const getById = query({
args: { token: v.string(), chatId: v.id("chats") },
handler: async (ctx, args) => {
const session = await ctx.db
.query("sessions")
.withIndex("by_token", (q) => q.eq("token", args.token))
.first();
if (!session) throw new Error("Неавторизиран");
const chat = await ctx.db.get(args.chatId);
if (!chat) throw new Error("Разговорот не е пронајден");
if (!chat.participantIds.includes(session.userId)) {
throw new Error("Немате пристап до овој разговор");
}
const otherId = chat.participantIds.find(
(id) => id !== session.userId
)!;
const otherUser = await ctx.db.get(otherId);
return {
_id: chat._id,
participantIds: chat.participantIds,
otherUser: otherUser
? {
_id: otherUser._id,
name: otherUser.name,
avatarId: otherUser.avatarId ?? null,
}
: null,
lastMessageAt: chat.lastMessageAt,
};
},
});