Function useShowfile

Returns {
    addBulkEventsToSelectedLayer: ((events: ({
        durationMs: number;
        id: string;
        target: ({ type: SplinePointType.CubicBezier; controlPoint: { x: number; y: number; }; controlPoint2: { x: number; y: number; }; endPoint: { x: number; y: number; }; }) | ({ type: SplinePointType.QuadraticBezier; controlPoint: { x: number; y: number; }; endPoint: { x: number; y: number; }; });
        type: "goto_point";
    } | {
        durationMs: number;
        id: string;
        type: "wait";
    } | {
        durationMs: number;
        id: string;
        radians: number;
        type: "turn";
    })[]) => void);
    addPointToSelectedLayer: ((x: number, y: number) => void);
    addRobot: (() => void);
    addTurnEventAtIndex: ((layerIndex: number, eventIndex: number) => void);
    addWaitEventAtIndex: ((layerIndex: number, eventIndex: number) => void);
    canRedo: boolean;
    canUndo: boolean;
    currentTimestamp: MotionValue<number>;
    defaultEventDurationMs: number;
    defaultPointType: QuadraticBezier | CubicBezier;
    deleteLayer: ((i: number) => void);
    deleteTimelineEvent: ((layerIndex: number, eventId: string) => void);
    editName: ((value: string) => void);
    getLayerIndexFromEventId: ((eventId: string) => number);
    gridCursorMode: "cursor" | "pen";
    handleControlPoint2Move: ((layerIndex: number, pointIndex: number, newCoords: {
        x: number;
        y: number;
    }) => void);
    handleControlPointMove: ((layerIndex: number, pointIndex: number, newCoords: {
        x: number;
        y: number;
    }) => void);
    handleDeletePoint: ((layerIndex: number, pointIndex: number) => void);
    handleDeleteStartPoint: ((layerIndex: number) => void);
    handlePointMove: ((layerIndex: number, pointIndex: number, newCoords: {
        x: number;
        y: number;
    }) => void);
    handleStartPointMove: ((layerIndex: number, newCoords: {
        x: number;
        y: number;
    }) => void);
    handleSwitchPointType: ((layerIndex: number, pointIndex: number, newType: QuadraticBezier | CubicBezier) => void);
    loadAudioFromFile: (() => Promise<void>);
    openShowfile: (() => Promise<void>);
    playing: boolean;
    redo: (() => void);
    removeAudio: (() => void);
    saveShowfile: (() => Promise<void>);
    selectedLayerIndex: number;
    selectedTimelineEventIndex: null | {
        eventId: string;
        layerIndex: number;
    };
    sequenceLengthMs: number;
    setDefaultEventDurationMs: Dispatch<SetStateAction<number>>;
    setDefaultPointType: Dispatch<SetStateAction<QuadraticBezier | CubicBezier>>;
    setGridCursorMode: Dispatch<SetStateAction<"cursor" | "pen">>;
    setSelectedLayerIndex: Dispatch<SetStateAction<number>>;
    setSelectedTimelineEventIndex: Dispatch<SetStateAction<null | {
        eventId: string;
        layerIndex: number;
    }>>;
    setTimelineDurationUpdateMode: Dispatch<SetStateAction<"rolling" | "ripple">>;
    setTimestamp: ((timestamp: number) => void);
    show: {
        $chessbots_show_schema_version: 4;
        audio: undefined | ({ data: Uint8Array; mimeType: string; });
        name: string;
        timeline: ({ startPoint: { type: "start_point"; id: string; target: { type: SplinePointType.StartPoint; point: { x: number; y: number; }; }; durationMs: number; }; remainingEvents: ({ type: "goto_point"; id: string; target: { ...; } | { ...; }; durationMs: number; } | { ...; } | { ...; })[]; })[];
    };
    startShow: void;
    timelineDurationUpdateMode: "rolling" | "ripple";
    togglePlaying: (() => void);
    undo: (() => void);
    unsavedChanges: boolean;
    updateTimelineEventDurations: ((layerIndex: number, eventId: string, deltaMs: number) => void);
    updateTimelineEventOrders: ((layerIndex: number, newList: ({
        durationMs: number;
        id: string;
        target: ({ type: SplinePointType.CubicBezier; controlPoint: { x: number; y: number; }; controlPoint2: { x: number; y: number; }; endPoint: { x: number; y: number; }; }) | ({ type: SplinePointType.QuadraticBezier; controlPoint: { x: number; y: number; }; endPoint: { x: number; y: number; }; });
        type: "goto_point";
    } | {
        durationMs: number;
        id: string;
        type: "wait";
    } | {
        durationMs: number;
        id: string;
        radians: number;
        type: "turn";
    })[]) => void);
}

