refactor: restructure files to their domains, new preview overlay system, and dep graph

1 files changed, 45 insertions, 0 deletions

diff --git a/apps/web/src/services/storage/use-storage-persistence.ts b/apps/web/src/services/storage/use-storage-persistence.ts
new file mode 100644
index 00000000..a026b510
--- /dev/null
+++ b/apps/web/src/services/storage/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 };

+}