feat: automatic sign-in without interaction

Closes #99

src/api/accounts/sign-in.ts

@@ -0,0 +1,45 @@
+export function navigateToSignIn(
+  redirectTo: string = "/dashboard",
+  prompt?: "none" | undefined,
+) {
+  // Build the sign-in URL
+  const loginEndpoint = `${import.meta.env.VITE_ACCOUNTS_API_URL}/providers/${import.meta.env.VITE_AUTH_PROVIDER}/login`;
+  const signInURL = new URL(loginEndpoint);
+  signInURL.searchParams.append(
+    "redirect_uri",
+    new URL(redirectTo, window.location.href).toString(),
+  );
+  if (prompt) {
+    signInURL.searchParams.append("prompt", prompt);
+  }
+
+  // Record the login time (to prevent immediate automatic re-login)
+  localStorage.setItem("lastLogin", Date.now().toString());
+
+  // Navigate to the sign-in endpoint
+  window.location.assign(signInURL.toString());
+}
+
+export function shouldAutoSignIn() {
+  // Try to log in without interaction
+  const lastLogin = localStorage.getItem("lastLogin");
+  return (
+    lastLogin === null || Date.now() - Number(lastLogin) > 30 * 60 * 1000 // 30 minutes
+  );
+}
+
+export function navigateToSignOut(redirectTo?: string) {
+  // Build the sign-out URL
+  const logoutEndpoint = `${import.meta.env.VITE_ACCOUNTS_API_URL}/logout`;
+  const signOutURL = new URL(logoutEndpoint);
+  signOutURL.searchParams.append(
+    "redirect_uri",
+    new URL(redirectTo ?? "", window.location.href).toString(),
+  );
+
+  // Record the login time (to prevent immediate automatic re-login)
+  localStorage.setItem("lastLogin", Date.now().toString());
+
+  // Navigate to the sign-out endpoint
+  window.location.assign(signOutURL.toString());
+}

src/api/helpers/AuthManager.tsx

@@ -1,4 +1,5 @@
 import { $accounts, accountsTypes } from "@/api/accounts";
+import { navigateToSignIn, shouldAutoSignIn } from "@/api/accounts/sign-in.ts";
 import {
   invalidateMyAccessToken,
   useMyAccessToken,
@@ -27,6 +28,9 @@ export function AuthManager({ children }: PropsWithChildren) {
       setStoredMe(me ?? null);
       if (!me) {
         invalidateMyAccessToken();
+        if (shouldAutoSignIn()) {
+          navigateToSignIn(window.location.href, "none");
+        }
       }
     }
   }, [me, isPending, setStoredMe]);

src/components/common/SignInButton.tsx

@@ -1,4 +1,4 @@
-import { getSignInUrl } from "@/api/accounts/paths.ts";
+import { navigateToSignIn } from "@/api/accounts/sign-in.ts";
 import clsx from "clsx";
 import { forwardRef } from "react";
 
@@ -21,7 +21,7 @@ export const SignInButton = forwardRef(function SignInButton_(
         className,
       )}
       onClick={(e) => {
-        window.location.assign(getSignInUrl(signInRedirect));
+        navigateToSignIn(signInRedirect);
         onClick?.(e);
       }}
     >
@@ -44,7 +44,7 @@ export const SignInButtonIcon = forwardRef(function SignInButtonIcon(
         className,
       )}
       onClick={(e) => {
-        window.location.assign(getSignInUrl(signInRedirect));
+        navigateToSignIn(signInRedirect);
         onClick?.(e);
       }}
     >

src/components/layout/UserMenu.tsx

@@ -1,4 +1,4 @@
-import { getSignOutUrl } from "@/api/accounts/paths.ts";
+import { navigateToSignOut } from "@/api/accounts/sign-in.ts";
 import { useMe } from "@/api/accounts/user.ts";
 import { SignInButtonIcon } from "@/components/common/SignInButton";
 import { SidebarContext } from "@/components/layout/Sidebar";
@@ -120,7 +120,7 @@ function UserMenu({ isMobile, isSidebar }: UserMenuProps) {
                   </Link>
                   <button
                     onClick={() => {
-                      window.location.assign(getSignOutUrl());
+                      navigateToSignOut();
                       setIsOpen(false);
                       setSidebarOpened(false);
                     }}