feat: implement prefetching of initial email data
This commit is contained in:
@@ -512,6 +512,15 @@ export const useAuthStore = create<AuthState>()(
|
||||
activeAccountId: accountId,
|
||||
});
|
||||
|
||||
// Kick off mailbox/quota/email fetches now so they overlap with the
|
||||
// soft-nav + home-page hydration that follows login. Dynamic import
|
||||
// avoids a static circular dep with email-store.
|
||||
import('@/stores/email-store').then(({ useEmailStore }) => {
|
||||
useEmailStore.getState().prefetchInitialData(client).catch((err) => {
|
||||
debug.error('Initial data prefetch failed:', err);
|
||||
});
|
||||
}).catch(() => {});
|
||||
|
||||
// Schedule token refresh for TOTP-upgraded sessions
|
||||
if (upgradedToOAuth && oauthExpiresIn > 0) {
|
||||
scheduleRefresh(oauthExpiresIn, get().refreshAccessToken, accountId);
|
||||
@@ -709,6 +718,12 @@ export const useAuthStore = create<AuthState>()(
|
||||
activeAccountId: accountId,
|
||||
});
|
||||
|
||||
import('@/stores/email-store').then(({ useEmailStore }) => {
|
||||
useEmailStore.getState().prefetchInitialData(client).catch((err) => {
|
||||
debug.error('Initial data prefetch failed:', err);
|
||||
});
|
||||
}).catch(() => {});
|
||||
|
||||
scheduleRefresh(expires_in, get().refreshAccessToken, accountId);
|
||||
|
||||
notifyParent('sso:auth-success', { username });
|
||||
@@ -841,6 +856,12 @@ export const useAuthStore = create<AuthState>()(
|
||||
activeAccountId: accountId,
|
||||
});
|
||||
|
||||
import('@/stores/email-store').then(({ useEmailStore }) => {
|
||||
useEmailStore.getState().prefetchInitialData(client).catch((err) => {
|
||||
debug.error('Initial data prefetch failed:', err);
|
||||
});
|
||||
}).catch(() => {});
|
||||
|
||||
scheduleRefresh(expires_in, get().refreshAccessToken, accountId);
|
||||
|
||||
notifyParent('sso:auth-success', { username });
|
||||
|
||||
@@ -72,6 +72,10 @@ interface EmailStore {
|
||||
// JMAP operations
|
||||
fetchMailboxes: (client: IJMAPClient) => Promise<void>;
|
||||
fetchEmails: (client: IJMAPClient, mailboxId?: string) => Promise<void>;
|
||||
// Eager post-login bootstrap: fires mailboxes/quota/emails so the round-trips
|
||||
// overlap with Next's soft-nav + home-page hydration. Safe to call multiple
|
||||
// times; later calls are no-ops while a prior one is in flight.
|
||||
prefetchInitialData: (client: IJMAPClient) => Promise<void>;
|
||||
loadMoreEmails: (client: IJMAPClient) => Promise<void>;
|
||||
fetchEmailContent: (client: IJMAPClient, emailId: string) => Promise<Email | null>;
|
||||
fetchQuota: (client: IJMAPClient) => Promise<void>;
|
||||
@@ -350,6 +354,33 @@ export const useEmailStore = create<EmailStore>((set, get) => ({
|
||||
}
|
||||
},
|
||||
|
||||
prefetchInitialData: async (client) => {
|
||||
// Coalesce overlapping callers (e.g. login() and a slow home-page useEffect
|
||||
// racing for the same fetch). The promise is stashed on the client so we
|
||||
// don't need a separate keyed map and stale entries can't outlive the client.
|
||||
const target = client as IJMAPClient & { __prefetchPromise?: Promise<void> };
|
||||
if (target.__prefetchPromise) return target.__prefetchPromise;
|
||||
target.__prefetchPromise = (async () => {
|
||||
try {
|
||||
await Promise.all([
|
||||
get().fetchMailboxes(client),
|
||||
get().fetchQuota(client),
|
||||
]);
|
||||
const { selectedMailbox } = get();
|
||||
if (selectedMailbox) {
|
||||
await get().fetchEmails(client, selectedMailbox);
|
||||
} else {
|
||||
await get().fetchEmails(client);
|
||||
}
|
||||
// Tag counts can finish whenever; don't block the prefetch on them.
|
||||
void get().fetchTagCounts(client);
|
||||
} finally {
|
||||
delete target.__prefetchPromise;
|
||||
}
|
||||
})();
|
||||
return target.__prefetchPromise;
|
||||
},
|
||||
|
||||
fetchEmails: async (client, mailboxId) => {
|
||||
set({ isLoading: true, error: null }); // Keep previous emails visible during transition
|
||||
try {
|
||||
|
||||
Reference in New Issue
Block a user