Blame · collab-provider.tsx

0b4b582	1	"use client";
0b4b582	2
0b4b582	3	import { createContext, useContext, type ReactNode, type MutableRefObject } from "react";
0b4b582	4	import { useCollabSocket, type CollabUser, type CollabNote } from "../hooks/use-collab-socket";
0b4b582	5
0b4b582	6	interface CollabContextValue {
0b4b582	7	connected: boolean;
0b4b582	8	users: Record<string, CollabUser>;
0b4b582	9	notes: Record<string, CollabNote[]>;
0b4b582	10	emit: (event: string, data?: any) => void;
0b4b582	11	onCursorUpdated: MutableRefObject<((data: any) => void) \| null>;
0b4b582	12	onCursorRemoved: MutableRefObject<((data: any) => void) \| null>;
0b4b582	13	onDiagramCode: MutableRefObject<((data: any) => void) \| null>;
0b4b582	14	onYjsSync: MutableRefObject<((data: any) => void) \| null>;
0b4b582	15	onYjsUpdate: MutableRefObject<((data: any) => void) \| null>;
0b4b582	16	}
0b4b582	17
0b4b582	18	const CollabContext = createContext<CollabContextValue \| null>(null);
0b4b582	19
0b4b582	20	export function useCollab() {
0b4b582	21	const ctx = useContext(CollabContext);
0b4b582	22	if (!ctx) throw new Error("useCollab must be used within CollabProvider");
0b4b582	23	return ctx;
0b4b582	24	}
0b4b582	25
0b4b582	26	export function CollabProvider({
0b4b582	27	owner,
0b4b582	28	repo,
0b4b582	29	children,
0b4b582	30	}: {
0b4b582	31	owner: string;
0b4b582	32	repo: string;
0b4b582	33	children: ReactNode;
0b4b582	34	}) {
0b4b582	35	const collab = useCollabSocket({ owner, repo });
0b4b582	36
0b4b582	37	return (
0b4b582	38	<CollabContext.Provider value={collab}>
0b4b582	39	{children}
0b4b582	40	</CollabContext.Provider>
0b4b582	41	);
0b4b582	42	}