paseo/packages/app/src/utils/sidebar-animation-state.ts

interface SidebarAnimationSyncInput {
  previousIsOpen: boolean;
  nextIsOpen: boolean;
  previousWindowWidth: number;
  nextWindowWidth: number;
}

interface SidebarAnimationTargetInput {
  isOpen: boolean;
  windowWidth: number;
}

interface SidebarAnimationTargets {
  translateX: number;
  backdropOpacity: number;
}

export const MOBILE_PANEL_STATE_AGENT = 0;
export const MOBILE_PANEL_STATE_AGENT_LIST_OPENING = 1;
export const MOBILE_PANEL_STATE_AGENT_LIST_OPEN = 2;
export const MOBILE_PANEL_STATE_AGENT_LIST_CLOSING = 3;
export const MOBILE_PANEL_STATE_FILE_EXPLORER_OPENING = 4;
export const MOBILE_PANEL_STATE_FILE_EXPLORER_OPEN = 5;
export const MOBILE_PANEL_STATE_FILE_EXPLORER_CLOSING = 6;

export const MOBILE_PANEL_TARGET_AGENT = 0;
export const MOBILE_PANEL_TARGET_AGENT_LIST = 1;
export const MOBILE_PANEL_TARGET_FILE_EXPLORER = 2;

const CLOSED_POSITION_TOLERANCE = 1;

export function shouldSyncSidebarAnimation(input: SidebarAnimationSyncInput): boolean {
  return (
    input.previousIsOpen !== input.nextIsOpen || input.previousWindowWidth !== input.nextWindowWidth
  );
}

export function getLeftSidebarAnimationTargets(
  input: SidebarAnimationTargetInput,
): SidebarAnimationTargets {
  return {
    translateX: input.isOpen ? 0 : -input.windowWidth,
    backdropOpacity: input.isOpen ? 1 : 0,
  };
}

export function getRightSidebarAnimationTargets(
  input: SidebarAnimationTargetInput,
): SidebarAnimationTargets {
  return {
    translateX: input.isOpen ? 0 : input.windowWidth,
    backdropOpacity: input.isOpen ? 1 : 0,
  };
}

export function canOpenLeftSidebarGesture(
  mobilePanelState: number,
  translateX: number,
  windowWidth: number,
): boolean {
  "worklet";
  return (
    mobilePanelState === MOBILE_PANEL_STATE_AGENT &&
    translateX <= -windowWidth + CLOSED_POSITION_TOLERANCE
  );
}

export function canCloseLeftSidebarGesture(mobilePanelState: number): boolean {
  "worklet";
  return mobilePanelState === MOBILE_PANEL_STATE_AGENT_LIST_OPEN;
}

export function canOpenRightSidebarGesture(
  mobilePanelState: number,
  translateX: number,
  windowWidth: number,
): boolean {
  "worklet";
  return (
    mobilePanelState === MOBILE_PANEL_STATE_AGENT &&
    translateX >= windowWidth - CLOSED_POSITION_TOLERANCE
  );
}

export function canCloseRightSidebarGesture(mobilePanelState: number): boolean {
  "worklet";
  return mobilePanelState === MOBILE_PANEL_STATE_FILE_EXPLORER_OPEN;
}

export function shouldSettleMobilePanelTransition(
  activeTarget: number,
  settledTarget: number,
): boolean {
  "worklet";
  return activeTarget === settledTarget;
}