• addBulkEventsToSelectedLayer: ((events: ({
      durationMs: number;
      id: string;
      target: ({ type: SplinePointType.CubicBezier; controlPoint: { x: number; y: number; }; controlPoint2: { x: number; y: number; }; endPoint: { x: number; y: number; }; }) | ({ type: SplinePointType.QuadraticBezier; controlPoint: { x: number; y: number; }; endPoint: { x: number; y: number; }; });
      type: "goto_point";
  } | {
      durationMs: number;
      id: string;
      type: "wait";
  } | {
      durationMs: number;
      id: string;
      radians: number;
      type: "turn";
  })[]) => void)

  • • (events: ({
          durationMs: number;
          id: string;
          target: ({ type: SplinePointType.CubicBezier; controlPoint: { x: number; y: number; }; controlPoint2: { x: number; y: number; }; endPoint: { x: number; y: number; }; }) | ({ type: SplinePointType.QuadraticBezier; controlPoint: { x: number; y: number; }; endPoint: { x: number; y: number; }; });
          type: "goto_point";
      } | {
          durationMs: number;
          id: string;
          type: "wait";
      } | {
          durationMs: number;
          id: string;
          radians: number;
          type: "turn";
      })[]): void

    • Parameters

      • events: ({
            durationMs: number;
            id: string;
            target: ({ type: SplinePointType.CubicBezier; controlPoint: { x: number; y: number; }; controlPoint2: { x: number; y: number; }; endPoint: { x: number; y: number; }; }) | ({ type: SplinePointType.QuadraticBezier; controlPoint: { x: number; y: number; }; endPoint: { x: number; y: number; }; });
            type: "goto_point";
        } | {
            durationMs: number;
            id: string;
            type: "wait";
        } | {
            durationMs: number;
            id: string;
            radians: number;
            type: "turn";
        })[]

      Returns void

• addPointToSelectedLayer: ((x: number, y: number) => void)

  • • (x: number, y: number): void

    • Parameters

      • x: number

      • y: number

      Returns void

• addRobot: (() => void)

  • • (): void

    • Returns void

• addTurnEventAtIndex: ((layerIndex: number, eventIndex: number) => void)

  • • (layerIndex: number, eventIndex: number): void

    • Parameters

      • layerIndex: number

      • eventIndex: number

      Returns void

• addWaitEventAtIndex: ((layerIndex: number, eventIndex: number) => void)

  • • (layerIndex: number, eventIndex: number): void

    • Parameters

      • layerIndex: number

      • eventIndex: number

      Returns void

• canRedo: boolean

• canUndo: boolean

• currentTimestamp: MotionValue<number>

• defaultEventDurationMs: number

• defaultPointType: QuadraticBezier | CubicBezier

• deleteLayer: ((i: number) => void)

  • • (i: number): void

    • Parameters

      • i: number

      Returns void

• deleteTimelineEvent: ((layerIndex: number, eventId: string) => void)

  • • (layerIndex: number, eventId: string): void

    • Parameters

      • layerIndex: number

      • eventId: string

      Returns void

• editName: ((value: string) => void)

  • • (value: string): void

    • Parameters

      • value: string

      Returns void

• getLayerIndexFromEventId: ((eventId: string) => number)

  • • (eventId: string): number

    • Parameters

      • eventId: string

      Returns number

• gridCursorMode: "cursor" | "pen"

• handleControlPoint2Move: ((layerIndex: number, pointIndex: number, newCoords: {
      x: number;
      y: number;
  }) => void)

  • • (layerIndex: number, pointIndex: number, newCoords: {
          x: number;
          y: number;
      }): void

    • Parameters

      • layerIndex: number

      • pointIndex: number

      • newCoords: {
            x: number;
            y: number;
        }

        • x: number

        • y: number

      Returns void

• handleControlPointMove: ((layerIndex: number, pointIndex: number, newCoords: {
      x: number;
      y: number;
  }) => void)

  • • (layerIndex: number, pointIndex: number, newCoords: {
          x: number;
          y: number;
      }): void

    • Parameters

      • layerIndex: number

      • pointIndex: number

      • newCoords: {
            x: number;
            y: number;
        }

        • x: number

        • y: number

      Returns void

• handleDeletePoint: ((layerIndex: number, pointIndex: number) => void)

  • • (layerIndex: number, pointIndex: number): void

    • Parameters

      • layerIndex: number

      • pointIndex: number

      Returns void

• handleDeleteStartPoint: ((layerIndex: number) => void)

  • • (layerIndex: number): void

    • Parameters

      • layerIndex: number

      Returns void

• handlePointMove: ((layerIndex: number, pointIndex: number, newCoords: {
      x: number;
      y: number;
  }) => void)

  • • (layerIndex: number, pointIndex: number, newCoords: {
          x: number;
          y: number;
      }): void

    • Parameters

      • layerIndex: number

      • pointIndex: number

      • newCoords: {
            x: number;
            y: number;
        }

        • x: number

        • y: number

      Returns void

• handleStartPointMove: ((layerIndex: number, newCoords: {
      x: number;
      y: number;
  }) => void)

  • • (layerIndex: number, newCoords: {
          x: number;
          y: number;
      }): void

    • Parameters

      • layerIndex: number

      • newCoords: {
            x: number;
            y: number;
        }

        • x: number

        • y: number

      Returns void

