CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-babel-plugin-react-transform

Babel plugin to instrument React components with custom transforms

59

1.47x

Evaluation59%

1.47x

Agent success when using this tile

Overview
Eval results
Files

Evaluation results

30%

9%

Component Transform Instrumentation

Wrap components with transform wrapper

Criteria
Without context
With context

Plugin setup

0%

0%

Transforms config

0%

0%

Wrapper applied

32%

60%

Non-components untouched

100%

100%

Order respected

0%

0%

Identifier stability

30%

50%

100%

React Class Transform Harness

Class component detection with render gate

Criteria
Without context
With context

Plugin applied

100%

100%

Transforms config

100%

100%

Render gate honored

100%

100%

Custom superClasses

100%

100%

Metadata captured

100%

100%

100%

82%

Custom Pattern Transform Helper

Custom factoryMethods and superClasses

Criteria
Without context
With context

factoryMethods

0%

100%

superClasses

0%

100%

Keeps defaults

53%

100%

Transforms used

0%

100%

Render gating

66%

100%

0%

-53%

File-Scoped React Transform Harness

Per-file transform initialization

Criteria
Without context
With context

Plugin setup

90%

0%

Transform options

100%

0%

Per-file init

20%

0%

Metadata passed

50%

0%

Injected deps

0%

0%

75%

48%

Export-Safe Component Wrapping

Export-safe wrapping and visit deduping

Criteria
Without context
With context

Plugin setup

0%

100%

Default export wrap

50%

100%

Named export wrap

46%

100%

Visited guard

0%

0%

Idempotent output

50%

100%

25%

-15%

React Transform Options Normalizer

Plugin options validation and defaults

Criteria
Without context
With context

Validation call

0%

0%

Plugin error

100%

100%

Uses normalize

0%

0%

Preserves overrides

100%

25%

80%

80%

Anonymous Component Identity Reporter

Anonymous and nested component id handling

Criteria
Without context
With context

Plugin wiring

0%

75%

Metadata source

0%

40%

Anonymous ids

0%

100%

Nested flag

0%

100%

Display names

0%

100%

43%

20%

Ordered Transform Pipeline

Ordered transform composition

Criteria
Without context
With context

Order chain

16%

33%

Shared ids

32%

60%

Plugin wrapper

0%

50%

Imports passed

40%

33%

Locals passed

40%

30%

75%

-5%

Component Metadata Collector

Component metadata map generation

Criteria
Without context
With context

Plugin enabled

100%

100%

Transforms configured

100%

75%

Components map emitted

100%

100%

Metadata used in transform

0%

0%

Anonymous handling

100%

100%

Install with Tessl CLI

npx tessl i tessl/npm-babel-plugin-react-transform
Evaluated
Agent
Claude Code

Table of Contents