feat: Added pretty descriptions to treeview (#759)

Author: Yanpas

package-lock.json

@@ -47,6 +47,7 @@
     "watch:css": "npm run build:css -- -w"
   },
   "dependencies": {
+    "date-fns": "^2.8.1",
     "minimatch": "^3.0.4",
     "original-fs": "^1.0.0",
     "semver": "^6.0.0",

package.json

@@ -1,4 +1,5 @@
 import { createHash } from "crypto";
+import { formatDistanceToNow } from "date-fns";
 import * as path from "path";
 import {
   commands,
@@ -219,12 +220,18 @@ export function getCommitIcon(
   return gravatar;
 }
 
+export function getCommitDescription(commit: ISvnLogEntry): string {
+  const relativeDate = formatDistanceToNow(Date.parse(commit.date), {
+    addSuffix: true
+  });
+  return `r${commit.revision}, ${relativeDate} by ${commit.author}`;
+}
+
 export function getCommitLabel(commit: ISvnLogEntry): string {
-  let commitMsg = "<blank>";
-  if (commit.msg) {
-    commitMsg = commit.msg.split(/\r?\n/, 1)[0];
+  if (!commit.msg) {
+    return "<blank>";
   }
-  return `${commitMsg} • r${commit.revision}`;
+  return commit.msg.split(/\r?\n/, 1)[0];
 }
 
 export function getCommitToolTip(commit: ISvnLogEntry): string {

src/historyView/common.ts

@@ -29,7 +29,8 @@ import {
   LogTreeItemKind,
   openDiff,
   openFileRemote,
-  transform
+  transform,
+  getCommitDescription
 } from "./common";
 
 export class ItemLogProvider
@@ -156,6 +157,7 @@ export class ItemLogProvider
     if (element.kind === LogTreeItemKind.Commit) {
       const commit = element.data as ISvnLogEntry;
       ti = new TreeItem(getCommitLabel(commit), TreeItemCollapsibleState.None);
+      ti.description = getCommitDescription(commit);
       ti.iconPath = getCommitIcon(commit.author);
       ti.tooltip = getCommitToolTip(commit);
       ti.contextValue = "diffable";
@@ -182,6 +184,7 @@ export class ItemLogProvider
       const fname = path.basename(this.currentItem.svnTarget.fsPath);
       const ti = new TreeItem(fname, TreeItemCollapsibleState.Expanded);
       ti.tooltip = path.dirname(this.currentItem.svnTarget.fsPath);
+      ti.description = path.dirname(this.currentItem.svnTarget.fsPath);
       ti.iconPath = getIconObject("icon-history");
       const item = {
         kind: LogTreeItemKind.TItem,

src/historyView/itemLogProvider.ts

@@ -37,7 +37,8 @@ import {
   openDiff,
   openFileRemote,
   SvnPath,
-  transform
+  transform,
+  getCommitDescription
 } from "./common";
 
 function getActionIcon(action: string) {
@@ -377,6 +378,7 @@ export class RepoLogProvider
         getCommitLabel(commit),
         TreeItemCollapsibleState.Collapsed
       );
+      ti.description = getCommitDescription(commit);
       ti.tooltip = getCommitToolTip(commit);
       ti.iconPath = getCommitIcon(commit.author);
       ti.contextValue = "commit";
@@ -385,6 +387,7 @@ export class RepoLogProvider
       const pathElem = element.data as ISvnLogEntryPath;
       const basename = path.basename(pathElem._);
       ti = new TreeItem(basename, TreeItemCollapsibleState.None);
+      ti.description = path.dirname(pathElem._);
       const cached = this.getCached(element);
       const nm = cached.repo.getPathNormalizer();
       ti.tooltip = nm.parse(pathElem._).relativeFromBranch;