webamp/js/reducers/playlist.js

import {
  SET_MEDIA,
  CLICKED_TRACK,
  CTRL_CLICKED_TRACK,
  SELECT_ALL,
  SELECT_ZERO,
  INVERT_SELECTION,
  REMOVE_ALL_TRACKS,
  REMOVE_TRACKS,
  LOAD_AUDIO_URL,
  REVERSE_LIST,
  RANDOMIZE_LIST,
  SET_TRACK_ORDER,
  PLAY_TRACK,
  DRAG_SELECTED,
  SET_MEDIA_TAGS
} from "../actionTypes";

import { shuffle, moveSelected, mapObject, filterObject } from "../utils";

const defaultPlaylistState = {
  trackOrder: [],
  currentTrack: null,
  tracks: {}
};

const playlist = (state = defaultPlaylistState, action) => {
  switch (action.type) {
    case CLICKED_TRACK:
      return {
        ...state,
        tracks: mapObject(state.tracks, (track, id) => ({
          ...track,
          selected: id === String(action.id)
        }))
      };
    case CTRL_CLICKED_TRACK:
      const t = state.tracks[action.id];
      return {
        ...state,
        tracks: {
          ...state.tracks,
          [action.id]: { ...t, selected: !t.selected }
        }
      };
    case SELECT_ALL:
      return {
        ...state,
        tracks: mapObject(state.tracks, track => ({ ...track, selected: true }))
      };
    case SELECT_ZERO:
      return {
        ...state,
        tracks: mapObject(state.tracks, track => ({
          ...track,
          selected: false
        }))
      };
    case INVERT_SELECTION:
      return {
        ...state,
        tracks: mapObject(state.tracks, track => ({
          ...track,
          selected: !track.selected
        }))
      };
    case REMOVE_ALL_TRACKS:
      // TODO: Consider disposing of ObjectUrls
      return { ...state, trackOrder: [], currentTrack: null, tracks: {} };
    case REMOVE_TRACKS:
      // TODO: Consider disposing of ObjectUrls
      const actionIds = action.ids.map(Number);
      const { currentTrack } = state;
      return {
        ...state,
        trackOrder: state.trackOrder.filter(id => !actionIds.includes(id)),
        currentTrack: actionIds.includes(currentTrack) ? null : currentTrack,
        tracks: filterObject(
          state.tracks,
          (track, id) => !action.ids.includes(id)
        )
      };
    case REVERSE_LIST:
      return {
        ...state,
        trackOrder: [...state.trackOrder].reverse()
      };
    case RANDOMIZE_LIST:
      return {
        ...state,
        trackOrder: shuffle(state.trackOrder)
      };
    case SET_TRACK_ORDER:
      const { trackOrder } = action;
      return { ...state, trackOrder };
    case LOAD_AUDIO_URL:
      return {
        ...state,
        trackOrder: [...state.trackOrder, Number(action.id)],
        currentTrack: action.id,
        tracks: {
          ...state.tracks,
          [action.id]: {
            selected: false,
            title: action.name,
            duration: null,
            url: action.url
          }
        }
      };
    case SET_MEDIA:
      return {
        ...state,
        tracks: {
          ...state.tracks,
          [action.id]: {
            ...state.tracks[action.id],
            duration: action.length
          }
        }
      };
    case SET_MEDIA_TAGS:
      return {
        ...state,
        tracks: {
          ...state.tracks,
          [action.id]: {
            ...state.tracks[action.id],
            title: action.title,
            artist: action.artist
          }
        }
      };
    case PLAY_TRACK:
      return {
        ...state,
        currentTrack: action.id
      };
    case DRAG_SELECTED:
      return {
        ...state,
        trackOrder: moveSelected(
          state.trackOrder,
          i => {
            const id = state.trackOrder[i];
            return state.tracks[id].selected;
          },
          action.offset
        )
      };
    default:
      return state;
  }
};

export default playlist;

export const getTrackDisplayName = (state, id) => {
  const { artist, title } = state.tracks[id];
  if (artist && title) {
    return `${artist} - ${title}`;
  } else if (title) {
    return title;
  }
  return "???";
};