chore: normalize line endings

1 files changed, 133 insertions, 133 deletions

diff --git a/apps/web/src/components/providers/editor-provider.tsx b/apps/web/src/components/providers/editor-provider.tsx
index 35e5dfba..79f1809a 100644
--- a/apps/web/src/components/providers/editor-provider.tsx
+++ b/apps/web/src/components/providers/editor-provider.tsx
@@ -1,133 +1,133 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { useRouter } from "next/navigation";
-import { Loader2 } from "lucide-react";
-import { EditorCore } from "@/core";
-import { useEditor } from "@/hooks/use-editor";
-import { useKeybindingsListener } from "@/hooks/use-keybindings";
-import { useKeybindingsStore } from "@/stores/keybindings-store";
-import { useEditorActions } from "@/hooks/actions/use-editor-actions";
-import { loadFontAtlas } from "@/lib/fonts/google-fonts";
-
-interface EditorProviderProps {
-	projectId: string;
-	children: React.ReactNode;
-}
-
-export function EditorProvider({ projectId, children }: EditorProviderProps) {
-	const activeProject = useEditor((e) => e.project.getActiveOrNull());
-	const router = useRouter();
-	const [isLoading, setIsLoading] = useState(true);
-	const [error, setError] = useState<string | null>(null);
-	const { setLoadingProject } = useKeybindingsStore();
-
-	useEffect(() => {
-		setLoadingProject(isLoading);
-	}, [isLoading, setLoadingProject]);
-
-	useEffect(() => {
-		let cancelled = false;
-		const editor = EditorCore.getInstance();
-
-		const loadProject = async () => {
-			try {
-				setIsLoading(true);
-				await editor.project.loadProject({ id: projectId });
-
-				if (cancelled) return;
-
-				setIsLoading(false);
-				loadFontAtlas();
-			} catch (err) {
-				if (cancelled) return;
-
-				const isNotFound =
-					err instanceof Error &&
-					(err.message.includes("not found") ||
-						err.message.includes("does not exist"));
-
-				if (isNotFound) {
-					try {
-						const newProjectId = await editor.project.createNewProject({
-							name: "Untitled Project",
-						});
-						router.replace(`/editor/${newProjectId}`);
-					} catch (_createErr) {
-						setError("Failed to create project");
-						setIsLoading(false);
-					}
-				} else {
-					setError(
-						err instanceof Error ? err.message : "Failed to load project",
-					);
-					setIsLoading(false);
-				}
-			}
-		};
-
-		loadProject();
-
-		return () => {
-			cancelled = true;
-		};
-	}, [projectId, router]);
-
-	if (error) {
-		return (
-			<div className="bg-background flex h-screen w-screen items-center justify-center">
-				<div className="flex flex-col items-center gap-4">
-					<p className="text-destructive text-sm">{error}</p>
-				</div>
-			</div>
-		);
-	}
-
-	if (isLoading) {
-		return (
-			<div className="bg-background flex h-screen w-screen items-center justify-center">
-				<div className="flex flex-col items-center gap-4">
-					<Loader2 className="text-muted-foreground size-8 animate-spin" />
-					<p className="text-muted-foreground text-sm">Loading project...</p>
-				</div>
-			</div>
-		);
-	}
-
-	if (!activeProject) {
-		return (
-			<div className="bg-background flex h-screen w-screen items-center justify-center">
-				<div className="flex flex-col items-center gap-4">
-					<Loader2 className="text-muted-foreground size-8 animate-spin" />
-					<p className="text-muted-foreground text-sm">Exiting project...</p>
-				</div>
-			</div>
-		);
-	}
-
-	return (
-		<>
-			<EditorRuntimeBindings />
-			{children}
-		</>
-	);
-}
-
-function EditorRuntimeBindings() {
-	const editor = useEditor();
-
-	useEffect(() => {
-		const handleBeforeUnload = (event: BeforeUnloadEvent) => {
-			if (!editor.save.getIsDirty()) return;
-			event.preventDefault();
-			(event as unknown as { returnValue: string }).returnValue = "";
-		};
-
-		window.addEventListener("beforeunload", handleBeforeUnload);
-		return () => window.removeEventListener("beforeunload", handleBeforeUnload);
-	}, [editor]);
-
-	useEditorActions();
-	useKeybindingsListener();
-	return null;
-}
+"use client";

