webamp/js/reducers/milkdrop.ts

import { Action, StatePreset, TransitionType } from "../types";
import {
  SET_MILKDROP_DESKTOP,
  SET_MILKDROP_FULLSCREEN,
  GOT_BUTTERCHURN_PRESETS,
  GOT_BUTTERCHURN,
  RESOLVE_PRESET_AT_INDEX,
  SELECT_PRESET_AT_INDEX,
  TOGGLE_PRESET_OVERLAY,
  PRESET_REQUESTED,
  TOGGLE_RANDOMIZE_PRESETS,
  TOGGLE_PRESET_CYCLING,
  SCHEDULE_MILKDROP_MESSAGE,
} from "../actionTypes";
import * as Utils from "../utils";

interface Message {
  text: string;
  time: number;
}

export interface MilkdropState {
  display: "WINDOW" | "DESKTOP" | "FULLSCREEN";
  overlay: boolean;
  presetHistory: number[];
  presets: StatePreset[];
  currentPresetIndex: number | null;
  butterchurn: any;
  transitionType: TransitionType;
  randomize: boolean;
  cycling: boolean;
  // TODO: This could probably be simplified to just a date and we could assume
  // the song title is the message.
  message: Message | null;
}

const defaultMilkdropState: MilkdropState = {
  display: "WINDOW",
  overlay: false,
  presetHistory: [],
  presets: [],
  currentPresetIndex: null,
  butterchurn: null,
  transitionType: TransitionType.DEFAULT,
  randomize: true,
  cycling: true,
  message: null,
};

export const milkdrop = (
  state: MilkdropState = defaultMilkdropState,
  action: Action
): MilkdropState => {
  switch (action.type) {
    case SET_MILKDROP_DESKTOP:
      return { ...state, display: action.enabled ? "DESKTOP" : "WINDOW" };
    case SET_MILKDROP_FULLSCREEN:
      return { ...state, display: action.enabled ? "FULLSCREEN" : "WINDOW" };
    case GOT_BUTTERCHURN:
      return { ...state, butterchurn: action.butterchurn };
    case GOT_BUTTERCHURN_PRESETS:
      return {
        ...state,
        presets: state.presets.concat(action.presets),
      };
    case PRESET_REQUESTED:
      if (action.addToHistory) {
        return {
          ...state,
          presetHistory: [...state.presetHistory, action.index],
        };
      }
      return {
        ...state,
        presetHistory: state.presetHistory.slice(0, -1),
      };
    case RESOLVE_PRESET_AT_INDEX:
      const preset = state.presets[action.index];
      return {
        ...state,
        presets: Utils.replaceAtIndex(state.presets, action.index, {
          type: "RESOLVED",
          name: preset.name,
          preset: action.json,
        }),
      };
    case SELECT_PRESET_AT_INDEX:
      return {
        ...state,
        currentPresetIndex: action.index,
        transitionType: action.transitionType,
      };
    case TOGGLE_PRESET_OVERLAY:
      return { ...state, overlay: !state.overlay };
    case TOGGLE_RANDOMIZE_PRESETS:
      return { ...state, randomize: !state.randomize };
    case TOGGLE_PRESET_CYCLING:
      return { ...state, cycling: !state.cycling };
    case SCHEDULE_MILKDROP_MESSAGE:
      return {
        ...state,
        message: {
          text: action.message,
          time: Date.now(),
        },
      };
    default:
      return state;
  }
};

export default milkdrop;