feat: Implement core chat application UI, including chat, voice, members, DMs, and shared components.

convex/messages.js

@@ -0,0 +1,300 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.remove = exports.listPinned = exports.pin = exports.edit = exports.send = exports.list = void 0;
+var server_1 = require("./_generated/server");
+var server_2 = require("convex/server");
+var values_1 = require("convex/values");
+var storageUrl_1 = require("./storageUrl");
+var roles_1 = require("./roles");
+function enrichMessage(ctx, msg, userId) {
+    return __awaiter(this, void 0, void 0, function () {
+        var sender, avatarUrl, reactionDocs, reactions, _i, reactionDocs_1, r, entry, replyToUsername, replyToContent, replyToNonce, replyToAvatarUrl, repliedMsg, repliedSender;
+        var _a;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, ctx.db.get(msg.senderId)];
+                case 1:
+                    sender = _c.sent();
+                    avatarUrl = null;
+                    if (!(sender === null || sender === void 0 ? void 0 : sender.avatarStorageId)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, (0, storageUrl_1.getPublicStorageUrl)(ctx, sender.avatarStorageId)];
+                case 2:
+                    avatarUrl = _c.sent();
+                    _c.label = 3;
+                case 3: return [4 /*yield*/, ctx.db
+                        .query("messageReactions")
+                        .withIndex("by_message", function (q) { return q.eq("messageId", msg._id); })
+                        .collect()];
+                case 4:
+                    reactionDocs = _c.sent();
+                    reactions = {};
+                    for (_i = 0, reactionDocs_1 = reactionDocs; _i < reactionDocs_1.length; _i++) {
+                        r = reactionDocs_1[_i];
+                        entry = ((_a = reactions[_b = r.emoji]) !== null && _a !== void 0 ? _a : (reactions[_b] = { count: 0, me: false }));
+                        entry.count++;
+                        if (userId && r.userId === userId) {
+                            entry.me = true;
+                        }
+                    }
+                    replyToUsername = null;
+                    replyToContent = null;
+                    replyToNonce = null;
+                    replyToAvatarUrl = null;
+                    if (!msg.replyTo) return [3 /*break*/, 8];
+                    return [4 /*yield*/, ctx.db.get(msg.replyTo)];
+                case 5:
+                    repliedMsg = _c.sent();
+                    if (!repliedMsg) return [3 /*break*/, 8];
+                    return [4 /*yield*/, ctx.db.get(repliedMsg.senderId)];
+                case 6:
+                    repliedSender = _c.sent();
+                    replyToUsername = (repliedSender === null || repliedSender === void 0 ? void 0 : repliedSender.username) || "Unknown";
+                    replyToContent = repliedMsg.ciphertext;
+                    replyToNonce = repliedMsg.nonce;
+                    if (!(repliedSender === null || repliedSender === void 0 ? void 0 : repliedSender.avatarStorageId)) return [3 /*break*/, 8];
+                    return [4 /*yield*/, (0, storageUrl_1.getPublicStorageUrl)(ctx, repliedSender.avatarStorageId)];
+                case 7:
+                    replyToAvatarUrl = _c.sent();
+                    _c.label = 8;
+                case 8: return [2 /*return*/, {
+                        id: msg._id,
+                        channel_id: msg.channelId,
+                        sender_id: msg.senderId,
+                        ciphertext: msg.ciphertext,
+                        nonce: msg.nonce,
+                        signature: msg.signature,
+                        key_version: msg.keyVersion,
+                        created_at: new Date(msg._creationTime).toISOString(),
+                        username: (sender === null || sender === void 0 ? void 0 : sender.username) || "Unknown",
+                        public_signing_key: (sender === null || sender === void 0 ? void 0 : sender.publicSigningKey) || "",
+                        avatarUrl: avatarUrl,
+                        reactions: Object.keys(reactions).length > 0 ? reactions : null,
+                        replyToId: msg.replyTo || null,
+                        replyToUsername: replyToUsername,
+                        replyToContent: replyToContent,
+                        replyToNonce: replyToNonce,
+                        replyToAvatarUrl: replyToAvatarUrl,
+                        editedAt: msg.editedAt || null,
+                        pinned: msg.pinned || false,
+                    }];
+            }
+        });
+    });
+}
+exports.list = (0, server_1.query)({
+    args: {
+        paginationOpts: server_2.paginationOptsValidator,
+        channelId: values_1.v.id("channels"),
+        userId: values_1.v.optional(values_1.v.id("userProfiles")),
+    },
+    returns: values_1.v.any(),
+    handler: function (ctx, args) { return __awaiter(void 0, void 0, void 0, function () {
+        var result, enrichedPage;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, ctx.db
+                        .query("messages")
+                        .withIndex("by_channel", function (q) { return q.eq("channelId", args.channelId); })
+                        .order("desc")
+                        .paginate(args.paginationOpts)];
+                case 1:
+                    result = _a.sent();
+                    return [4 /*yield*/, Promise.all(result.page.map(function (msg) { return enrichMessage(ctx, msg, args.userId); }))];
+                case 2:
+                    enrichedPage = _a.sent();
+                    return [2 /*return*/, __assign(__assign({}, result), { page: enrichedPage })];
+            }
+        });
+    }); },
+});
+exports.send = (0, server_1.mutation)({
+    args: {
+        channelId: values_1.v.id("channels"),
+        senderId: values_1.v.id("userProfiles"),
+        ciphertext: values_1.v.string(),
+        nonce: values_1.v.string(),
+        signature: values_1.v.string(),
+        keyVersion: values_1.v.number(),
+        replyTo: values_1.v.optional(values_1.v.id("messages")),
+    },
+    returns: values_1.v.object({ id: values_1.v.id("messages") }),
+    handler: function (ctx, args) { return __awaiter(void 0, void 0, void 0, function () {
+        var id;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, ctx.db.insert("messages", {
+                        channelId: args.channelId,
+                        senderId: args.senderId,
+                        ciphertext: args.ciphertext,
+                        nonce: args.nonce,
+                        signature: args.signature,
+                        keyVersion: args.keyVersion,
+                        replyTo: args.replyTo,
+                    })];
+                case 1:
+                    id = _a.sent();
+                    return [2 /*return*/, { id: id }];
+            }
+        });
+    }); },
+});
+exports.edit = (0, server_1.mutation)({
+    args: {
+        id: values_1.v.id("messages"),
+        ciphertext: values_1.v.string(),
+        nonce: values_1.v.string(),
+        signature: values_1.v.string(),
+    },
+    returns: values_1.v.null(),
+    handler: function (ctx, args) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, ctx.db.patch(args.id, {
+                        ciphertext: args.ciphertext,
+                        nonce: args.nonce,
+                        signature: args.signature,
+                        editedAt: Date.now(),
+                    })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/, null];
+            }
+        });
+    }); },
+});
+exports.pin = (0, server_1.mutation)({
+    args: {
+        id: values_1.v.id("messages"),
+        pinned: values_1.v.boolean(),
+    },
+    returns: values_1.v.null(),
+    handler: function (ctx, args) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, ctx.db.patch(args.id, { pinned: args.pinned })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/, null];
+            }
+        });
+    }); },
+});
+exports.listPinned = (0, server_1.query)({
+    args: {
+        channelId: values_1.v.id("channels"),
+        userId: values_1.v.optional(values_1.v.id("userProfiles")),
+    },
+    returns: values_1.v.any(),
+    handler: function (ctx, args) { return __awaiter(void 0, void 0, void 0, function () {
+        var pinned;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, ctx.db
+                        .query("messages")
+                        .withIndex("by_channel_pinned", function (q) {
+                        return q.eq("channelId", args.channelId).eq("pinned", true);
+                    })
+                        .collect()];
+                case 1:
+                    pinned = _a.sent();
+                    return [2 /*return*/, Promise.all(pinned.map(function (msg) { return enrichMessage(ctx, msg, args.userId); }))];
+            }
+        });
+    }); },
+});
+exports.remove = (0, server_1.mutation)({
+    args: { id: values_1.v.id("messages"), userId: values_1.v.id("userProfiles") },
+    returns: values_1.v.null(),
+    handler: function (ctx, args) { return __awaiter(void 0, void 0, void 0, function () {
+        var message, isSender, roles, canManage, reactions, _i, reactions_1, r;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, ctx.db.get(args.id)];
+                case 1:
+                    message = _a.sent();
+                    if (!message)
+                        throw new Error("Message not found");
+                    isSender = message.senderId === args.userId;
+                    if (!!isSender) return [3 /*break*/, 3];
+                    return [4 /*yield*/, (0, roles_1.getRolesForUser)(ctx, args.userId)];
+                case 2:
+                    roles = _a.sent();
+                    canManage = roles.some(function (role) { var _a; return (_a = role.permissions) === null || _a === void 0 ? void 0 : _a.manage_messages; });
+                    if (!canManage) {
+                        throw new Error("Not authorized to delete this message");
+                    }
+                    _a.label = 3;
+                case 3: return [4 /*yield*/, ctx.db
+                        .query("messageReactions")
+                        .withIndex("by_message", function (q) { return q.eq("messageId", args.id); })
+                        .collect()];
+                case 4:
+                    reactions = _a.sent();
+                    _i = 0, reactions_1 = reactions;
+                    _a.label = 5;
+                case 5:
+                    if (!(_i < reactions_1.length)) return [3 /*break*/, 8];
+                    r = reactions_1[_i];
+                    return [4 /*yield*/, ctx.db.delete(r._id)];
+                case 6:
+                    _a.sent();
+                    _a.label = 7;
+                case 7:
+                    _i++;
+                    return [3 /*break*/, 5];
+                case 8: return [4 /*yield*/, ctx.db.delete(args.id)];
+                case 9:
+                    _a.sent();
+                    return [2 /*return*/, null];
+            }
+        });
+    }); },
+});