• handleSwitchPointType: ((layerIndex: number, pointIndex: number, newType: QuadraticBezier | CubicBezier) => void)

  • • (layerIndex: number, pointIndex: number, newType: QuadraticBezier | CubicBezier): void

    • Parameters

      • layerIndex: number

      • pointIndex: number

      • newType: QuadraticBezier | CubicBezier

      Returns void

• loadAudioFromFile: (() => Promise<void>)

  • • (): Promise<void>

    • Returns Promise<void>

• openShowfile: (() => Promise<void>)

  • • (): Promise<void>

    • Returns Promise<void>

• playing: boolean

• redo: (() => void)

  • • (): void

    • Returns void

• removeAudio: (() => void)

  • • (): void

    • Returns void

• saveShowfile: (() => Promise<void>)

  • • (): Promise<void>

    • Returns Promise<void>

• selectedLayerIndex: number

• selectedTimelineEventIndex: null | {
      eventId: string;
      layerIndex: number;
  }

• sequenceLengthMs: number

• setDefaultEventDurationMs: Dispatch<SetStateAction<number>>

• setDefaultPointType: Dispatch<SetStateAction<QuadraticBezier | CubicBezier>>

• setGridCursorMode: Dispatch<SetStateAction<"cursor" | "pen">>

• setSelectedLayerIndex: Dispatch<SetStateAction<number>>

• setSelectedTimelineEventIndex: Dispatch<SetStateAction<null | {
      eventId: string;
      layerIndex: number;
  }>>

• setTimelineDurationUpdateMode: Dispatch<SetStateAction<"rolling" | "ripple">>

• setTimestamp: ((timestamp: number) => void)

  • • (timestamp: number): void

    • Parameters

      • timestamp: number

      Returns void

• show: {
      $chessbots_show_schema_version: 4;
      audio: undefined | ({ data: Uint8Array; mimeType: string; });
      name: string;
      timeline: ({ startPoint: { type: "start_point"; id: string; target: { type: SplinePointType.StartPoint; point: { x: number; y: number; }; }; durationMs: number; }; remainingEvents: ({ type: "goto_point"; id: string; target: { ...; } | { ...; }; durationMs: number; } | { ...; } | { ...; })[]; })[];
  }

  • $chessbots_show_schema_version: 4

  • audio: undefined | ({ data: Uint8Array; mimeType: string; })

  • name: string

  • timeline: ({ startPoint: { type: "start_point"; id: string; target: { type: SplinePointType.StartPoint; point: { x: number; y: number; }; }; durationMs: number; }; remainingEvents: ({ type: "goto_point"; id: string; target: { ...; } | { ...; }; durationMs: number; } | { ...; } | { ...; })[]; })[]

• startShow: void

• timelineDurationUpdateMode: "rolling" | "ripple"

• togglePlaying: (() => void)

  • • (): void

    • Returns void

• undo: (() => void)

  • • (): void

    • Returns void

• unsavedChanges: boolean

• updateTimelineEventDurations: ((layerIndex: number, eventId: string, deltaMs: number) => void)

  • • (layerIndex: number, eventId: string, deltaMs: number): void

    • Parameters

      • layerIndex: number

      • eventId: string

      • deltaMs: number

      Returns void

• updateTimelineEventOrders: ((layerIndex: number, newList: ({
      durationMs: number;
      id: string;
      target: ({ type: SplinePointType.CubicBezier; controlPoint: { x: number; y: number; }; controlPoint2: { x: number; y: number; }; endPoint: { x: number; y: number; }; }) | ({ type: SplinePointType.QuadraticBezier; controlPoint: { x: number; y: number; }; endPoint: { x: number; y: number; }; });
      type: "goto_point";
  } | {
      durationMs: number;
      id: string;
      type: "wait";
  } | {
      durationMs: number;
      id: string;
      radians: number;
      type: "turn";
  })[]) => void)

  • • (layerIndex: number, newList: ({
          durationMs: number;
          id: string;
          target: ({ type: SplinePointType.CubicBezier; controlPoint: { x: number; y: number; }; controlPoint2: { x: number; y: number; }; endPoint: { x: number; y: number; }; }) | ({ type: SplinePointType.QuadraticBezier; controlPoint: { x: number; y: number; }; endPoint: { x: number; y: number; }; });
          type: "goto_point";
      } | {
          durationMs: number;
          id: string;
          type: "wait";
      } | {
          durationMs: number;
          id: string;
          radians: number;
          type: "turn";
      })[]): void

    • Parameters

      • layerIndex: number

      • newList: ({
            durationMs: number;
            id: string;
            target: ({ type: SplinePointType.CubicBezier; controlPoint: { x: number; y: number; }; controlPoint2: { x: number; y: number; }; endPoint: { x: number; y: number; }; }) | ({ type: SplinePointType.QuadraticBezier; controlPoint: { x: number; y: number; }; endPoint: { x: number; y: number; }; });
            type: "goto_point";
        } | {
            durationMs: number;
            id: string;
            type: "wait";
        } | {
            durationMs: number;
            id: string;
            radians: number;
            type: "turn";
        })[]

      Returns void