+

+import { useEffect, useState } from "react";

+import { useRouter } from "next/navigation";

+import { Loader2 } from "lucide-react";

+import { EditorCore } from "@/core";

+import { useEditor } from "@/hooks/use-editor";

+import { useKeybindingsListener } from "@/hooks/use-keybindings";

+import { useKeybindingsStore } from "@/stores/keybindings-store";

+import { useEditorActions } from "@/hooks/actions/use-editor-actions";

+import { loadFontAtlas } from "@/lib/fonts/google-fonts";

+

+interface EditorProviderProps {

+	projectId: string;

+	children: React.ReactNode;

+}

+

+export function EditorProvider({ projectId, children }: EditorProviderProps) {

+	const activeProject = useEditor((e) => e.project.getActiveOrNull());

+	const router = useRouter();

+	const [isLoading, setIsLoading] = useState(true);

+	const [error, setError] = useState<string | null>(null);

+	const { setLoadingProject } = useKeybindingsStore();

+

+	useEffect(() => {

+		setLoadingProject(isLoading);

+	}, [isLoading, setLoadingProject]);

+

+	useEffect(() => {

+		let cancelled = false;

+		const editor = EditorCore.getInstance();

+

+		const loadProject = async () => {

+			try {

+				setIsLoading(true);

+				await editor.project.loadProject({ id: projectId });

+

+				if (cancelled) return;

+

+				setIsLoading(false);

+				loadFontAtlas();

+			} catch (err) {

+				if (cancelled) return;

+

+				const isNotFound =

+					err instanceof Error &&

+					(err.message.includes("not found") ||

+						err.message.includes("does not exist"));

+

+				if (isNotFound) {

+					try {

+						const newProjectId = await editor.project.createNewProject({

+							name: "Untitled Project",

+						});

+						router.replace(`/editor/${newProjectId}`);

+					} catch (_createErr) {

+						setError("Failed to create project");

+						setIsLoading(false);

+					}

+				} else {

+					setError(

+						err instanceof Error ? err.message : "Failed to load project",

+					);

+					setIsLoading(false);

+				}

+			}

+		};

+

+		loadProject();

+

+		return () => {

+			cancelled = true;

+		};

+	}, [projectId, router]);

+

+	if (error) {

+		return (

+			<div className="bg-background flex h-screen w-screen items-center justify-center">

+				<div className="flex flex-col items-center gap-4">

+					<p className="text-destructive text-sm">{error}</p>

+				</div>

+			</div>

+		);

+	}

+

+	if (isLoading) {

+		return (

+			<div className="bg-background flex h-screen w-screen items-center justify-center">

+				<div className="flex flex-col items-center gap-4">

+					<Loader2 className="text-muted-foreground size-8 animate-spin" />

+					<p className="text-muted-foreground text-sm">Loading project...</p>

+				</div>

+			</div>

+		);

+	}

+

+	if (!activeProject) {

+		return (

+			<div className="bg-background flex h-screen w-screen items-center justify-center">

+				<div className="flex flex-col items-center gap-4">

+					<Loader2 className="text-muted-foreground size-8 animate-spin" />

+					<p className="text-muted-foreground text-sm">Exiting project...</p>

+				</div>

+			</div>

+		);

+	}

+

+	return (

+		<>

+			<EditorRuntimeBindings />

+			{children}

+		</>

+	);

+}

+

+function EditorRuntimeBindings() {

+	const editor = useEditor();

+

+	useEffect(() => {

+		const handleBeforeUnload = (event: BeforeUnloadEvent) => {

+			if (!editor.save.getIsDirty()) return;

+			event.preventDefault();

+			(event as unknown as { returnValue: string }).returnValue = "";

+		};

+

+		window.addEventListener("beforeunload", handleBeforeUnload);

+		return () => window.removeEventListener("beforeunload", handleBeforeUnload);

+	}, [editor]);

+

+	useEditorActions();

+	useKeybindingsListener();

+	return null;

+}