fix(chrome-extension): restore state on tab close

meskill · Sep 18, 2022 · e018168 · e018168
1 parent 4b2867d
commit e018168
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/chrome-extension/src/api.ts b/chrome-extension/src/api.ts
@@ -60,7 +60,14 @@ export class MysticLightApi {
 
 		const endpoint = `${this.serverUrl}/mystic_light`;
 
-		this.client = new GraphQLClient(endpoint);
+		this.client = new GraphQLClient(endpoint, {
+			fetch: (requestInfo: RequestInfo | URL, init?: RequestInit) => {
+				return fetch(requestInfo, {
+					...init,
+					keepalive: true,
+				});
+			},
+		});
 	}
 
 	async healthz() {

diff --git a/chrome-extension/src/content.ts b/chrome-extension/src/content.ts
@@ -87,6 +87,13 @@ window.addEventListener('resize', async () => {
 	}
 });
 
+// restore state if any on browser tab or window close
+document.addEventListener('visibilitychange', () => {
+	if (document.visibilityState === 'hidden') {
+		api?.revertPrevStates();
+	}
+});
+
 chrome.runtime.onMessage.addListener((request: ExtensionMessageShowAlert['request']) => {
 	if (request.type === 'showAlert') {
 		alert(request.message);