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,16 @@
-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;
 }