feat(lstv2 move): moved lstv2 into this app to keep them combined and easier to maintain

lstV2/frontend/src/hooks/use-mobile.ts

@@ -0,0 +1,19 @@
+import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}

lstV2/frontend/src/hooks/useLogout.ts

@@ -0,0 +1,16 @@
+import {useSessionStore} from "@/lib/store/sessionStore";
+import {useRouter} from "@tanstack/react-router";
+
+export const useLogout = () => {
+    const {clearSession} = useSessionStore();
+    const router = useRouter();
+    const logout = async () => {
+        router.invalidate();
+        router.clearCache();
+        clearSession();
+
+        window.location.reload();
+    };
+
+    return logout;
+};

lstV2/frontend/src/hooks/useSession.ts

@@ -0,0 +1,60 @@
+import { useQuery } from "@tanstack/react-query";
+import { useSessionStore } from "../lib/store/sessionStore";
+import { useEffect } from "react";
+
+const fetchSession = async () => {
+    const token = localStorage.getItem("auth_token");
+
+    if (!token) {
+        throw new Error("No token found");
+    }
+
+    const res = await fetch("/api/auth/session", {
+        headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${token}`,
+        },
+    });
+    // console.log(res);
+    if (!res.ok) {
+        localStorage.removeItem("auth_token");
+        // remove these for a while if no session just until fully to 2.0 and clearly no one has ran lstv1 in a long time
+        localStorage.removeItem("ally-supports-cache");
+        localStorage.removeItem("auth-storage");
+        localStorage.removeItem("nextauth.message");
+        localStorage.removeItem("prod");
+
+        throw new Error("Session not found");
+    }
+
+    return res.json();
+};
+
+export const useSession = () => {
+    const { setSession, clearSession, token } = useSessionStore();
+
+    // Fetch session only if token is available
+    const { data, status, error } = useQuery({
+        queryKey: ["session"],
+        queryFn: fetchSession,
+        enabled: !!token, // Prevents query if token is null
+        staleTime: 60 * 1000,
+        gcTime: 10 * 60 * 1000, // 10 mins
+        refetchOnWindowFocus: true,
+        //refetchInterval: 1000 * 60 * 2, // Auto-refetch every 2 minutes
+    });
+    useEffect(() => {
+        if (data) {
+            setSession(data.data.user, data.data.token);
+        }
+        if (error) {
+            clearSession();
+        }
+    }, [data, error]);
+
+    return {
+        session: data && token ? { user: data.user, token: data.token } : null,
+        status,
+        error,
+    };
+};