Compose util

src/api.js

@@ -9,7 +9,7 @@ const convert = ({ files, outputPath, outputType, name }) => {
     execS('which convert', (error) => {
       if (error) reject(error)
 
-      const outputName = name || createOutputFileName(files, outputType)
+      const outputName = name || createOutputFileName(outputType)(files)
       const command = [
         'convert',
         ...files.map(replaceSpaceCharacters), // input files

src/components/Converter.jsx

@@ -21,8 +21,7 @@ import {
   STAGING,
   CONVERTING,
   FAILED,
-  DONE,
-  operations
+  DONE
 } from '../helpers/constants'
 
 const drop = (props, monitor, component) => {
@@ -132,7 +131,7 @@ class Sanitizer extends Component {
           {/* TODO make this compose better */}
           <input
             type="text"
-            value={displayOutputFileName(this.state.files, this.state.outputType)}
+            value={displayOutputFileName(this.state.outputType)(this.state.files)}
           />
           <div className="row">
             <div className="switch">

src/helpers/functional.js

@@ -0,0 +1,11 @@
+const pluck = key => obj => obj[key]
+
+const map = f => mappable => mappable.map(f)
+
+const compose = (...fns) => res => fns.reduce((accum, next) => next(accum), res)
+
+module.exports = {
+  pluck,
+  map,
+  compose
+}

src/helpers/util.js

@@ -1,3 +1,5 @@
+const { pluck, compose, map } = require('./functional')
+
 const replaceSpaceCharacters = str =>
   str.replace(/\s/g, '\\ ')
 
@@ -13,17 +15,16 @@ const filterImages = files => Object.keys(files)
                                     .map(key => files[key])
                                     .filter(file => file.type.includes('image'))
 
-const createOutputFileName = (files, outputType) => `ALCHEMY-${concatFiles(files)}.${outputType || 'pdf'}`
+const createOutputFileName = outputType => files => `ALCHEMY-${concatFiles(files)}.${outputType || 'pdf'}`
 
 function centerEllipsis(str, length = 7) {
   return (str.length > (length * 2) + 1) ?
     `${str.substr(0, length)}...${str.substr(str.length - length, str.length)}` :
     str
 }
 
-// TODO curry?
-const displayOutputFileName = (files, outputType) =>
-  centerEllipsis(createOutputFileName(filterImages(files).map(f => f.path), outputType))
+const displayOutputFileName = outputType =>
+  compose(filterImages, map(pluck('path')), createOutputFileName(outputType), centerEllipsis)
 
 const uniqueFiles = (files, newArray) =>
   newArray.reduce((accum, next) => {