ImageEditor now uses Cropper.Js / CamanJS libs (instead of tui-image-editor) #287

adrians5j · 2018-11-13T12:46:29Z

We switched from tui-image-editor to Cropper.Js / CamanJS libs because of the following reasons:

More lightweight - both of these libs together have less kb than previous one.
More modern - previous lib had jQuery as dependency, these ones don't. In fact, Cropper.Js has zero dependencies.
Last but not least, replacing previous lib also fixed nasty errors that would appear in the console while installing dependencies. The errors were caused by fabric lib, and cannot be solved at the moment.

…here. We will implement separate withImageUpload component.

…ded before calling onChange.

adrians5j added 17 commits November 10, 2018 20:03

wip

8010b8a

Done with Cropper / Caman.

47e621b

Fix image flashing on successful file upload.

16261c8

Refactored ImageEditor - has render prop - enables easier control.

4275ea2

Added tooltip when Save button is disabled.

b7ea525

Enlarge max canvas width.

7f83589

Apply / cancel filter buttons - switch places.

ea07648

updated buttons

a935c84

fixed revert functionality of Filter tool

4fb4df4

Must remount image editor on src change.

cef7d77

Fixed images not refreshing bug and simplified a bit.

d832076

apply filters even when users click 'Save' in editor dialog

c98f626

Remove convertToBase64 separate method - not needed anymore.

f5019e2

Reverted image flashing fix in withFileUpload - this does not belong …

8f07d53

…here. We will implement separate withImageUpload component.

Implemented withImageUpload component - ensures that the image is loa…

9861f20

…ded before calling onChange.

Merge remote-tracking branch 'origin/development' into imageEditor/jimp

3c8731d

Update yarn.lock.

e83ca64

adrians5j added tag: bug fix labels Nov 13, 2018

adrians5j self-assigned this Nov 13, 2018

adrians5j merged commit c4fcd3b into development Nov 13, 2018

adrians5j deleted the imageEditor/noTuiFabric branch November 13, 2018 12:49

Provide feedback