implemented broken subsubsubcomment

Author: velopert

velog-backend/.eslintrc.js

@@ -17,6 +17,9 @@ module.exports = {
     "func-names": 0,
     "object-property-newline": 0,
     "no-unused-vars": 1,
+    "no-confusing-arrow": 0,
+    "no-continue": 0,
+    "no-await-in-loop": 0
   },
   "plugins": [
     "flowtype"

velog-backend/src/database/models/Comment.js

@@ -63,20 +63,43 @@ Comment.readComment = async function (commentId: string) {
   }
 };
 
+Comment.getChildrenOf = function (id) {
+  return Comment.findAll({
+    include: [{ model: User, attributes: ['username'] }],
+    where: {
+      reply_to: id,
+    },
+  });
+};
+
 Comment.listComments = async function (postId: string) {
   try {
     const data = await Comment.findAll({
       include: [{ model: User, attributes: ['username'] }],
       where: {
         fk_post_id: postId,
+        level: 0,
       },
       order: [
         ['created_at', 'DESC'],
       ],
       limit: 20,
     });
     if (!data) return [];
-    return data.map(this.serialize);
+    const comments = data.map(c => c.toJSON());
+    for (let i = 0; i < comments.length; i++) {
+      if (!comments[i].has_replies) continue;
+      const c2 = (await Comment.getChildrenOf(comments[i].id))
+        .map(c => c.toJSON());
+      comments[i].children = c2.map(c => c.toJSON());
+      for (let j = 0; j < c2.length; j++) {
+        if (c2[j].has_replies) continue;
+        const c3 = (await Comment.getChildrenOf(c2[j].id))
+          .map(c => c.toJSON());
+        c2[j].children = c3;
+      }
+    }
+    return comments;
   } catch (e) {
     throw e;
   }

velog-backend/src/router/posts/post/comments/comments.ctrl.js

@@ -31,7 +31,7 @@ export const writeComment: Middleware = async (ctx: Context) => {
   if (replyTo) {
     // check that it exists
     try {
-      const c = await Comment.findById(replyTo, { raw: true });
+      const c = await Comment.findById(replyTo);
       if (!c) {
         ctx.status = 404;
         ctx.body = {
@@ -46,6 +46,10 @@ export const writeComment: Middleware = async (ctx: Context) => {
         processedReplyTo = c.reply_to;
       }
       // TODO: update hasReply
+      c.has_reply = true;
+      await c.update({
+        has_replies: true,
+      });
     } catch (e) {
       ctx.throw(500, e);
     }

velog-frontend/package.json

@@ -114,7 +114,7 @@
     "eslint-plugin-import": "^2.8.0",
     "eslint-plugin-jsx-a11y": "^6.0.3",
     "eslint-plugin-react": "^7.5.1",
-    "flow-bin": "^0.61.0"
+    "flow-bin": "^0.67.1"
   },
   "proxy": "http://localhost:4000/"
 }

velog-frontend/yarn.lock

@@ -2676,9 +2676,9 @@ flatten@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
 
-flow-bin@^0.61.0:
-  version "0.61.0"
-  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.61.0.tgz#d0473a8c35dbbf4de573823f4932124397d32d35"
+flow-bin@^0.67.1:
+  version "0.67.1"
+  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.67.1.tgz#eabb7197cce870ac9442cfd04251c7ddc30377db"
 
 follow-redirects@^1.2.5:
   version "1.2.6"