OpenCut/apps/web/src/selection/hooks/use-selection-scope.ts

import { useEffect, useRef } from "react";
import { useSelectionContext } from "@/selection/context";
import { activateScope, type ScopeEntry } from "@/selection/scope";

export function useSelectionScope() {
	const { selectedIds, clearSelection } = useSelectionContext();
	const hasSelectionRef = useRef(selectedIds.length > 0);
	const clearSelectionRef = useRef(clearSelection);
	const hasSelection = selectedIds.length > 0;

	hasSelectionRef.current = hasSelection;
	clearSelectionRef.current = clearSelection;

	const entryRef = useRef<ScopeEntry>({
		hasSelection: () => hasSelectionRef.current,
		clear: () => {
			clearSelectionRef.current();
		},
	});

	useEffect(() => {
		if (!hasSelection) {
			return;
		}

		return activateScope({ entry: entryRef.current });
	}, [hasSelection]);
}