show timeago time next time timestamps in directory listing (useful for snapshots)

Author: williamstein

src/packages/file-server/btrfs/snapshots.ts

@@ -5,13 +5,12 @@ import {
   type SnapshotCounts,
 } from "@cocalc/util/db-schema/projects";
 import getLogger from "@cocalc/backend/logger";
+import { isISODate } from "@cocalc/util/misc";
 
 export { type SnapshotCounts };
 
 const logger = getLogger("file-server:btrfs:snapshots");
 
-const DATE_REGEXP = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/;
-
 export async function updateRollingSnapshots({
   snapshots,
   counts,
@@ -32,9 +31,7 @@ export async function updateRollingSnapshots({
   });
 
   // get exactly the iso timestamp snapshot names:
-  const snapshotNames = (await snapshots.readdir()).filter((name) =>
-    DATE_REGEXP.test(name),
-  );
+  const snapshotNames = (await snapshots.readdir()).filter(isISODate);
   snapshotNames.sort();
   let needNewSnapshot = false;
   if (changed) {

src/packages/frontend/project/explorer/file-listing/file-row.tsx

@@ -27,6 +27,7 @@ import { PublicButton } from "./public-button";
 import { generate_click_for } from "./utils";
 import { type DirectoryListing } from "@cocalc/frontend/project/explorer/types";
 import { FILE_ITEM_OPENED_STYLE } from "@cocalc/frontend/project/page/flyouts/file-list-item";
+import { isISODate } from "@cocalc/util/misc";
 
 export const VIEWABLE_FILE_EXT: Readonly<string[]> = [
   "md",
@@ -134,6 +135,11 @@ export function FileRow({
             {linkTarget}{" "}
           </>
         )}
+        {isISODate(name) && (
+          <span style={{ marginLeft: "30px", color: "#666" }}>
+            (<TimeAgo date={name} />)
+          </span>
+        )}
       </a>
     );
   }

src/packages/util/misc.ts

@@ -340,7 +340,6 @@ export function isSha1(s: string): boolean {
   return s.length === 40 && !!s.match(SHA1_REGEXP);
 }
 
-
 // returns the number of keys of an object, e.g., {a:5, b:7, d:'hello'} --> 3
 export function len(obj: object | undefined | null): number {
   if (obj == null) {
@@ -2780,3 +2779,9 @@ export function k8sMemoryParser(input: string | number): number {
 
   return parseInt(input, 10);
 }
+
+export const DATE_REGEXP = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/;
+
+export function isISODate(s: string): boolean {
+  return DATE_REGEXP.test(s);
+}