feat: Implement comments, notifications, and custom emojis with new API routes, UI components, and database migrations.

src/inc/routes/notifications.mjs

@@ -0,0 +1,67 @@
+import db from "../sql.mjs";
+
+export default (router, tpl) => {
+
+    // Get unread notifications
+    router.get('/api/notifications', async (req, res) => {
+        if (!req.session) return res.reply({ code: 401, body: JSON.stringify({ success: false }) });
+
+        try {
+            const notifications = await db`
+                SELECT n.id, n.type, n.item_id, n.comment_id, n.reference_id, n.created_at, n.is_read,
+                       u.user as from_user, u.id as from_user_id
+                FROM notifications n
+                -- Join on reference_id (which is comment_id) or comment_id. 
+                -- Since we just set both, let's join on comment_id if present, fallback to reference_id?
+                -- The join was: JOIN comments c ON n.comment_id = c.id
+                -- If comment_id was null before my fix, this join would fail for old notifs.
+                -- Let's assume we use reference_id as the ID for now.
+                JOIN comments c ON (n.comment_id = c.id OR n.reference_id = c.id)
+                JOIN "user" u ON c.user_id = u.id
+                WHERE n.user_id = ${req.session.id} AND n.is_read = false
+                ORDER BY n.created_at DESC
+                LIMIT 20
+            `;
+
+            return res.reply({
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ success: true, notifications })
+            });
+        } catch (err) {
+            console.error(err);
+            return res.reply({ code: 500, body: JSON.stringify({ success: false }) });
+        }
+    });
+
+    // Mark all as read
+    router.post('/api/notifications/read', async (req, res) => {
+        if (!req.session) return res.reply({ code: 401, body: JSON.stringify({ success: false }) });
+
+        try {
+            await db`UPDATE notifications SET is_read = true WHERE user_id = ${req.session.id}`;
+            return res.reply({
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ success: true })
+            });
+        } catch (err) {
+            return res.reply({ code: 500, body: JSON.stringify({ success: false }) });
+        }
+    });
+
+    // Mark single as read (optional, for clicking)
+    router.post(/\/api\/notifications\/(?<id>\d+)\/read/, async (req, res) => {
+        if (!req.session) return res.reply({ code: 401, body: JSON.stringify({ success: false }) });
+        const id = req.params.id;
+        try {
+            await db`UPDATE notifications SET is_read = true WHERE id = ${id} AND user_id = ${req.session.id}`;
+            return res.reply({
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ success: true })
+            });
+        } catch (err) {
+            return res.reply({ code: 500, body: JSON.stringify({ success: false }) });
+        }
+    });
+
+    return router;
+};