React Display Name Inference

A transformer that injects displayName into React class component definitions by deriving names from surrounding assignments, object properties, and member expressions even when the creation call is wrapped inside other expressions.

Capabilities

Infers from object property values

• When a createClass call is the value of an object property and the object is assigned, the property key becomes the injected displayName if one is missing. @test

Infers from member expression assignments

• When a createClass call is assigned to a member expression such as registry.Widget, the right-most property name becomes the injected displayName if absent. @test

Infers through nested call wrappers

• When a createClass call is wrapped inside another call on the right-hand side of an assignment (e.g., const Banner = wrap(createClass(...))), the left-hand identifier becomes the injected displayName. @test
• If a displayName already exists inside the object literal, it is preserved and not overwritten, even in nested scenarios. @test

Implementation

@generates

API

/**
 * Transforms source code so React class component factories gain a displayName derived
 * from nearby assignment or property context while preserving existing displayName entries.
 *
 * @param source JavaScript or TypeScript module source containing createClass calls.
 * @returns The transformed source code with injected displayName fields where applicable.
 */
export function transformWithDisplayNames(source: string): string;

Dependencies { .dependencies }

@babel/plugin-transform-react-display-name { .dependency }

Transforms createClass calls to inject displayName, including when nested in member expressions or wrapped calls. @satisfied-by

@babel/core { .dependency }

Provides the compiler pipeline required to run the display name transform. @satisfied-by