A highly customizable React top-loading bar component with hook-based, ref-based, and state-based control patterns.
Agent Success
Agent success rate when using this tile
64%
Improvement
Agent success rate improvement when using this tile compared to baseline
1.25x
Baseline
Agent success rate without this tile
51%
{
"context": "This evaluation assesses the engineer's ability to properly use TypeScript type definitions and interfaces provided by the react-top-loading-bar package. The focus is on correctly importing and applying the IProps interface for configuration validation/merging and the LoadingBarRef type for the progress tracker's reference handling.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Imports type definitions",
"description": "Code imports the appropriate TypeScript types from react-top-loading-bar package (IProps for configuration typing and LoadingBarRef for reference typing)",
"max_score": 15
},
{
"name": "Uses IProps type",
"description": "The validateLoadingBarConfig function parameter is typed using IProps or Partial<IProps> from the package",
"max_score": 20
},
{
"name": "IProps in merger",
"description": "The mergeLoadingBarSettings function uses IProps or Partial<IProps> for the optional parameter and returns IProps or a compatible type",
"max_score": 20
},
{
"name": "LoadingBarRef typing",
"description": "The LoadingBarTracker class stores the loading bar reference with the correct LoadingBarRef type from the package",
"max_score": 25
},
{
"name": "Type-safe method calls",
"description": "LoadingBarTracker methods call the reference's methods (continuousStart, complete, staticStart) in a type-safe manner using the LoadingBarRef interface",
"max_score": 20
}
]
}tessl i tessl/npm-react-top-loading-bar@3.0.0evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10