uppy/src/plugins/Redux.js

Extensible JavaScript file upload widget with support for drag&drop, resumable uploads, previews, restrictions, file processing/encoding, remote providers like Instagram, Dropbox, Google Drive, S3 and more :dog:

const Plugin = require('../core/Plugin')

module.exports = class Redux extends Plugin {
  constructor (uppy, opts) {
    super(uppy, opts)
    this.type = 'state-sync'
    this.id = 'Redux'
    this.title = 'Redux Emitter'

    if (typeof opts.action === 'undefined') {
      throw new Error('action option is not defined')
    }
    if (typeof opts.dispatch === 'undefined') {
      throw new Error('dispatch option is not defined')
    }
    this.opts = opts

    this.handleStateUpdate = this.handleStateUpdate.bind(this)
  }

  handleStateUpdate (prev, state, patch) {
    this.opts.dispatch(this.opts.action(prev, state, patch)) // this dispatches a redux event with the new state
  }

  install () {
    this.uppy.on('state-update', this.handleStateUpdate)
    this.handleStateUpdate({}, this.uppy.state, this.uppy.state) // set the initial redux state
  }

  uninstall () {
    this.uppy.off('state-update', this.handleStateUpdate)
  }
}