From 49a08cd5768fd860f4fb20c83d1a7d571b18e6f4 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Sat, 24 Jun 2023 17:32:53 +0200
Subject: [PATCH] Using time distance for content updated on stats page.

---
 assets/components/stats/stats.vue |  6 +++-
 package-lock.json                 | 52 ++++++++++++++++++++++---------
 package.json                      |  1 +
 3 files changed, 44 insertions(+), 15 deletions(-)

diff --git a/assets/components/stats/stats.vue b/assets/components/stats/stats.vue
index 4cde7ab3..8f4ba348 100755
--- a/assets/components/stats/stats.vue
+++ b/assets/components/stats/stats.vue
@@ -14,7 +14,10 @@
 				<dl class="stat-table">
 					<div class="stat-row">
 						<dt class="stat-label">Content updated</dt>
-						<dd class="stat-value">{{ formatDate(lastScrape, 'YYYY-MM-DD HH:mm') }}</dd>
+						<dd
+							class="stat-value"
+							:title="format(lastScrape, 'yyyy-MM-dd HH:mm')"
+						>{{ formatDistance(lastScrape, new Date(), { includeSeconds: true }) }} ago</dd>
 					</div>
 				</dl>
 
@@ -56,6 +59,7 @@
 <script setup>
 import { ref, onMounted } from 'vue';
 import { useStore } from 'vuex';
+import { format, formatDistance } from 'date-fns';
 
 import Ellipsis from '../loading/ellipsis.vue';
 
diff --git a/package-lock.json b/package-lock.json
index f25e86ec..9e9dd8bd 100755
--- a/package-lock.json
+++ b/package-lock.json
@@ -32,6 +32,7 @@
                 "convert": "^4.2.4",
                 "cookie": "^0.4.0",
                 "csv-stringify": "^5.3.6",
+                "date-fns": "^2.30.0",
                 "dayjs": "^1.8.21",
                 "dompurify": "^2.0.11",
                 "ejs": "^3.0.1",
@@ -2831,11 +2832,11 @@
             }
         },
         "node_modules/@babel/runtime": {
-            "version": "7.20.1",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.1.tgz",
-            "integrity": "sha512-mrzLkl6U9YLF8qpqI7TB82PESyEGjm/0Ly91jG575eVxMMlb8fYfOXFZIJ8XfLrJZQbm7dlKry2bJmXBUEkdFg==",
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.5.tgz",
+            "integrity": "sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==",
             "dependencies": {
-                "regenerator-runtime": "^0.13.10"
+                "regenerator-runtime": "^0.13.11"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -6323,6 +6324,21 @@
                 "node": ">=12"
             }
         },
+        "node_modules/date-fns": {
+            "version": "2.30.0",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+            "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+            "dependencies": {
+                "@babel/runtime": "^7.21.0"
+            },
+            "engines": {
+                "node": ">=0.11"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/date-fns"
+            }
+        },
         "node_modules/dayjs": {
             "version": "1.10.7",
             "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.7.tgz",
@@ -14779,9 +14795,9 @@
             }
         },
         "node_modules/regenerator-runtime": {
-            "version": "0.13.10",
-            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.10.tgz",
-            "integrity": "sha512-KepLsg4dU12hryUO7bp/axHAKvwGOCV0sGloQtpagJ12ai+ojVDqkeGSiRX1zlq+kjIMZ1t7gpze+26QqtdGqw=="
+            "version": "0.13.11",
+            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+            "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
         },
         "node_modules/regenerator-transform": {
             "version": "0.14.5",
@@ -21125,11 +21141,11 @@
             }
         },
         "@babel/runtime": {
-            "version": "7.20.1",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.1.tgz",
-            "integrity": "sha512-mrzLkl6U9YLF8qpqI7TB82PESyEGjm/0Ly91jG575eVxMMlb8fYfOXFZIJ8XfLrJZQbm7dlKry2bJmXBUEkdFg==",
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.5.tgz",
+            "integrity": "sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==",
             "requires": {
-                "regenerator-runtime": "^0.13.10"
+                "regenerator-runtime": "^0.13.11"
             }
         },
         "@babel/runtime-corejs3": {
@@ -23901,6 +23917,14 @@
                 "whatwg-url": "^10.0.0"
             }
         },
+        "date-fns": {
+            "version": "2.30.0",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+            "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+            "requires": {
+                "@babel/runtime": "^7.21.0"
+            }
+        },
         "dayjs": {
             "version": "1.10.7",
             "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.7.tgz",
@@ -30225,9 +30249,9 @@
             }
         },
         "regenerator-runtime": {
-            "version": "0.13.10",
-            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.10.tgz",
-            "integrity": "sha512-KepLsg4dU12hryUO7bp/axHAKvwGOCV0sGloQtpagJ12ai+ojVDqkeGSiRX1zlq+kjIMZ1t7gpze+26QqtdGqw=="
+            "version": "0.13.11",
+            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+            "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
         },
         "regenerator-transform": {
             "version": "0.14.5",
diff --git a/package.json b/package.json
index bb7ca625..78801fe0 100755
--- a/package.json
+++ b/package.json
@@ -91,6 +91,7 @@
         "convert": "^4.2.4",
         "cookie": "^0.4.0",
         "csv-stringify": "^5.3.6",
+        "date-fns": "^2.30.0",
         "dayjs": "^1.8.21",
         "dompurify": "^2.0.11",
         "ejs": "^3.0.1",