Preview mentions (#5571)

Co-authored-by: Tom Moor <tom.moor@gmail.com>

server/presenters/unfurls/common.ts

@@ -0,0 +1,103 @@
+import { differenceInMinutes, formatDistanceToNowStrict } from "date-fns";
+import { t } from "i18next";
+import { head, orderBy } from "lodash";
+import { dateLocale } from "@shared/utils/date";
+import { Document, User } from "@server/models";
+import { opts } from "@server/utils/i18n";
+
+export const presentLastOnlineInfoFor = (user: User) => {
+  const locale = dateLocale(user.language);
+
+  let info: string;
+  if (!user.lastActiveAt) {
+    info = t("Never logged in", { ...opts(user) });
+  } else if (differenceInMinutes(new Date(), user.lastActiveAt) < 5) {
+    info = t("Online now", { ...opts(user) });
+  } else {
+    info = t("Online {{ timeAgo }}", {
+      timeAgo: formatDistanceToNowStrict(user.lastActiveAt, {
+        addSuffix: true,
+        locale,
+      }),
+      ...opts(user),
+    });
+  }
+
+  return info;
+};
+
+export const presentLastViewedInfoFor = (user: User, document: Document) => {
+  const lastView = head(orderBy(document.views, ["updatedAt"], ["desc"]));
+  const lastViewedAt = lastView ? lastView.updatedAt : undefined;
+  const locale = dateLocale(user.language);
+
+  let info: string;
+  if (!lastViewedAt) {
+    info = t("Never viewed", { ...opts(user) });
+  } else if (differenceInMinutes(new Date(), lastViewedAt) < 5) {
+    info = t("Viewed just now", { ...opts(user) });
+  } else {
+    info = t("Viewed {{ timeAgo }}", {
+      timeAgo: formatDistanceToNowStrict(lastViewedAt, {
+        addSuffix: true,
+        locale,
+      }),
+      ...opts(user),
+    });
+  }
+
+  return info;
+};
+
+export const presentLastActivityInfoFor = (
+  document: Document,
+  viewer: User
+) => {
+  const locale = dateLocale(viewer.language);
+  const wasUpdated = document.createdAt !== document.updatedAt;
+
+  let info: string;
+  if (wasUpdated) {
+    const lastUpdatedByViewer = document.updatedBy.id === viewer.id;
+    if (lastUpdatedByViewer) {
+      info = t("You updated {{ timeAgo }}", {
+        timeAgo: formatDistanceToNowStrict(document.updatedAt, {
+          addSuffix: true,
+          locale,
+        }),
+        ...opts(viewer),
+      });
+    } else {
+      info = t("{{ user }} updated {{ timeAgo }}", {
+        user: document.updatedBy.name,
+        timeAgo: formatDistanceToNowStrict(document.updatedAt, {
+          addSuffix: true,
+          locale,
+        }),
+        ...opts(viewer),
+      });
+    }
+  } else {
+    const lastCreatedByViewer = document.createdById === viewer.id;
+    if (lastCreatedByViewer) {
+      info = t("You created {{ timeAgo }}", {
+        timeAgo: formatDistanceToNowStrict(document.createdAt, {
+          addSuffix: true,
+          locale,
+        }),
+        ...opts(viewer),
+      });
+    } else {
+      info = t("{{ user }} created {{ timeAgo }}", {
+        user: document.createdBy.name,
+        timeAgo: formatDistanceToNowStrict(document.createdAt, {
+          addSuffix: true,
+          locale,
+        }),
+        ...opts(viewer),
+      });
+    }
+  }
+
+  return info;
+};

server/presenters/unfurls/document.ts

@@ -0,0 +1,21 @@
+import { Unfurl, UnfurlType } from "@shared/types";
+import { User, Document } from "@server/models";
+import { presentLastActivityInfoFor } from "./common";
+
+function presentDocument(
+  document: Document,
+  viewer: User
+): Unfurl<UnfurlType.Document> {
+  return {
+    url: document.url,
+    type: UnfurlType.Document,
+    title: document.titleWithDefault,
+    description: presentLastActivityInfoFor(document, viewer),
+    meta: {
+      id: document.id,
+      summary: document.getSummary(),
+    },
+  };
+}
+
+export default presentDocument;

server/presenters/unfurls/index.ts

@@ -0,0 +1,4 @@
+import presentDocument from "./document";
+import presentMention from "./mention";
+
+export { presentDocument, presentMention };

server/presenters/unfurls/mention.ts

@@ -0,0 +1,23 @@
+import { Unfurl, UnfurlType } from "@shared/types";
+import { Document, User } from "@server/models";
+import { presentLastOnlineInfoFor, presentLastViewedInfoFor } from "./common";
+
+function presentMention(
+  user: User,
+  document: Document
+): Unfurl<UnfurlType.Mention> {
+  return {
+    type: UnfurlType.Mention,
+    title: user.name,
+    description: `${presentLastOnlineInfoFor(
+      user
+    )} • ${presentLastViewedInfoFor(user, document)}`,
+    thumbnailUrl: user.avatarUrl,
+    meta: {
+      id: user.id,
+      color: user.color,
+    },
+  };
+}
+
+export default presentMention;