Merge pull request os-checker#121 from os-checker/feat/info-time

feat: info 页面 增加 Last Commit Time, Last Release Time 和 Last Realease Tarball Size 三列

Author: zjp-CN

os-checks/pages/info.vue

@@ -21,8 +21,8 @@
             <MultiSelect v-model="selected.kinds" display="chip" :options="kinds" filter :maxSelectedLabels="4"
               placeholder="Select Crate Kinds" />
 
-            <MultiSelect v-model="selected.columns" display="chip" :options="columns" :optionLabel="o => C.option(o)" filter 
-              :maxSelectedLabels="4" placeholder="Select Columns" />
+            <MultiSelect v-model="selected.columns" display="chip" :options="columns" :optionLabel="o => C.option(o)"
+              filter :maxSelectedLabels="4" placeholder="Select Columns" />
           </div>
 
           <div>
@@ -48,6 +48,9 @@
 
       <Column frozen sortable field="pkg" header="Package" style="min-width: 200px;" />
 
+      <Column v-if="C.display('last_commit_time')" sortable field="last_commit_time"
+        :header="C.name('last_commit_time')" style="text-align: center;" />
+
       <Column v-if="C.display('version')" sortable field="version" :header="C.name('version')"
         style="text-align: center;" />
 
@@ -60,6 +63,12 @@
         </template>
       </Column>
 
+      <Column v-if="C.display('last_release_time')" sortable field="last_release_time"
+        :header="C.name('last_release_time')" style="text-align: center; min-width: 120px;" />
+
+      <Column v-if="C.display('last_release_size')" sortable field="last_release_size"
+        :header="C.name('last_release_size')" style="text-align: center" />
+
       <Column v-if="C.display('diag_total_count')" sortable field="diag_total_count"
         :header="C.name('diag_total_count')" style="text-align: center;">
         <template #body="{ data }">
@@ -229,6 +238,7 @@
 <script setup lang="ts">
 import type { Pkg, PkgInfo, Test } from '~/shared/info';
 import { unique_field, unique_field_bool, InfoCols } from '~/shared/info';
+import { formatBytes } from '~/shared/columns-select';
 import { FilterMatchMode } from '@primevue/core/api';
 import type { DataTableSortMeta } from 'primevue/datatable';
 
@@ -269,8 +279,11 @@ const summaryTable = computed<SummaryTable[]>(() => {
         user: val.user,
         repo: val.repo,
         pkg: name,
+        last_commit_time: fmtDateTime(pkg.last_commit_time),
         version: pkg.version,
         release_count: pkg.release_count,
+        last_release_time: fmtDateTime(pkg.last_release_time),
+        last_release_size:  pkg.last_release_size ? formatBytes(pkg.last_release_size): null,
         diag_total_count: pkg.diag_total_count,
         testcases: pkg.testcases?.pkg_tests_count ?? null,
         testcases_color,
@@ -325,7 +338,8 @@ type SummaryTable = {
   tests: number | null; examples: number | null; benches: number | null; keywords: string[] | null;
   authors: string[] | null; description: string; categories: string[] | null;
   documentation: string | null; readme: string | null; homepage: string | null; latest_doc: string | null;
-  diag_total_count: number | null; release_count: number | null;
+  diag_total_count: number | null; last_commit_time: string; release_count: number | null;
+  last_release_size: string | null; last_release_time: string;
 };
 const data = ref<SummaryTable[]>([]);
 watch(summaryTable, (val) => data.value = val);

os-checks/pages/repos.vue

@@ -117,7 +117,8 @@
 <script setup lang="ts">
 import { FilterMatchMode } from '@primevue/core/api';
 import type { DataTableSortMeta } from 'primevue/datatable';
-import { formatBytes, RepoCols } from '~/shared/repos';
+import { RepoCols } from '~/shared/repos';
+import { formatBytes } from '~/shared/columns-select';
 import type { Output, Repo } from '~/shared/repos';
 
 useHead({ title: 'Repositories Information' });

os-checks/shared/columns-select.ts

@@ -73,3 +73,15 @@ export class Cols {
   }
 }
 
+export function formatBytes(bytes: number, decimals = 0) {
+  if (bytes === 0) { return '0 B'; }
+
+  const k = 1024; // 1KB = 1024 bytes
+  const dm = decimals < 0 ? 0 : decimals; // 小数位数
+  const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+}
+

os-checks/shared/info.ts

@@ -22,9 +22,11 @@ export type Pkg = {
   homepage: string | null,
   keywords: string[],
   categories: string[]
-  os_categories: string[],
   diag_total_count: number | null,
+  last_commit_time: string,
   release_count: number | null,
+  last_release_size: number | null,
+  last_release_time: string | null,
 }
 
 export type TestCases = {
@@ -64,12 +66,16 @@ export function unique_field_bool(summaries: PkgInfo[], cb: (_: Pkg) => boolean)
 // *************** Control which columns are displayed ***************
 
 const defaultColumns = [
-  "version", "release_count", "diag_total_count", "testcases", "documentation", "description"
+  "last_commit_time", "version", "release_count", "diag_total_count", "testcases",
+  "documentation", "description"
 ];
 
 const columns: { [key: string]: Col } = {
+  last_commit_time: { display: false, name: "Last Commit", option: "Last Commit Time" },
   version: { display: false, name: "Version", option: "Version" },
   release_count: { display: false, name: "crates.io Releases", option: "crates.io Releases" },
+  last_release_time: { display: false, name: "Last Release", option: "Last Release Time" },
+  last_release_size: { display: false, name: "Release Size", option: "Last Release Size" },
   diag_total_count: { display: false, name: "Diag-nostics", option: "Diagnostics" },
   testcases: { display: false, name: "Test Cases", option: "Test Cases" },
 

os-checks/shared/repos.ts

@@ -71,18 +71,6 @@ export type Output = {
   contributors: Contributor[],
 }
 
-export function formatBytes(bytes: number, decimals = 0) {
-  if (bytes === 0) { return '0 B'; }
-
-  const k = 1024; // 1KB = 1024 bytes
-  const dm = decimals < 0 ? 0 : decimals; // 小数位数
-  const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
-}
-
 export type Repo = {
   idx: number,
   user: string,

os-checks/utils/fmt-date-time.ts

@@ -1,6 +1,6 @@
 
 export default function (utc: string | null) {
-  if (!utc) { return "null"; }
+  if (!utc) { return ""; }
 
   const date = new Date(utc);
   const year = date.getFullYear();