diff options
Diffstat (limited to 'apps/web/src/hooks/use-font-atlas.ts')
| -rw-r--r-- | apps/web/src/hooks/use-font-atlas.ts | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/apps/web/src/hooks/use-font-atlas.ts b/apps/web/src/hooks/use-font-atlas.ts deleted file mode 100644 index aa48f3b4..00000000 --- a/apps/web/src/hooks/use-font-atlas.ts +++ /dev/null @@ -1,53 +0,0 @@ -import { useState, useMemo, useCallback, useEffect } from "react";
-import {
- getCachedFontAtlas,
- loadFontAtlas,
- clearFontAtlasCache,
-} from "@/lib/fonts/google-fonts";
-import type { FontAtlas } from "@/lib/fonts/types";
-import { SYSTEM_FONTS } from "@/lib/fonts/system-fonts";
-
-type Status = "idle" | "loading" | "error";
-
-export function useFontAtlas({ open }: { open: boolean }) {
- const [atlas, setAtlas] = useState<FontAtlas | null>(() =>
- getCachedFontAtlas(),
- );
- const [status, setStatus] = useState<Status>(() =>
- getCachedFontAtlas() ? "idle" : "loading",
- );
-
- useEffect(() => {
- if (!open || atlas) return;
-
- setStatus("loading");
- loadFontAtlas().then((data) => {
- if (data) {
- setAtlas(data);
- setStatus("idle");
- } else {
- setStatus("error");
- }
- });
- }, [open, atlas]);
-
- const retry = useCallback(() => {
- clearFontAtlasCache();
- setStatus("loading");
- loadFontAtlas().then((data) => {
- if (data) {
- setAtlas(data);
- setStatus("idle");
- } else {
- setStatus("error");
- }
- });
- }, []);
-
- const fontNames = useMemo(() => {
- if (!atlas) return [];
- return [...Object.keys(atlas.fonts), ...SYSTEM_FONTS].sort();
- }, [atlas]);
-
- return { atlas, status, fontNames, retry };
-}
|