{
  "context": "This criteria evaluates how well the engineer uses the react-swipeable library's lifecycle callbacks (onSwipeStart, onSwiping, onSwiped) to implement a component that tracks and displays real-time swipe gesture progress.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "useSwipeable hook usage",
      "description": "Uses the useSwipeable hook from react-swipeable to set up swipe gesture handling",
      "max_score": 15
    },
    {
      "name": "onSwipeStart callback",
      "description": "Implements the onSwipeStart callback to detect when a swipe begins and updates the status to 'Swiping...'",
      "max_score": 25
    },
    {
      "name": "onSwiping callback",
      "description": "Implements the onSwiping callback to continuously update displacement values (deltaX and deltaY) during the swipe",
      "max_score": 30
    },
    {
      "name": "onSwiped callback",
      "description": "Implements the onSwiped callback to detect when a swipe completes, updates status to 'Completed!', and increments the swipe counter",
      "max_score": 25
    },
    {
      "name": "Handler attachment",
      "description": "Properly attaches the handlers returned by useSwipeable to a DOM element using spread operator or ref",
      "max_score": 5
    }
  ]
}