fix(client): add fetch time to result row

Fixes #211
harlan-zw · Apr 24, 2024 · 9c5de2c · 9c5de2c
1 parent 5524701
commit 9c5de2c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/packages/client/components/Cell/CellRouteName.vue b/packages/client/components/Cell/CellRouteName.vue
@@ -26,6 +26,15 @@ watch(isModalOpen, () => {
 function openEditorRequest() {
   fetch(`${apiUrl}/__launch?file=${props.report.route.definition.component}`)
 }
+
+const fetchTime = computed(() => {
+  // use Intl to format the date
+  const date = new Date(props.report.report.fetchTime)
+  return new Intl.DateTimeFormat('en-US', {
+    dateStyle: 'medium',
+    timeStyle: 'short',
+  }).format(date)
+})
 </script>
 
 <template>
@@ -53,6 +62,9 @@ function openEditorRequest() {
           Redirected
         </div>
       </div>
+      <div class="opacity-60 mt-2">
+        {{ fetchTime }}
+      </div>
     </div>
   </div>
   <teleport v-if="isModalOpen && showingModal" to="#modal-portal">

diff --git a/packages/core/src/puppeteer/tasks/lighthouse.ts b/packages/core/src/puppeteer/tasks/lighthouse.ts
@@ -59,6 +59,7 @@ export function normaliseLighthouseResult(route: UnlighthouseRouteReport, result
       }
     }),
     ...pick(result, [
+      'fetchTime',
       'audits.redirects',
       // core web vitals
       'audits.layout-shift-elements',