data endpoint for entity 90008 (aka. a website)
feat: add local bounces stats, rename distance to travel
+14
-8
+3
-1
src/components/pet.svelte
+3
-1
src/components/pet.svelte
···
1
1
<script module lang="ts">
2
-
import { writable } from 'svelte/store';
2
+
import { get, writable } from 'svelte/store';
3
3
4
4
export const localDistanceTravelled = writable(0.0);
5
+
export const localBounces = writable(0);
5
6
</script>
6
7
7
8
<script lang="ts">
···
78
79
79
80
const sendBounceMetrics = () => {
80
81
fetch('/_api/pet/bounce');
82
+
localBounces.set(get(localBounces) + 1);
81
83
};
82
84
83
85
let deltaTravelled = 0.0;
+1
-2
src/routes/+layout.server.ts
+1
-2
src/routes/+layout.server.ts
···
1
1
import { bounceCount, distanceTravelled } from '$lib/metrics.js';
2
2
import { lastVisitors, visitCount } from '$lib/visits.js';
3
-
import { localDistanceTravelled } from '../components/pet.svelte';
3
+
import { localBounces, localDistanceTravelled } from '../components/pet.svelte';
4
4
import { get } from 'svelte/store';
5
5
6
6
export const csr = true;
···
19
19
route: url.pathname,
20
20
petTotalBounce: bounceCount.get(),
21
21
petTotalDistance: distanceTravelled.get(),
22
-
petLocalDistance: get(localDistanceTravelled),
23
22
visitCount: get(visitCount),
24
23
lastVisitors: visitors,
25
24
recentVisitCount
+10
-5
src/routes/+layout.svelte
+10
-5
src/routes/+layout.svelte
···
2
2
import { browser } from '$app/environment';
3
3
import getTitle from '$lib/getTitle';
4
4
import NavButton from '../components/navButton.svelte';
5
-
import Pet, { localDistanceTravelled } from '../components/pet.svelte';
5
+
import Pet, { localBounces, localDistanceTravelled } from '../components/pet.svelte';
6
6
import Tooltip from '../components/tooltip.svelte';
7
7
import '../styles/app.css';
8
8
···
199
199
<p class="font-monospace">
200
200
<nobr>
201
201
pet global bounce = <span class="text-ralsei-green-light text-shadow-green"
202
-
>{data.petTotalBounce.toString().padStart(14, '.')}</span
202
+
>{data.petTotalBounce.toString().padStart(12, '.')}</span
203
203
>
204
204
</nobr>
205
205
<nobr>
206
-
pet global distance = <span class="text-ralsei-green-light text-shadow-green"
206
+
pet global travel = <span class="text-ralsei-green-light text-shadow-green"
207
207
>{data.petTotalDistance.toFixed(0).toString().padStart(12, '.')}</span
208
208
>
209
209
</nobr>
210
210
{#if browser}
211
211
<nobr>
212
-
pet local distance = <span class="text-ralsei-green-light text-shadow-green"
213
-
>{$localDistanceTravelled.toFixed(0).toString().padStart(13, '.')}</span
212
+
pet local bounce = <span class="text-ralsei-green-light text-shadow-green"
213
+
>{$localBounces.toFixed(0).toString().padStart(12, '.')}</span
214
+
>
215
+
</nobr>
216
+
<nobr>
217
+
pet local travel = <span class="text-ralsei-green-light text-shadow-green"
218
+
>{$localDistanceTravelled.toFixed(0).toString().padStart(12, '.')}</span
214
219
>
215
220
</nobr>
216
221
{/if}