commit d275783d2e711841ec6f259ae81be48437ead610 · ptr.pet/nsid-tracker

+13 -1

client/src/lib/api.ts

···

       1
       1
        
       import { dev } from "$app/environment";

     

       2
       2
       -
       import type { Events } from "./types";

     

       2
       2
       +
       import type { Events, Since } from "./types";

     

       3
       3
        
       import { PUBLIC_API_URL } from "$env/static/public";

     

       4
       4
        
       

     

       5
       5
        
       export const fetchEvents = async (): Promise<Events> => {

     
···

       13
       13
        
         const data = await response.json();

     

       14
       14
        
         return data;

     

       15
       15
        
       };

     

       16
       16
       +
       

     

       17
       17
       +
       export const fetchTrackingSince = async (): Promise<Since> => {

     

       18
       18
       +
         const response = await fetch(

     

       19
       19
       +
           `${dev ? "http" : "https"}://${PUBLIC_API_URL}/since`,

     

       20
       20
       +
         );

     

       21
       21
       +
         if (!response.ok) {

     

       22
       22
       +
           throw new Error(`(${response.status}): ${await response.json()}`);

     

       23
       23
       +
         }

     

       24
       24
       +
       

     

       25
       25
       +
         const data = await response.json();

     

       26
       26
       +
         return data;

     

       27
       27
       +
       };

client/src/lib/types.ts

···

       13
       13
        
         count: number;

     

       14
       14
        
         deleted_count: number;

     

       15
       15
        
       };

     

       16
       16
       +
       export type Since = {

     

       17
       17
       +
         since: number;

     

       18
       18
       +
       };

     

       16
       19
        
       

     

       17
       20
        
       export type SortOption = "total" | "created" | "deleted" | "date";

+7 -2

client/src/routes/+page.svelte

···

       4
       4
        
           import { onMount, onDestroy } from "svelte";

     

       5
       5
        
           import { writable } from "svelte/store";

     

       6
       6
        
           import { PUBLIC_API_URL } from "$env/static/public";

     

       7
       7
       -
           import { fetchEvents } from "$lib/api";

     

       7
       7
       +
           import { fetchEvents, fetchTrackingSince } from "$lib/api";

     

       8
       8
        
           import { createRegexFilter } from "$lib/filter";

     

       9
       9
        
           import StatsCard from "$lib/components/StatsCard.svelte";

     

       10
       10
        
           import StatusBadge from "$lib/components/StatusBadge.svelte";

     
···

       13
       13
        
           import SortControls from "$lib/components/SortControls.svelte";

     

       14
       14
        
           import BskyToggle from "$lib/components/BskyToggle.svelte";

     

       15
       15
        
           import RefreshControl from "$lib/components/RefreshControl.svelte";

     

       16
       16
       +
           import { formatTimestamp } from "$lib/format";

     

       16
       17
        
       

     

       17
       18
        
           const events = writable(new Map<string, EventRecord>());

     

       18
       19
        
           const pendingUpdates = new Map<string, EventRecord>();

     
···

       28
       29
        
                   .toArray();

     

       29
       30
        
           });

     

       30
       31
        
           let per_second = $state(0);

     

       32
       32
       +
           let tracking_since = $state(0);

     

       31
       33
        
       

     

       32
       34
        
           let all: EventRecord = $derived(

     

       33
       35
        
               eventsList.reduce(

     
···

       118
       120
        
                       }

     

       119
       121
        
                       return map;

     

       120
       122
        
                   });

     

       123
       123
       +
                   tracking_since = (await fetchTrackingSince()).since;

     

       121
       124
        
               } catch (err) {

     

       122
       125
        
                   error =

     

       123
       126
        
                       err instanceof Error

     
···

       225
       228
        
           >

     

       226
       229
        
               <h1 class="text-4xl font-bold mr-4 text-gray-900">lexicon tracker</h1>

     

       227
       230
        
               <p class="text-lg mt-1 text-gray-600">

     

       228
       228
       -
                   tracks lexicons seen on the jetstream

     

       231
       231
       +
                   tracks lexicons seen on the jetstream {tracking_since === 0

     

       232
       232
       +
                       ? ""

     

       233
       233
       +
                       : `(since: ${formatTimestamp(tracking_since)})`}

     

       229
       234
        
               </p>

     

       230
       235
        
           </div>

     

       231
       236
        
       </header>