Merge pull request #2357 from Kobzol/fix-cyclic-dep

Fix cyclic dependency in frontend

Author: Kobzol

site/frontend/src/pages/compare/prefs.ts

@@ -1,5 +1,5 @@
 import {createStoredValue} from "../../storage";
-import {DATE_FMT_24HR} from "../../utils/formatting";
+import {DATE_FMT_24HR} from "../../utils/date-formats";
 
 export const PREF_FILTERS_OPENED = createStoredValue(
   "compare.filters-opened",

site/frontend/src/pages/status/date-format-selection.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {DATE_FMT_12HR} from "../../utils/formatting";
+import {DATE_FMT_12HR} from "../../utils/date-formats";
 
 const props = defineProps<{
   dateFmt: string;

site/frontend/src/pages/status/page.vue

@@ -9,8 +9,6 @@ import {
   formatISODate,
   formatSecondsAsDuration,
   parseDateIsoStringOrNull,
-  DATE_FMT_12HR,
-  DATE_FMT_24HR,
   preferredDateTimeFormat,
 } from "../../utils/formatting";
 import {useExpandedStore} from "../../utils/expansion";
@@ -24,6 +22,7 @@ import {
 import Collector from "./collector.vue";
 import CommitSha from "./commit-sha.vue";
 import DateFmtPicker from "./date-format-selection.vue";
+import {DATE_FMT_12HR, DATE_FMT_24HR} from "../../utils/date-formats";
 
 const loading = ref(true);
 

site/frontend/src/utils/date-formats.ts

@@ -0,0 +1,3 @@
+// Date formats taken from https://date-fns.org/v4.1.0/docs/format
+export const DATE_FMT_24HR = "yyyy-MM-dd HH:mm:ss";
+export const DATE_FMT_12HR = "yyyy-MM-dd hh:mm:ss a";

site/frontend/src/utils/formatting.ts

@@ -22,10 +22,6 @@ export function formatSecondsAsDuration(time: number): string {
   return s;
 }
 
-// Date formats taken from https://date-fns.org/v4.1.0/docs/format
-export const DATE_FMT_24HR = "yyyy-MM-dd HH:mm:ss";
-export const DATE_FMT_12HR = "yyyy-MM-dd hh:mm:ss a";
-
 export const preferredDateTimeFormat = createPersistedRef(PREF_DATETIME_FORMAT);
 
 // Takes a date like `2025-09-10T08:22:47.161348Z` and formats it according to