Replace authenticateOnStartup with waitForInitialSession

Author: spearcat

src/App.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { RouterLink, RouterView, useRouter } from 'vue-router';
-import { authenticateOnStartup } from './lib/atproto/signed-in-user';
+import { waitForInitialSession } from './lib/atproto/signed-in-user';
 import { ref, watch } from 'vue';
 import { useVanillaCss } from './lib/shared-globals';
 import { frameworkStyles } from './lib/framework-styles';
@@ -14,7 +14,7 @@ watch(router.currentRoute, route => {
     useVanillaCss.value = true;
 });
 
-authenticateOnStartup();
+waitForInitialSession();
 
 </script>
 

src/lib/atproto/signed-in-user.ts

@@ -97,10 +97,16 @@ function isTokenUsable({ token }: Session): boolean {
     return expires == null || Date.now() + 60_000 <= expires;
 }
 
-export function authenticateOnStartup() {
-    if (account.value) { // automatically sign in if possible
-        authenticateIfNecessary(account.value.handle, true)
-            .then(result =>
-                console.log(`early authentication complete: ${result}`));
+let initialSessionPromise: Promise<void> | undefined;
+export async function waitForInitialSession() {
+    if (!initialSessionPromise) {
+        initialSessionPromise = (async () => {
+            if (account.value) { // automatically sign in if possible
+                const result = await authenticateIfNecessary(account.value.handle, true);
+                console.log(`early authentication complete: ${result}`);
+            }
+        })();
     }
+
+    await initialSessionPromise;
 }