xevion/banner
1
0
Fork 0
mirror of https://github.com/Xevion/banner.git synced 2026-01-31 04:23:34 -06:00
Code Issues Packages Projects Releases 1 Wiki Activity

refactor: persist audit log state in module scope for cross-navigation caching

Browse Source
This commit is contained in:
Xevion
2026-01-29 17:54:27 -06:00
parent 7a1cd2a39b
commit f0645d82d9
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/routes/(app)/admin/audit/+page.svelte
+12 -5
View File
@@ -1,5 +1,16 @@
<script module lang="ts">
import type { AuditLogResponse } from "$lib/api";
// Persisted across navigation so returning to the page shows cached data
// instead of a skeleton loader. Timers are instance-scoped and restart on mount.
let data = $state<AuditLogResponse | null>(null);
let error = $state<string | null>(null);
let refreshError = $state(false);
let refreshInterval = 5_000;
</script>
<script lang="ts"> <script lang="ts">
import { type AuditLogEntry, type AuditLogResponse, client } from "$lib/api"; import { type AuditLogEntry, client } from "$lib/api";
import SimpleTooltip from "$lib/components/SimpleTooltip.svelte"; import SimpleTooltip from "$lib/components/SimpleTooltip.svelte";
import { FlexRender, createSvelteTable } from "$lib/components/ui/data-table/index.js"; import { FlexRender, createSvelteTable } from "$lib/components/ui/data-table/index.js";
import { formatAbsoluteDate } from "$lib/date"; import { formatAbsoluteDate } from "$lib/date";
@@ -25,8 +36,6 @@ import {
import { onDestroy, onMount } from "svelte"; import { onDestroy, onMount } from "svelte";
import { fade, slide } from "svelte/transition"; import { fade, slide } from "svelte/transition";
let data = $state<AuditLogResponse | null>(null);
let error = $state<string | null>(null);
let expandedId: number | null = $state(null); let expandedId: number | null = $state(null);
// --- Live-updating clock for relative timestamps --- // --- Live-updating clock for relative timestamps ---
@@ -44,9 +53,7 @@ function scheduleTick() {
// Backoff increases on errors AND on 304 (no change). Resets to min on new data. // Backoff increases on errors AND on 304 (no change). Resets to min on new data.
const MIN_INTERVAL = 5_000; const MIN_INTERVAL = 5_000;
const MAX_INTERVAL = 60_000; const MAX_INTERVAL = 60_000;
let refreshInterval = MIN_INTERVAL;
let refreshTimer: ReturnType<typeof setTimeout> | undefined; let refreshTimer: ReturnType<typeof setTimeout> | undefined;
let refreshError = $state(false);
// Spinner stays visible for at least MIN_SPIN_MS so the animation isn't jarring. // Spinner stays visible for at least MIN_SPIN_MS so the animation isn't jarring.
const MIN_SPIN_MS = 700; const MIN_SPIN_MS = 700;