import { put, takeLatest, select, all, call } from 'redux-saga/effects';
import { toastr } from 'react-redux-toastr/lib';
import db from 'utils/db';
import { loadSlideshowsAction, removeSlideshowAction } from './actions';
import Slideshow, { slideshowCreator } from 'types/Slideshow';
import ActionTypes from 'containers/HomePage/constants';
import { List, isImmutable } from 'immutable';
import makeSelectSlideshows from './selectors';
import { colisionDetection, slice } from 'containers/App/saga';
import { push } from 'connected-react-router';
import { setProgress } from 'containers/App/actions';
import makeSelectSlicer from 'containers/App/selectors';
import { isSvg } from 'utils/';
import SliceState from 'containers/App/SliceArgs';
import { scaleFactorsCreator, generateInfo } from 'types/IIIFStatic';

const selectSlideshows = makeSelectSlideshows();
const selectSlicer = makeSelectSlicer();

export function* setSlideshows(slideshows: any) {
  if (isImmutable(slideshows)) {
    yield db.setItem('slideshows', slideshows.toJS());
  }
  yield put(loadSlideshowsAction(slideshows));
}

export function* duplicateSlideshow(action) {
  const slideshow = yield colisionDetection(action.payload);
  const slideshows: List<Slideshow> = yield select(selectSlideshows);
  yield setSlideshows(slideshows.push(
    slideshow,
  ));
}

export function* createAndRedirect(action) {
  // sagas: createSlideshow
  const svg = isSvg(action.payload);
  const name = action.payload.name.split('.').reverse().slice(1).reverse().join('.');
  const sliceState = yield select(selectSlicer);
  const nexd = sliceState.set('total', 500);
  yield put(setProgress(nexd));
  const [slideshow, img]: [Slideshow, (HTMLImageElement | SVGElement)] = yield slideshowCreator(action.payload, name);
  const scaleFactors = scaleFactorsCreator(
    512,
    slideshow.image.width,
    512,
    slideshow.image.height,
  );
  if (!svg) {
    try {
      yield* slice(img, slideshow.image.id);
    } catch (error) {
      const allKeys = yield db.keys();
      yield all(allKeys.filter((key: string): boolean =>
        key.startsWith(`/${slideshow.image.id}`),
      ).map(key =>
        call([db, db.removeItem], key)),
      );
      yield put(setProgress(new SliceState()));
      toastr.error('Sorry, an error occured while importing the image', 'Try again or with another image format');
      throw error;
    }
  }
  const infos = generateInfo(slideshow, scaleFactors);
  yield call([db, db.setItem], `/info/${slideshow.image.id}.json`, infos);
  const slideshows: List<Slideshow> = yield select(selectSlideshows);
  yield setSlideshows(slideshows.push(slideshow));
  yield put(setProgress(new SliceState()));
  yield put(push('/editor/' + slideshow.id));
}

export function* removeSlideshow(action) {
  // const slideshows: List<Slideshow> = yield select(selectSlideshows);
  const slideshow = action.payload as Slideshow;
  let slideshows = yield call([db, db.getItem], 'slideshows');
  const slidedhowId = slideshow.id;
  const imageId = slideshow.image.id;
  slideshows = slideshows.filter(slideshow => slideshow.id !== slidedhowId);
  db.setItem('slideshows', slideshows);
  if (!slideshows.some(s => s.image.id === slideshow.image.id)) {
    const allKeys = yield db.keys();
    yield all(allKeys.filter((key: string): boolean =>
      key.startsWith(`/${imageId}`),
    ).map(key =>
      call([db, db.removeItem], key)),
    );
  }
  yield put(removeSlideshowAction.success(action.payload));
  // We could yield to wait for all items to be removed, but I don't see the point ATM.
}

// Individual exports for testing
export default function* homePageSaga() {
  // See example in containers/HomePage/saga.js
  yield takeLatest(ActionTypes.CREATE_SLIDESHOW, createAndRedirect);
  yield takeLatest(ActionTypes.REMOVE_SLIDESHOW, removeSlideshow);
  yield takeLatest(ActionTypes.SLIDESHOW_DUPLICATE, duplicateSlideshow);
  try {
    let rawSlideshows = yield db.getItem('slideshows');
    if (rawSlideshows === null) {
      rawSlideshows = [];
    }
    yield setSlideshows(rawSlideshows);
  } catch (e) {
    console.error('Tesselle could not retrieve images');
    console.error(e);
    toastr.error('Sorry, Tesselle could not retrieve the list of existing images', 'Maybe a disk space problem?');
  }
}