Automatically reload when API call is redirected

packages/desktop-client/src/global-events.ts

@@ -153,4 +153,8 @@ export function handleGlobalEvents(actions: BoundActions, store: Store<State>) {
     actions.closeBudgetUI();
     actions.setAppState({ loadingText: null });
   });
+
+  listen('api-fetch-redirected', () => {
+    actions.reloadApp();
+  });
 }

packages/loot-core/src/client/actions/app.ts

@@ -46,3 +46,9 @@ export function focused() {
     return send('app-focused');
   };
 }
+
+export function reloadApp() {
+  return () => {
+    global.Actual.reload();
+  };
+}

packages/loot-core/src/platform/server/fetch/index.web.ts

@@ -1 +1,17 @@
-export const fetch = globalThis.fetch;
+import * as connection from '../connection';
+
+export const fetch = async (
+  input: RequestInfo | URL,
+  options?: RequestInit,
+): Promise<Response> => {
+  const response = await globalThis.fetch(input, options);
+
+  const originalHost = new URL(input instanceof Request ? input.url : input)
+    .host;
+
+  if (response.redirected && new URL(response.url).host !== originalHost) {
+    connection.send('api-fetch-redirected');
+  }
+
+  return response;
+};

packages/loot-core/src/types/server-events.d.ts

@@ -18,4 +18,5 @@ export interface ServerEvents {
   'start-load': unknown;
   'sync-event': { type; subtype; meta; tables; syncDisabled };
   'undo-event': UndoState;
+  'api-fetch-redirected': unknown;
 }