jscodemodes

Codemods for js

bem-cn-react-16-explicitly-call.js

Explicit call of bem-cn class method (React 16 bug).

Running

To run codemod you should use jscodeshift https://github.com/facebook/jscodeshift

Works for

ConditionalExpression

null is supportded for consequent and alternate. Consequent and alternate could be any types of supported expressions/identifier. Unsupported types will stay unchanged.

className={ test ? consequent : alternate } -> className={ test ? consequent() : alternate() }

MemberExpression

className={ scope.cls } -> className={ scope.cls() }

Identifier

className={ cls } -> className={ cls() }

CallExpression

// mix/state/is/has are working in a similar way
className={ cls.mix('anotherCls') } -> className={ cls.mix('anotherCls')() }

className={ cls({ ... }) } -> className={ cls({ ... })() }

At the case explicit call will be added only if last function call doesn't have arguments.

// nothing changed
className={ cls({ ... })() } -> className={ cls({ ... })() }

Known issues:

Codemod doesn't look for identifier type, and how it was initialized, so the codemod will modify all supported types of jsxExpressions for className attribute.

Works only for JSX attribute className

iseeyou911/jscodemodes