uploadcare-widget-tab-effects/src/tools/auto-crop.js

Effects Tab for Uploadcare Widget. Edit images in desktop and mobile browsers.

import getCropResize from './get-crop-resize'

const autoCrop = (store, settings, uc) => {
  const {crop} = settings
  const {image} = store.getState()

  if (!crop) {
    return
  }

  // if even one of crop option sets allow free crop,
  // we don't need to crop automatically
  if (crop.some(c => !c.preferedSize)) {
    return
  }

  if (!image.isImage || image.cdnUrlModifiers || image.crop) {
    return
  }

  const info = image.originalImageInfo
  const size = uc.utils.fitSize(crop[0].preferedSize, [info.width, info.height], true)

  const cropEffect = {
    originalSize: [info.width, info.height],
    settings: crop[0],
    resizeTo: getCropResize(crop[0], size),
    coords: {
      left: Math.round((info.width - size[0]) / 2),
      top: Math.round((info.height - size[1]) / 2),
      width: size[0],
      height: size[1],
    },
  }

  store.setAppliedEffect({crop: cropEffect})
  store.rebuildImage()
}

export default autoCrop