Visualizer 
{
    "state": "idle",
    "event": {
        "type": ""
    },
    "previousEvent": null,
    "context": {
        "naturalSize": {
            "width": 0,
            "height": 0
        },
        "crop": {
            "x": 0,
            "y": 0,
            "width": 50,
            "height": 50
        },
        "pointerStart": null,
        "cropStart": null,
        "handlePosition": null,
        "shiftLockRatio": null,
        "lastShiftKey": false,
        "zoom": 1,
        "offset": {
            "x": 0,
            "y": 0
        }
    }
}