From f785cda541ffbbb7c1dc45940bec02db301054b0 Mon Sep 17 00:00:00 2001
From: Gisle Aune <dev@gisle.me>
Date: Mon, 4 Jan 2021 15:57:37 +0100
Subject: [PATCH] add focus handling.

---
 svelte-ui/src/App.svelte                     |  2 ++
 svelte-ui/src/components/FocusHandler.svelte | 30 ++++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 svelte-ui/src/components/FocusHandler.svelte

diff --git a/svelte-ui/src/App.svelte b/svelte-ui/src/App.svelte
index 3dea91e..1c40280 100644
--- a/svelte-ui/src/App.svelte
+++ b/svelte-ui/src/App.svelte
@@ -24,6 +24,7 @@
 	import GoalForm from "./forms/GoalForm.svelte";
 	import LoginForm from "./forms/LoginForm.svelte";
 	import authStore from "./stores/auth";
+import FocusHandler from "./components/FocusHandler.svelte";
 
 	onMount(() => {
 		authStore.check()
@@ -32,6 +33,7 @@
 
 {#if $authStore.checked}
 	{#if $authStore.loggedIn}
+		<FocusHandler />
 		<Router>
 			<Menu />
 			<main>
diff --git a/svelte-ui/src/components/FocusHandler.svelte b/svelte-ui/src/components/FocusHandler.svelte
new file mode 100644
index 0000000..f49f416
--- /dev/null
+++ b/svelte-ui/src/components/FocusHandler.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import goalStore, { fpGoalStore } from "../stores/goal";
+  import logStore from "../stores/logs";
+  import projectStore, { fpProjectStore } from "../stores/project";
+
+  let lastFocus = new Date();
+
+  function handleFocus() {
+    if (Date.now() - lastFocus.getTime() < 60000) {
+      return;
+    }
+
+    lastFocus = new Date();
+
+    goalStore.markStale();
+    fpGoalStore.markStale();
+    projectStore.markStale();
+    fpProjectStore.markStale();
+    logStore.markStale();
+  }
+
+  onMount(() => {
+    window.addEventListener("focus", handleFocus);
+
+    return () => {
+      window.removeEventListener("focus", handleFocus);
+    }
+  })
+</script>
\ No newline at end of file