From 8db3bead13441a5882d8689dfc6a9f09c82375d9 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Wed, 25 Mar 2026 16:47:22 +0100
Subject: feat: masks, properties refactor, shaders, storage migrations, and
 more

---
 apps/web/src/hooks/use-storage-persistence.ts | 45 +++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 apps/web/src/hooks/use-storage-persistence.ts

(limited to 'apps/web/src/hooks/use-storage-persistence.ts')

diff --git a/apps/web/src/hooks/use-storage-persistence.ts b/apps/web/src/hooks/use-storage-persistence.ts
new file mode 100644
index 00000000..79e05069
--- /dev/null
+++ b/apps/web/src/hooks/use-storage-persistence.ts
@@ -0,0 +1,45 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+const DISMISSED_KEY = "opencut-storage-persist-dismissed";
+
+function isFirefox(): boolean {
+	return navigator.userAgent.toLowerCase().includes("firefox");
+}
+
+export function useStoragePersistence() {
+	const [showDialog, setShowDialog] = useState(false);
+
+	useEffect(() => {
+		if (!navigator.storage?.persist) return;
+
+		const run = async () => {
+			const alreadyPersisted = await navigator.storage.persisted();
+			if (alreadyPersisted) return;
+
+			const dismissed = localStorage.getItem(DISMISSED_KEY) === "true";
+			if (dismissed) return;
+
+			if (isFirefox()) {
+				setShowDialog(true);
+			} else {
+				await navigator.storage.persist();
+			}
+		};
+
+		run();
+	}, []);
+
+	const onConfirm = async () => {
+		setShowDialog(false);
+		await navigator.storage.persist();
+	};
+
+	const onDismiss = () => {
+		setShowDialog(false);
+		localStorage.setItem(DISMISSED_KEY, "true");
+	};
+
+	return { showDialog, onConfirm, onDismiss };
+}
-- 
cgit v1.3.1