Name: tessl/npm-react-swipeable
Rating: 0.9 (1 reviews)
Author: tessl

tessl/npm-react-swipeable

React hook for handling swipe gestures on touch devices and mouse interactions with comprehensive directional callbacks and customizable sensitivity settings

1.00x

Evaluation — 90%

↑ 1.00x

Agent success when using this tile

Overview

Eval results

Files

Evaluation results

100%

20%

Interactive Image Viewer

Tap detection (onTap)

Criteria

Without context

With context

useSwipeable hook usage

100%

onTap callback implementation

100%

onSwipedLeft callback

100%

onSwipedRight callback

100%

Handler spreading

100%

Gesture separation

50%

100%

Swipeable Image Gallery

Basic swipe detection (left, right, up, down)

Criteria

Without context

With context

useSwipeable Hook Usage

100%

Left Swipe Handler

100%

Right Swipe Handler

100%

Up Swipe Handler

100%

Down Swipe Handler

100%

Handler Attachment

100%

Rotated UI Swipe Handler

Rotation angle support (coordinate system transformation)

Criteria

Without context

With context

useSwipeable hook usage

100%

rotationAngle configuration

100%

Directional callbacks

100%

Handler attachment

100%

trackMouse configuration

100%

Directional Swipe Sensitivity Configuration

Direction-specific delta thresholds (per-direction sensitivity)

Criteria

Without context

With context

useSwipeable hook usage

100%

Delta object configuration

100%

Correct threshold values

100%

Direction callbacks

100%

Handler attachment

100%

32%

Swipe Animation Controller

First event tracking

Criteria

Without context

With context

useSwipeable hook usage

100%

onSwiping callback

100%

first property detection

100%

deltaX and deltaY

100%

initial position tracking

80%

100%

onSwiped callback

100%

20%

-65%

Interactive Swipe Progress Tracker

Swipe lifecycle callbacks (onSwipeStart, onSwiping, onSwiped)

Criteria

Without context

With context

useSwipeable hook usage

onSwipeStart callback

100%

20%

onSwiping callback

100%

33%

onSwiped callback

100%

20%

Handler attachment

100%

Swipeable Image Gallery

Scroll prevention (preventScrollOnSwipe)

Criteria

Without context

With context

useSwipeable hook usage

100%

preventScrollOnSwipe enabled

100%

onSwipedLeft callback

100%

onSwipedRight callback

100%

trackMouse enabled

100%

Handler spreading

100%

20%

Swipe Gesture Counter

Directional swipe callbacks (onSwipedLeft, onSwipedRight, onSwipedUp, onSwipedDown, onSwiped)

Criteria

Without context

With context

useSwipeable Hook Usage

100%

onSwipedLeft Callback

100%

onSwipedRight Callback

100%

onSwipedUp Callback

100%

onSwipedDown Callback

100%

onSwiped Universal Callback

100%

Handler Attachment

50%

100%

90%

-5%

Swipe Gesture Timer

Swipe duration limits (swipeDuration)

Criteria

Without context

With context

useSwipeable hook usage

100%

swipeDuration configuration

100%

Directional callbacks

100%

Event data usage

100%

trackMouse configuration

100%

Handler spreading

50%

90%

Swipe Origin Display

Initial position tracking

Criteria

Without context

With context

useSwipeable hook usage

100%

Initial position access

100%

Mouse tracking enabled

100%

Swipe start callback

100%

Handler attachment

Install with Tessl CLI

npx tessl i tessl/npm-react-swipeable

Evaluated: 2 months ago
Agent: Claude Code
Model: Unknown

Table of Contents

Interactive Image Viewer Swipeable Image Gallery Rotated UI Swipe Handler Directional Swipe Sensitivity Configuration Swipe Animation Controller Interactive Swipe Progress Tracker Swipeable Image Gallery Swipe Gesture Counter Swipe Gesture Timer Swipe Origin Display