hyperframes/packages/studio/src/hooks/useGsapArcPathOps.ts

import { useCallback } from "react";
import type { DomEditSelection } from "../components/editor/domEditingTypes";
import type { SafeGsapCommitMutation } from "./gsapScriptCommitTypes";

export function useGsapArcPathOps(commitMutationSafely: SafeGsapCommitMutation) {
  const setArcPath = useCallback(
    (
      selection: DomEditSelection,
      animationId: string,
      config: {
        enabled: boolean;
        autoRotate?: boolean | number;
        segments?: Array<{
          curviness: number;
          cp1?: { x: number; y: number };
          cp2?: { x: number; y: number };
        }>;
      },
    ) => {
      commitMutationSafely(
        selection,
        { type: "set-arc-path" as const, animationId, ...config },
        { label: config.enabled ? "Enable arc path" : "Disable arc path", softReload: true },
      );
    },
    [commitMutationSafely],
  );

  const updateArcSegment = useCallback(
    (
      selection: DomEditSelection,
      animationId: string,
      segmentIndex: number,
      update: {
        curviness?: number;
        cp1?: { x: number; y: number };
        cp2?: { x: number; y: number };
      },
    ) => {
      commitMutationSafely(
        selection,
        { type: "update-arc-segment" as const, animationId, segmentIndex, ...update },
        { label: "Update arc segment", softReload: true },
      );
    },
    [commitMutationSafely],
  );

  const removeArcPath = useCallback(
    (selection: DomEditSelection, animationId: string) => {
      commitMutationSafely(
        selection,
        { type: "remove-arc-path" as const, animationId },
        { label: "Remove arc path", softReload: true },
      );
    },
    [commitMutationSafely],
  );

  return { setArcPath, updateArcSegment, removeArcPath };
}