session log

package.json

@@ -29,6 +29,7 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.35.1",
     "matter-js": "^0.19.0",
+    "pocketbase": "^0.21.1",
     "prettier": "^3.2.5",
     "prettier-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.10",

src/lib/components/Bacon.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  let time = Date.now();
+  const handleSessionChange = () => {
+    if (document.visibilityState === 'hidden') {
+      navigator.sendBeacon(
+        '/api/bacon',
+        JSON.stringify({ timeSpent: Math.round((Date.now() - time) / 1000) })
+      );
+
+      time = Date.now();
+    }
+  };
+</script>
+
+<svelte:window on:visibilitychange={handleSessionChange} />

src/routes/+layout.svelte

@@ -14,6 +14,7 @@
   import { isLocalStorageAvailable } from '$lib/utils';
   import Snowy from '$lib/components/visuals/Snowy.svelte';
   import { page } from '$app/stores';
+  import Bacon from '$lib/components/Bacon.svelte';
 </script>
 
 <Meta />
@@ -30,6 +31,7 @@
 
 {#if isLocalStorageAvailable()}
   <Achievements />
+  <Bacon />
 {/if}
 
 <Terminus />

src/routes/api/bacon/+server.ts

@@ -0,0 +1,20 @@
+import { env } from '$env/dynamic/private';
+import { getRequestInfos } from '$lib/utils';
+import type { RequestHandler } from './$types';
+import PocketBase from 'pocketbase';
+
+const pb = new PocketBase(env.SECRET_URL);
+
+export const POST: RequestHandler = async (event) => {
+  const { agent, os, platform } = getRequestInfos(event);
+  let uid = event.cookies.get('baconx');
+  if (!uid) uid = crypto.randomUUID();
+  event.cookies.set('baconx', uid, { path: '/', maxAge: 7200 });
+
+  const resp = await event.request.json();
+
+  await pb.collection('machine').authWithPassword('mallx', env.SECRET_MALLX);
+  await pb.collection('stats').create({ timeSpent: resp.timeSpent, agent, os, platform, uid });
+
+  return new Response();
+};