implementing callback auth with strabo login page

Author: amyfromandi

pages/dev/strabospot/+Page.client.ts

@@ -25,6 +25,7 @@ import { FeatureDetails } from "./featured-checkins";
 import {
   refreshStoredStrabospotAuth,
   clearStoredStrabospotAuth,
+  loginAndRefreshStrabospotFromUUID,
 } from "./strabospot-integration";
 import { getStoredRockdPersonId, clearRockdAuth } from "../../login/rockd-auth";
 
@@ -190,10 +191,40 @@ export function Page() {
   useEffect(() => {
     let cancelled = false;
     async function checkStrabospotSync() {
-      const ok = await refreshStoredStrabospotAuth();
-      if (cancelled) return;
-      setIsStrabospotSynced(ok);
-      setIsCheckingStrabospotSync(false);
+      try {
+        const uuid = new URLSearchParams(window.location.search).get("u");
+        if (uuid != null) {
+          const auth = await loginAndRefreshStrabospotFromUUID(uuid);
+          if (cancelled) return;
+
+          const isFullyLinked =
+            auth.accessToken != null &&
+            auth.refreshToken != null &&
+            auth.datasetId != null &&
+            auth.projectId != null;
+
+          setIsStrabospotSynced(isFullyLinked);
+
+          const cleanURL = `${window.location.origin}${window.location.pathname}`;
+          window.history.replaceState({}, "", cleanURL);
+
+          return;
+        }
+        const ok = await refreshStoredStrabospotAuth();
+        if (cancelled) return;
+        setIsStrabospotSynced(ok);
+      } catch (err: any) {
+        console.error("Failed to complete StraboSpot login:", err);
+        console.error("Message:", err?.message);
+
+        if (cancelled) return;
+
+        setIsStrabospotSynced(false);
+      } finally {
+        if (!cancelled) {
+          setIsCheckingStrabospotSync(false);
+        }
+      }
     }
     checkStrabospotSync();
     return () => {
@@ -207,8 +238,10 @@ export function Page() {
       setIsStrabospotSynced(false);
       return;
     }
-
-    window.location.href = "/dev/strabospot/login";
+    const callbackURL = `${window.location.origin}/dev/strabospot`;
+    const strabospotLoginURL = new URL("https://strabospot.org/rockd_login");
+    strabospotLoginURL.searchParams.set("redirect_uri", callbackURL);
+    window.location.href = strabospotLoginURL.toString();
   }
 
   const style = useMapStyle(

pages/dev/strabospot/strabospot-integration.ts

@@ -14,6 +14,7 @@ const STRABOSPOT_CREATE_PROJECT_ENDPOINT =
   "https://strabospot.org/jwtdb/project";
 const STRABOSPOT_IMAGE_ENDPOINT = "https://strabospot.org/jwtdb/image";
 const STORAGE_KEY = "strabospot-auth";
+const STRABOSPOT_ROCKD_LOGIN_ENDPOINT = "https://strabospot.org/rockd_login";
 
 export interface StrabospotLoginResponse {
   access_token: string;
@@ -301,6 +302,37 @@ export async function loginAndRefreshStrabospot(
   return await ensureRockdIntegrationResources(auth);
 }
 
+export async function loginToStrabospotWithUUID(uuid: string) {
+  const url = new URL(STRABOSPOT_ROCKD_LOGIN_ENDPOINT);
+  url.searchParams.set("u", uuid);
+  const res = await fetch(url.toString(), {
+    method: "GET",
+    headers: { Accept: "application/json" },
+  });
+  const body = await parseJsonResponse(res);
+  if (!res.ok) {
+    throw new Error(
+      typeof body === "string" ? body : JSON.stringify(body, null, 2)
+    );
+  }
+  return body as StrabospotLoginResponse;
+}
+
+export async function loginAndRefreshStrabospotFromUUID(uuid: string) {
+  const login = await loginToStrabospotWithUUID(uuid);
+
+  const auth: StoredStrabospotAuth = {
+    accessToken: login.access_token,
+    refreshToken: login.refresh_token,
+    tokenType: login.token_type,
+    expiresIn: login.expires_in,
+    user: login.user,
+  };
+
+  saveStoredStrabospotAuth(auth);
+  return await ensureRockdIntegrationResources(auth);
+}
+
 export function getStoredStrabospotAuth(): StoredStrabospotAuth | null {
   const raw = localStorage.getItem(STORAGE_KEY);
   if (raw == null) return null;