Calculate time-since on the client

Such that it is accurate for cached pages.
Fixes r-universe-org/help#557

Author: jeroen

routes/cache.js

@@ -37,7 +37,7 @@ export default function(req, res, next){
     res.set('Cache-Control', `public, max-age=${max_age}, stale-while-revalidate=${cdn_cache}`);
 
     if(doc){
-      const revision = 16; // bump to invalidate all caches
+      const revision = 19; // bump to invalidate all caches
       const etag = `W/"${doc._id}${revision}"`;
       const date = new Date(doc._published.getTime() + revision * 1000).toUTCString();
       res.set('ETag', etag);

views/builds.pug

@@ -65,7 +65,8 @@ block content
 
                 if !all_ok(row)
                   a.text-decoration-none.retry-button.mx-3.fa.fa-sync-alt.d-none.d-xl-inline(href=build_url(row) data-retry-url=retry_url(row), data-pkgver=`${row.Package} ${row._failure ? row._failure.version : row.Version}`)
-              td.text-nowrap.d-none.d-xl-table-cell.text-secondary #{format_time_since(row._failure ? row._failure.date : row._created)}
+              td.text-nowrap.d-none.d-xl-table-cell.text-secondary
+                span.package-show-difftime(data-timestamp=`${(row._failure ? row._failure.date : row._created).toISOString()}`)
 
 block after_scripts
   script(src='https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js')

views/packages.pug

@@ -18,7 +18,8 @@ block content
                   small.text-secondary  - #{x.Title}
                 p.card-text.fst-italic #{x.Description}
               p.card-text.pt-2
-                small.text-muted.description-last-updated Last updated #{format_time_since(x._commit.time)}
+                small.text-muted.description-last-updated Last updated
+                  span.ms-1.package-show-difftime(data-timestamp=`${new Date(x._commit.time * 1000).toISOString()}`)
                 if x._topics
                   p.card-text
                     each topic in x._topics

views/pkginfo.pug

@@ -233,7 +233,8 @@ block content
             |  #{_rundeps.length} dependencies
 
       p#status.mb2.text-secondary.small(data-title="Build and check status" data-intro="Latest commit and check results. Click to expand on check logs for this build.")
-          span.package-details-updated Last updated #{_lastupdate}
+          span.package-details-updated Last updated
+            span.ms-1.package-show-difftime(data-timestamp=`${new Date(_commit.time * 1000).toISOString()}`)
           |  from:
           a.ms-1.package-details-sha.link-underline-dark.text-primary-subtle.fw-bold(target='_blank' href=`${_upstream}/commit/${_commit.id}`) #{_commit.id.substring(0,10)}
           if RemoteRef && RemoteRef !== "HEAD" && !RemoteRef.match(/^[a-f0-9]{40}/i)

views/sidebar.js

@@ -248,11 +248,35 @@ function update_searchbox(){
   })
 }
 
+function pretty_time_diff(ts){
+  var date = new Date(ts);
+  var now = new Date();
+  var diff_time = now.getTime() - date.getTime();
+  var diff_hours = Math.round(diff_time / (1000 * 3600));
+  var diff_days = Math.round(diff_hours / 24);
+  if(diff_hours < 24){
+    return diff_hours + " hours ago"
+  } else if(diff_days < 31){
+    return diff_days + " days ago";
+  } else if (diff_days < 365){
+    return Math.round(diff_days / 30) + " months ago";
+  } else {
+    return Math.round(diff_days / 365) + " years ago";
+  }
+}
+
+function show_timestamps(){
+  $(".package-show-difftime[data-timestamp]").each(function() {
+    $(this).text(pretty_time_diff(this.dataset.timestamp));
+  });
+}
+
 /* Load sidebar and globals */
 $(function(){
   var isdev = window.location.hostname == 'localhost';
   window.server = isdev ? 'https://' + universe + '.r-universe.dev' : "";
   $(".nocran").toggle(universe != 'cran');
+  show_timestamps();
   load_registry_status();
   load_universe_stats();
   load_maintainer_list();