- 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.
121 lines
3.4 KiB
TypeScript
121 lines
3.4 KiB
TypeScript
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,
|
||
};
|
||
},
|
||
}); |