chore: monorepo

packages/utils/src/hooks/useNetworkStatus.ts

@@ -0,0 +1,25 @@
+import { useEffect, useState } from "react";
+
+const getOnLineStatus = () =>
+	typeof navigator !== "undefined" && typeof navigator.onLine === "boolean"
+		? navigator.onLine
+		: true;
+
+export function useNetworkStatus() {
+	const [status, setStatus] = useState(getOnLineStatus());
+
+	const setOnline = () => setStatus(true);
+	const setOffline = () => setStatus(false);
+
+	useEffect(() => {
+		window.addEventListener("online", setOnline);
+		window.addEventListener("offline", setOffline);
+
+		return () => {
+			window.removeEventListener("online", setOnline);
+			window.removeEventListener("offline", setOffline);
+		};
+	}, []);
+
+	return status;
+}

packages/utils/src/hooks/useOpenGraph.ts

@@ -0,0 +1,26 @@
+import { type Opengraph } from "@lume/types";
+import { useQuery } from "@tanstack/react-query";
+import { invoke } from "@tauri-apps/api/primitives";
+
+export function useOpenGraph(url: string) {
+	const { status, data, error } = useQuery({
+		queryKey: ["opg", url],
+		queryFn: async () => {
+			const res: Opengraph = await invoke("opengraph", { url });
+			if (!res) {
+				throw new Error("fetch preview failed");
+			}
+			return res;
+		},
+		staleTime: Infinity,
+		refetchOnWindowFocus: false,
+		refetchOnMount: false,
+		refetchOnReconnect: false,
+	});
+
+	return {
+		status,
+		data,
+		error,
+	};
+}