src/components/consts.tsx

export type FacingDirection = 'front' | 'back' | 'right' | 'left' | 'top' | 'bottom';

export type RotationDirection = 'clockwise' | 'counter-clockwise';

export const CubeColors: Record<FacingDirection, string> = {
  front: '#ff0000', // Red
  back: '#ff00ff', // Purple
  right: '#0000ff', // Blue
  left: '#00ff00', // Green
  top: '#ffff00', // Yellow
  bottom: '#ffffff', // White
};

export const CubeColorIndices: Record<FacingDirection, number> = {
  front: 0,
  back: 1,
  right: 2,
  left: 3,
  top: 4,
  bottom: 5,
};

export const Rotations: Record<FacingDirection, [number, number, number]> = {
  front: [0, 0, 0],
  back: [0, Math.PI, 0],
  right: [0, Math.PI / 2, 0],
  left: [0, -Math.PI / 2, 0],
  top: [-Math.PI / 2, 0, 0],
  bottom: [Math.PI / 2, 0, 0],
};

export type RotationStep = {
  faceDirection: FacingDirection;
  direction: RotationDirection;
};

export const Actions: Array<RotationStep> = [
  { faceDirection: 'front', direction: 'clockwise' },
  { faceDirection: 'front', direction: 'counter-clockwise' },
  { faceDirection: 'back', direction: 'clockwise' },
  { faceDirection: 'back', direction: 'counter-clockwise' },
  { faceDirection: 'right', direction: 'clockwise' },
  { faceDirection: 'right', direction: 'counter-clockwise' },
  { faceDirection: 'left', direction: 'clockwise' },
  { faceDirection: 'left', direction: 'counter-clockwise' },
  { faceDirection: 'top', direction: 'clockwise' },
  { faceDirection: 'top', direction: 'counter-clockwise' },
  { faceDirection: 'bottom', direction: 'clockwise' },
  { faceDirection: 'bottom', direction: 'counter-clockwise' },
];