Merge pull request #5 from lopezh18/auto-download-rithm

created auto-download feature #20

package.json

@@ -10,7 +10,6 @@
     "react-redux": "^6.0.0",
     "react-scripts": "2.1.2",
     "redux": "^4.0.1",
-    "redux-devtools-extension": "^2.13.8",
     "redux-thunk": "^2.3.0"
   },
   "scripts": {

src/actions/action-creators.test.js

@@ -258,7 +258,10 @@ describe('Action creators', () => {
           return cb({ image: 'test' });
         }
       };
-      store.dispatch(actions.generateGIF([], opts, gifshot));
+      // download mock
+      const download = () => null;
+
+      store.dispatch(actions.generateGIF([], opts, gifshot, download));
       expect(store.getActions()).toEqual(expectedActions);
     });
   });

src/actions/index.js

@@ -40,12 +40,12 @@ import {
   badSettingsInput,
   badNameInput
 } from '../lib/error-messages';
+import download from 'downloadjs';
 import {
   getBurstErrors,
   getSettingsErrors,
   getSaveGraphErrors
 } from '../lib/input-helpers';
-import {} from '../lib/input-helpers';
 
 const ERROR_DELAY = 3000;
 let nextFrameID = 0;
@@ -231,12 +231,15 @@ export const startAnimation = () => (dispatch, getState) => {
 
 // The gifshot library is loaded in index.html
 const gifshot = window.gifshot;
-export const generateGIF = (images, opts, gifMaker = gifshot) => (
-  dispatch,
-  getState
-) => {
+export const generateGIF = (
+  images,
+  opts,
+  gifMaker = gifshot,
+  downloadFn = download
+) => (dispatch, getState) => {
   // Have to check state interval and not opts because opts is in seconds
   const { interval } = getState().settings.image;
+  const { gifFileName } = getState().images;
   const settingsErrors = getSettingsErrors({ interval });
   if (Object.keys(settingsErrors).length) {
     dispatch(flashError(badSettingsInput(settingsErrors)));
@@ -248,11 +251,13 @@ export const generateGIF = (images, opts, gifMaker = gifshot) => (
     ...opts,
     progressCallback: progress => dispatch(updateGIFProgress(progress))
   };
+
   gifMaker.createGIF(gifshotArgs, data => {
     if (data.error) {
       dispatch(flashError(gifCreationProblem()));
     } else {
       dispatch(addGIF(data.image));
+      downloadFn(data.image, gifFileName || 'gifsmos.gif', 'image/gif');
     }
   });
 };