CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-babel-plugin-react-transform

Babel plugin to instrument React components with custom transforms

59%

Overall

Evaluation59%

1.48x

Agent success when using this tile

Overview
Eval results
Files

rubric.jsonevals/scenario-1/

{
  "context": "Evaluates whether the solution uses babel-plugin-react-transform to wrap React class components with configured transforms, preserving export semantics, respecting transform ordering, and leaving non-component code untouched.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Plugin setup",
      "description": "Includes babel-plugin-react-transform in the Babel pipeline with a defined transforms array so the plugin handles component wrapping.",
      "max_score": 20
    },
    {
      "name": "Transforms config",
      "description": "Provides valid transform entries (with transform module references and any needed imports/locals) in the plugin options to drive wrapping behavior.",
      "max_score": 20
    },
    {
      "name": "Wrapper applied",
      "description": "Generated output wraps every React class component, including default exports, using the plugin’s `_wrapComponent(componentId)(ComponentClass)` pattern.",
      "max_score": 25
    },
    {
      "name": "Non-components untouched",
      "description": "Ensures classes without render methods or helper classes remain unwrapped after transformation.",
      "max_score": 10
    },
    {
      "name": "Order respected",
      "description": "When multiple transforms are configured, wrapper composition matches plugin ordering so the last-listed transform executes closest to the component.",
      "max_score": 15
    },
    {
      "name": "Identifier stability",
      "description": "Uses the plugin’s generated component identifier (derived from filename/components map) consistently across wrapper calls instead of ad-hoc ids.",
      "max_score": 10
    }
  ]
}
tessl i tessl/npm-babel-plugin-react-transform@3.0.0

tile.json