feat: Comments (#4911)

* Comment model

* Framework, model, policy, presenter, api endpoint etc

* Iteration, first pass of UI

* fixes, refactors

* Comment commands

* comment socket support

* typing indicators

* comment component, styling

* wip

* right sidebar resize

* fix: CMD+Enter submit

* Add usePersistedState
fix: Main page scrolling on comment highlight

* drafts

* Typing indicator

* refactor

* policies

* Click thread to highlight
Improve comment timestamps

* padding

* Comment menu v1

* Change comments to use editor

* Basic comment editing

* fix: Hide commenting button when disabled at team level

* Enable opening sidebar without mark

* Move selected comment to location state

* Add comment delete confirmation

* Add comment count to document meta

* fix: Comment sidebar togglable
Add copy link to comment

* stash

* Restore History changes

* Refactor right sidebar to allow for comment animation

* Update to new router best practices

* stash

* Various improvements

* stash

* Handle click outside

* Fix incorrect placeholder in input
fix: Input box appearing on other sessions erroneously

* stash

* fix: Don't leave orphaned child comments

* styling

* stash

* Enable comment toggling again

* Edit styling, merge conflicts

* fix: Cannot navigate from insights to comments

* Remove draft comment mark on click outside

* Fix: Empty comment sidebar, tsc

* Remove public toggle

* fix: All comments are recessed
fix: Comments should not be printed

* fix: Associated mark should be removed on comment delete

* Revert unused changes

* Empty state, basic RTL support

* Create dont toggle comment mark

* Make it feel more snappy

* Highlight active comment in text

* fix animation

* RTL support

* Add reply CTA

* Translations

server/commands/commentDestroyer.ts

@@ -0,0 +1,50 @@
+import { Transaction } from "sequelize";
+import { Event, Comment, User } from "@server/models";
+
+type Props = {
+  /** The user destroying the comment */
+  user: User;
+  /** The comment to destroy */
+  comment: Comment;
+  /** The IP address of the user */
+  ip: string;
+  transaction?: Transaction;
+};
+
+/**
+ * This command destroys a document comment. This just removes the comment itself and
+ * does not touch the document
+ *
+ * @param Props The properties of the comment to destroy
+ * @returns void
+ */
+export default async function commentDestroyer({
+  user,
+  comment,
+  ip,
+  transaction,
+}: Props): Promise<Comment> {
+  await comment.destroy({ transaction });
+
+  // Also destroy any child comments
+  const childComments = await Comment.findAll({
+    where: { parentCommentId: comment.id },
+    transaction,
+  });
+  await Promise.all(
+    childComments.map((childComment) => childComment.destroy({ transaction }))
+  );
+
+  await Event.create(
+    {
+      name: "comments.delete",
+      modelId: comment.id,
+      teamId: user.teamId,
+      actorId: user.id,
+      documentId: comment.documentId,
+      ip,
+    },
+    { transaction }
+  );
+  return comment;
+}