Fix navigation spamming API

Author: hhvrc

src/lib/stores/AuthenticatedStore.ts

@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+
+export const IsAuthenticated = writable<boolean | undefined>();

src/lib/stores/index.ts

@@ -1,5 +1,8 @@
 import { browser } from '$app/environment';
+import { goto } from '$app/navigation';
+import { IsAuthenticated } from '$lib/stores/AuthenticatedStore';
 import { UserStore } from '$lib/stores/UserStore';
+import { get } from 'svelte/store';
 
 // Makes the load function only run in browser
 export const ssr = false;
@@ -10,6 +13,11 @@ export const prerender = true;
 export function load() {
   if (!browser) return; // Just to be safe that the code below definetly runs in browser
 
+  // On loading in the anonymous section, check if cookie is set, if it is send us to the authenticated section
+  if (get(IsAuthenticated)) {
+    goto('/home');
+  }
+
   // If we make it to the anonymous section, make sure that userstore is clear, else behaviour will look weird
   UserStore.reset();
 }

src/routes/(anonymous)/+layout.server.ts

@@ -1,15 +1,18 @@
 import { browser } from '$app/environment';
-import { initializeSignalR } from '$lib/signalr';
-import { initializeStores } from '$lib/stores';
+import { goto } from '$app/navigation';
+import { IsAuthenticated } from '$lib/stores/AuthenticatedStore';
+import { get } from 'svelte/store';
 
 // The pages below this one will be different from user-to-user so cannot be prerendered and really shouldnt be server rendered
-export const ssr = false;
+export const ssr = false; // Only render authenticated pages in browser
 export const prerender = false;
 
 // Initialize stores and signalr on auth
-export function load() {
-  if (!browser) return; // Yeah please dont run the context init in server lmao
+export function load({ url }) {
+  if (!browser) return; // Yeah please dont run on server
 
-  initializeStores();
-  initializeSignalR();
+  // On loading in the anonymous section, check if cookie is set, if it is send us to the authenticated section
+  if (!get(IsAuthenticated)) {
+    goto(`/login?redirect=${url.pathname}`);
+  }
 };

src/routes/(anonymous)/+layout.ts

@@ -1,6 +1,6 @@
 import { HasOpenShockCookie } from '$lib/server/cookie';
 
-// Report to the browser if we are authenticated or not
+// Let the client know if its authenticated or not
 export function load({ cookies }) {
   return {
     isAuthenticated: HasOpenShockCookie(cookies)

src/routes/(authenticated)/+layout.server.ts

@@ -1,3 +1,35 @@
+import { browser } from '$app/environment';
+import { initializeSignalR } from '$lib/signalr';
+import { IsAuthenticated } from '$lib/stores/AuthenticatedStore';
+import { initializeDarkModeStore } from '$lib/stores/ColorSchemeStore.js';
+import { initializeFlashManagersStore } from '$lib/stores/FlashManagersStore.js';
+import { initializeSerialPortsStore } from '$lib/stores/SerialPortsStore.js';
+import { initializeUserStore } from '$lib/stores/UserStore.js';
+import { get } from 'svelte/store';
+
 // Set the default for the application
-export const ssr = false;
-export const prerender = false;
+export const ssr = false; // Only this file and pages under it in browser
+export const prerender = true;
+
+export function load({ data }) {
+  if (!browser) return; // Be completely sure this only runs in browser
+
+  const wasAuthenticated = get(IsAuthenticated);
+  if (wasAuthenticated !== data.isAuthenticated) {
+    // Set authentication state
+    IsAuthenticated.set(data.isAuthenticated);
+
+    // First time init
+    if (wasAuthenticated === undefined) {
+      initializeDarkModeStore();
+      initializeFlashManagersStore();
+      initializeSerialPortsStore();
+    }
+
+    // Init on getting authenticated
+    if (data.isAuthenticated) {
+      initializeUserStore();
+      initializeSignalR();
+    }
+  }
+}