;\n+ }\n+});\n+\n+var ButIDo = React.createClass({\n+ foo: function() {\n+ this.setState({banana: '?'});\n+ },\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+var IAccessProps = React.createClass({\n+\n+ getInitialState: function() {\n+ return {\n+ relayReleaseDate: this.props.soon,\n+ };\n+ },\n+\n+ render: function() {\n+ return\n+ }\n+\n+});\ndiff --git a\/npm-react-codemod\/test\/class-test2.output.js b\/npm-react-codemod\/test\/class-test2.output.js\nnew file mode 100644\nindex 0000000000..9021d6ffa7\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/class-test2.output.js\n@@ -0,0 +1,31 @@\n+'use strict';\n+\n+var React = require('React');\n+\n+class IdontNeedAParent {\n+ render() {\n+ return

;\n+ }\n+}\n+\n+class ButIDo extends React.Component {\n+ foo() {\n+ this.setState({banana: '?'});\n+ }\n+\n+ render() {\n+ return

;\n+ }\n+}\n+\n+class IAccessProps {\n+ constructor(props) {\n+ this.state = {\n+ relayReleaseDate: props.soon,\n+ };\n+ }\n+\n+ render() {\n+ return\n+ }\n+}\ndiff --git a\/npm-react-codemod\/test\/class-test3.js b\/npm-react-codemod\/test\/class-test3.js\nnew file mode 100644\nindex 0000000000..ba03cf8dbd\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/class-test3.js\n@@ -0,0 +1,20 @@\n+'use strict';\n+\n+var React = require('React');\n+\n+\/\/ Comment\n+module.exports = React.createClass({\n+ propTypes: {\n+ foo: React.PropTypes.bool,\n+ },\n+\n+ getInitialState: function() {\n+ return {\n+ foo: 'bar',\n+ };\n+ },\n+\n+ render: function() {\n+ return

;\n+ }\n+});\ndiff --git a\/npm-react-codemod\/test\/class-test3.output.js b\/npm-react-codemod\/test\/class-test3.output.js\nnew file mode 100644\nindex 0000000000..7da46bff5c\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/class-test3.output.js\n@@ -0,0 +1,22 @@\n+'use strict';\n+\n+var React = require('React');\n+\n+\/\/ Comment\n+module.exports = class __exports extends React.Component {\n+ constructor(props, context) {\n+ super(props, context);\n+\n+ this.state = {\n+ foo: 'bar',\n+ };\n+ }\n+\n+ render() {\n+ return

;\n+ }\n+};\n+\n+module.exports.propTypes = {\n+ foo: React.PropTypes.bool,\n+};\ndiff --git a\/npm-react-codemod\/test\/findDOMNode-test.js b\/npm-react-codemod\/test\/findDOMNode-test.js\nnew file mode 100644\nindex 0000000000..fbdb0a95f6\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/findDOMNode-test.js\n@@ -0,0 +1,34 @@\n+'use strict';\n+\n+var React = require('React');\n+\n+var Composer = React.createClass({\n+ componentWillReceiveProps: function(nextProps) {\n+ this.getDOMNode();\n+ return foo(this.refs.input.getDOMNode());\n+ },\n+\n+ foo: function() {\n+ var ref = 'foo';\n+ var element = this.refs[ref];\n+ var domNode = element.getDOMNode();\n+ },\n+\n+ bar: function() {\n+ var thing = this.refs.foo;\n+ thing.getDOMNode();\n+ },\n+\n+ foobar: function() {\n+ passThisOn(this.refs.main.refs.list.getDOMNode());\n+ }\n+});\n+\n+var SomeDialog = React.createClass({\n+ render: function() {\n+ call(this.refs.SomeThing);\n+ return (\n+

\n+ );\n+ }\n+});\ndiff --git a\/npm-react-codemod\/test\/findDOMNode-test.output.js b\/npm-react-codemod\/test\/findDOMNode-test.output.js\nnew file mode 100644\nindex 0000000000..45bfca5bbb\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/findDOMNode-test.output.js\n@@ -0,0 +1,34 @@\n+'use strict';\n+\n+var React = require('React');\n+\n+var Composer = React.createClass({\n+ componentWillReceiveProps: function(nextProps) {\n+ React.findDOMNode(this);\n+ return foo(React.findDOMNode(this.refs.input));\n+ },\n+\n+ foo: function() {\n+ var ref = 'foo';\n+ var element = this.refs[ref];\n+ var domNode = React.findDOMNode(element);\n+ },\n+\n+ bar: function() {\n+ var thing = this.refs.foo;\n+ React.findDOMNode(thing);\n+ },\n+\n+ foobar: function() {\n+ passThisOn(React.findDOMNode(this.refs.main.refs.list));\n+ }\n+});\n+\n+var SomeDialog = React.createClass({\n+ render: function() {\n+ call(this.refs.SomeThing);\n+ return (\n+

\n+ );\n+ }\n+});\ndiff --git a\/npm-react-codemod\/test\/pure-render-mixin-test.js b\/npm-react-codemod\/test\/pure-render-mixin-test.js\nnew file mode 100644\nindex 0000000000..dcb374328f\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/pure-render-mixin-test.js\n@@ -0,0 +1,45 @@\n+var React = require('react\/addons');\n+\n+var PureRenderMixin = React.addons.PureRenderMixin;\n+\n+var MyComponent = React.createClass({\n+ mixins: [PureRenderMixin],\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+var MyMixedComponent = React.createClass({\n+ mixins: [PureRenderMixin, SomeOtherMixin],\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+var MyFooComponent = React.createClass({\n+ mixins: [PureRenderMixin, SomeOtherMixin],\n+\n+ render: function() {\n+ return

;\n+ },\n+\n+ foo: function() {\n+\n+ }\n+});\n+\n+var MyStupidComponent = React.createClass({\n+ mixins: [PureRenderMixin],\n+\n+ shouldComponentUpdate: function() {\n+ return !!'wtf is this doing here?';\n+ },\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+module.exports = MyComponent;\ndiff --git a\/npm-react-codemod\/test\/pure-render-mixin-test.output.js b\/npm-react-codemod\/test\/pure-render-mixin-test.output.js\nnew file mode 100644\nindex 0000000000..31fdec6c87\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/pure-render-mixin-test.output.js\n@@ -0,0 +1,55 @@\n+var React = require('react\/addons');\n+\n+var PureRenderMixin = React.addons.PureRenderMixin;\n+\n+var MyComponent = React.createClass({\n+ shouldComponentUpdate: function(nextProps, nextState) {\n+ return React.addons.shallowCompare(this, nextProps, nextState);\n+ },\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+var MyMixedComponent = React.createClass({\n+ mixins: [SomeOtherMixin],\n+\n+ shouldComponentUpdate: function(nextProps, nextState) {\n+ return React.addons.shallowCompare(this, nextProps, nextState);\n+ },\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+var MyFooComponent = React.createClass({\n+ mixins: [SomeOtherMixin],\n+\n+ render: function() {\n+ return

;\n+ },\n+\n+ foo: function() {\n+\n+ },\n+\n+ shouldComponentUpdate: function(nextProps, nextState) {\n+ return React.addons.shallowCompare(this, nextProps, nextState);\n+ }\n+});\n+\n+var MyStupidComponent = React.createClass({\n+ mixins: [PureRenderMixin],\n+\n+ shouldComponentUpdate: function() {\n+ return !!'wtf is this doing here?';\n+ },\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+module.exports = MyComponent;\ndiff --git a\/npm-react-codemod\/test\/pure-render-mixin-test2.js b\/npm-react-codemod\/test\/pure-render-mixin-test2.js\nnew file mode 100644\nindex 0000000000..e5acfdabe5\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/pure-render-mixin-test2.js\n@@ -0,0 +1,13 @@\n+var React = require('react\/addons');\n+\n+var PureRenderMixin = React.addons.PureRenderMixin;\n+\n+var MyComponent = React.createClass({\n+ mixins: [PureRenderMixin],\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+module.exports = MyComponent;\ndiff --git a\/npm-react-codemod\/test\/pure-render-mixin-test2.output.js b\/npm-react-codemod\/test\/pure-render-mixin-test2.output.js\nnew file mode 100644\nindex 0000000000..90d0a78208\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/pure-render-mixin-test2.output.js\n@@ -0,0 +1,13 @@\n+var React = require('react\/addons');\n+\n+var MyComponent = React.createClass({\n+ shouldComponentUpdate: function(nextProps, nextState) {\n+ return React.addons.shallowCompare(this, nextProps, nextState);\n+ },\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+module.exports = MyComponent;\ndiff --git a\/npm-react-codemod\/test\/pure-render-mixin-test3.js b\/npm-react-codemod\/test\/pure-render-mixin-test3.js\nnew file mode 100644\nindex 0000000000..4044f4779c\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/pure-render-mixin-test3.js\n@@ -0,0 +1,14 @@\n+var React = require('react\/addons');\n+\n+var Foo = 'Foo';\n+var PureRenderMixin = React.addons.PureRenderMixin;\n+\n+var MyComponent = React.createClass({\n+ mixins: [PureRenderMixin],\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+module.exports = MyComponent;\ndiff --git a\/npm-react-codemod\/test\/pure-render-mixin-test3.output.js b\/npm-react-codemod\/test\/pure-render-mixin-test3.output.js\nnew file mode 100644\nindex 0000000000..37cc2fe1d3\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/pure-render-mixin-test3.output.js\n@@ -0,0 +1,15 @@\n+var React = require('react\/addons');\n+\n+var Foo = 'Foo';\n+\n+var MyComponent = React.createClass({\n+ shouldComponentUpdate: function(nextProps, nextState) {\n+ return React.addons.shallowCompare(this, nextProps, nextState);\n+ },\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+module.exports = MyComponent;\ndiff --git a\/npm-react-codemod\/test\/pure-render-mixin-test4.js b\/npm-react-codemod\/test\/pure-render-mixin-test4.js\nnew file mode 100644\nindex 0000000000..cbf384e0f4\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/pure-render-mixin-test4.js\n@@ -0,0 +1,12 @@\n+var React = require('React');\n+var ReactComponentWithPureRenderMixin = require('ReactComponentWithPureRenderMixin');\n+\n+var MyComponent = React.createClass({\n+ mixins: [ReactComponentWithPureRenderMixin],\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+module.exports = MyComponent;\ndiff --git a\/npm-react-codemod\/test\/pure-render-mixin-test4.output.js b\/npm-react-codemod\/test\/pure-render-mixin-test4.output.js\nnew file mode 100644\nindex 0000000000..14c9cf2f94\n--- \/dev\/null\n+++ b\/npm-react-codemod\/test\/pure-render-mixin-test4.output.js\n@@ -0,0 +1,13 @@\n+var React = require('React');\n+\n+var MyComponent = React.createClass({\n+ shouldComponentUpdate: function(nextProps, nextState) {\n+ return React.addons.shallowCompare(this, nextProps, nextState);\n+ },\n+\n+ render: function() {\n+ return

;\n+ }\n+});\n+\n+module.exports = MyComponent;\ndiff --git a\/npm-react-codemod\/transforms\/class.js b\/npm-react-codemod\/transforms\/class.js\nnew file mode 100644\nindex 0000000000..5d52120153\n--- \/dev\/null\n+++ b\/npm-react-codemod\/transforms\/class.js\n@@ -0,0 +1,495 @@\n+\/*eslint-disable no-comma-dangle*\/\n+\n+'use strict';\n+\n+function updateReactCreateClassToES6(file, api, options) {\n+ const j = api.jscodeshift;\n+\n+ require('.\/utils\/array-polyfills');\n+ const ReactUtils = require('.\/utils\/ReactUtils')(j);\n+\n+ const printOptions = options.printOptions || {quote: 'single'};\n+ const root = j(file.source);\n+\n+ const AUTOBIND_IGNORE_KEYS = {\n+ componentDidMount: true,\n+ componentDidUpdate: true,\n+ componentWillReceiveProps: true,\n+ componentWillMount: true,\n+ componentWillUpdate: true,\n+ componentWillUnmount: true,\n+ getDefaultProps: true,\n+ getInitialState: true,\n+ render: true,\n+ shouldComponentUpdate: true,\n+ };\n+\n+ const BASE_COMPONENT_METHODS = ['setState', 'forceUpdate'];\n+\n+ const DEFAULT_PROPS_FIELD = 'getDefaultProps';\n+ const DEFAULT_PROPS_KEY = 'defaultProps';\n+ const GET_INITIAL_STATE_FIELD = 'getInitialState';\n+\n+ const DEPRECATED_APIS = [\n+ 'getDOMNode',\n+ 'isMounted',\n+ 'replaceProps',\n+ 'replaceState',\n+ 'setProps',\n+ ];\n+\n+ const STATIC_KEYS = {\n+ childContextTypes: true,\n+ contextTypes: true,\n+ displayName: true,\n+ propTypes: true,\n+ };\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Checks if the module uses mixins or accesses deprecated APIs.\n+ const checkDeprecatedAPICalls = classPath =>\n+ DEPRECATED_APIS.reduce(\n+ (acc, name) =>\n+ acc + j(classPath)\n+ .find(j.Identifier, {name})\n+ .size(),\n+ 0\n+ ) > 0;\n+\n+ const callsDeprecatedAPIs = classPath => {\n+ if (checkDeprecatedAPICalls(classPath)) {\n+ console.log(\n+ file.path + ': \"' + ReactUtils.getComponentName(classPath) + '\" ' +\n+ 'skipped because of deprecated API calls. Remove calls to ' +\n+ DEPRECATED_APIS.join(', ') + ' in your React component and re-run ' +\n+ 'this script.'\n+ );\n+ return false;\n+ }\n+ return true;\n+ };\n+\n+ const hasMixins = classPath => {\n+ if (ReactUtils.hasMixins(classPath)) {\n+ console.log(\n+ file.path + ': \"' + ReactUtils.getComponentName(classPath) + '\" ' +\n+ ' skipped because of mixins.'\n+ );\n+ return false;\n+ }\n+ return true;\n+ };\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Helpers\n+ const createFindPropFn = prop => property => (\n+ property.key &&\n+ property.key.type === 'Identifier' &&\n+ property.key.name === prop\n+ );\n+\n+ const filterDefaultPropsField = node =>\n+ createFindPropFn(DEFAULT_PROPS_FIELD)(node);\n+\n+ const filterGetInitialStateField = node =>\n+ createFindPropFn(GET_INITIAL_STATE_FIELD)(node);\n+\n+ const findGetDefaultProps = specPath =>\n+ specPath.properties.find(createFindPropFn(DEFAULT_PROPS_FIELD));\n+\n+ const findGetInitialState = specPath =>\n+ specPath.properties.find(createFindPropFn(GET_INITIAL_STATE_FIELD));\n+\n+ \/\/ This is conservative; only check for `setState` and `forceUpdate` literals\n+ \/\/ instead of also checking which objects they are called on.\n+ const shouldExtendReactComponent = classPath =>\n+ BASE_COMPONENT_METHODS.some(name => (\n+ j(classPath)\n+ .find(j.Identifier, {name})\n+ .size() > 0\n+ ));\n+\n+ const withComments = (to, from) => {\n+ to.comments = from.comments;\n+ return to;\n+ };\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Collectors\n+ const isFunctionExpression = node => (\n+ node.key &&\n+ node.key.type === 'Identifier' &&\n+ node.value &&\n+ node.value.type === 'FunctionExpression'\n+ );\n+\n+ const collectStatics = specPath => {\n+ const statics = specPath.properties.find(createFindPropFn('statics'));\n+ const staticsObject =\n+ (statics && statics.value && statics.value.properties) || [];\n+\n+ const getDefaultProps = findGetDefaultProps(specPath);\n+ if (getDefaultProps) {\n+ staticsObject.push(createDefaultProps(getDefaultProps));\n+ }\n+\n+ return (\n+ staticsObject.concat(specPath.properties.filter(property =>\n+ property.key && STATIC_KEYS[property.key.name]\n+ ))\n+ .sort((a, b) => a.key.name < b.key.name)\n+ );\n+ };\n+\n+ const collectFunctions = specPath => specPath.properties\n+ .filter(prop =>\n+ !(filterDefaultPropsField(prop) || filterGetInitialStateField(prop))\n+ )\n+ .filter(isFunctionExpression);\n+\n+ const findAutobindNamesFor = (root, fnNames, literalOrIdentifier) => {\n+ const node = literalOrIdentifier;\n+ const autobindNames = {};\n+\n+ j(root)\n+ .find(j.MemberExpression, {\n+ object: node.name ? {\n+ type: node.type,\n+ name: node.name,\n+ } : {type: node.type},\n+ property: {\n+ type: 'Identifier',\n+ },\n+ })\n+ .filter(path => path.value.property && fnNames[path.value.property.name])\n+ .filter(path => {\n+ const call = path.parent.value;\n+ return !(\n+ call &&\n+ call.type === 'CallExpression' &&\n+ call.callee.type === 'MemberExpression' &&\n+ call.callee.object.type === node.type &&\n+ call.callee.object.name === node.name &&\n+ call.callee.property.type === 'Identifier' &&\n+ call.callee.property.name === path.value.property.name\n+ );\n+ })\n+ .forEach(path => autobindNames[path.value.property.name] = true);\n+\n+ return Object.keys(autobindNames);\n+ };\n+\n+ const collectAutoBindFunctions = (functions, classPath) => {\n+ const fnNames = {};\n+ functions\n+ .filter(fn => !AUTOBIND_IGNORE_KEYS[fn.key.name])\n+ .forEach(fn => fnNames[fn.key.name] = true);\n+\n+ const autobindNames = {};\n+ const add = name => autobindNames[name] = true;\n+\n+ \/\/ Find `this.`\n+ findAutobindNamesFor(classPath, fnNames, j.thisExpression()).forEach(add);\n+\n+ \/\/ Find `self.` if `self = this`\n+ j(classPath)\n+ .findVariableDeclarators()\n+ .filter(path => (\n+ path.value.id.type === 'Identifier' &&\n+ path.value.init &&\n+ path.value.init.type === 'ThisExpression'\n+ ))\n+ .forEach(path =>\n+ findAutobindNamesFor(\n+ j(path).closest(j.FunctionExpression).get(),\n+ fnNames,\n+ path.value.id\n+ ).forEach(add)\n+ );\n+\n+ return Object.keys(autobindNames).sort();\n+ };\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Boom!\n+ const createMethodDefinition = fn =>\n+ withComments(j.methodDefinition(\n+ '',\n+ fn.key,\n+ fn.value\n+ ), fn);\n+\n+ const createBindAssignment = name =>\n+ j.expressionStatement(\n+ j.assignmentExpression(\n+ '=',\n+ j.memberExpression(\n+ j.thisExpression(),\n+ j.identifier(name),\n+ false\n+ ),\n+ j.callExpression(\n+ j.memberExpression(\n+ j.memberExpression(\n+ j.thisExpression(),\n+ j.identifier(name),\n+ false\n+ ),\n+ j.identifier('bind'),\n+ false\n+ ),\n+ [j.thisExpression()]\n+ )\n+ )\n+ );\n+\n+ const createSuperCall = shouldAddSuperCall =>\n+ !shouldAddSuperCall ?\n+ [] :\n+ [j.expressionStatement(\n+ j.callExpression(\n+ j.identifier('super'),\n+ [j.identifier('props'), j.identifier('context')]\n+ )\n+ )];\n+\n+ const updatePropsAccess = getInitialState =>\n+ getInitialState ?\n+ j(getInitialState)\n+ .find(j.MemberExpression, {\n+ object: {\n+ type: 'ThisExpression',\n+ },\n+ property: {\n+ type: 'Identifier',\n+ name: 'props',\n+ },\n+ })\n+ .forEach(path => j(path).replaceWith(j.identifier('props')))\n+ .size() > 0 :\n+ false;\n+\n+ const inlineGetInitialState = getInitialState => {\n+ if (!getInitialState) {\n+ return [];\n+ }\n+\n+ return getInitialState.value.body.body.map(statement => {\n+ if (statement.type === 'ReturnStatement') {\n+ return j.expressionStatement(\n+ j.assignmentExpression(\n+ '=',\n+ j.memberExpression(\n+ j.thisExpression(),\n+ j.identifier('state'),\n+ false\n+ ),\n+ statement.argument\n+ )\n+ );\n+ }\n+\n+ return statement;\n+ });\n+ };\n+\n+ const createConstructorArgs = (shouldAddSuperClass, hasPropsAccess) => {\n+ if (shouldAddSuperClass) {\n+ return [j.identifier('props'), j.identifier('context')];\n+ } else if (hasPropsAccess) {\n+ return [j.identifier('props')];\n+ } else {\n+ return [];\n+ }\n+ };\n+\n+ const createConstructor = (\n+ getInitialState,\n+ autobindFunctions,\n+ shouldAddSuperClass\n+ ) => {\n+ if (!getInitialState && !autobindFunctions.length) {\n+ return [];\n+ }\n+\n+ const hasPropsAccess = updatePropsAccess(getInitialState);\n+ return [createMethodDefinition({\n+ key: j.identifier('constructor'),\n+ value: j.functionExpression(\n+ null,\n+ createConstructorArgs(shouldAddSuperClass, hasPropsAccess),\n+ j.blockStatement(\n+ [].concat(\n+ createSuperCall(shouldAddSuperClass),\n+ autobindFunctions.map(createBindAssignment),\n+ inlineGetInitialState(getInitialState)\n+ )\n+ )\n+ ),\n+ })];\n+ };\n+\n+ const createES6Class = (\n+ name,\n+ functions,\n+ getInitialState,\n+ autobindFunctions,\n+ comments,\n+ shouldAddSuperClass\n+ ) =>\n+ withComments(j.classDeclaration(\n+ \/\/ ast-types does not yet support empty class names\n+ \/\/ See: https:\/\/github.com\/benjamn\/ast-types\/pull\/102\n+ name ? j.identifier(name) : j.identifier('__exports'),\n+ j.classBody(\n+ [].concat(\n+ createConstructor(\n+ getInitialState,\n+ autobindFunctions,\n+ shouldAddSuperClass\n+ ),\n+ functions.map(createMethodDefinition)\n+ )\n+ ),\n+ shouldAddSuperClass ? j.memberExpression(\n+ j.identifier('React'),\n+ j.identifier('Component'),\n+ false\n+ ) : null\n+ ), {comments});\n+\n+ const createStaticAssignment = (name, staticProperty) =>\n+ withComments(j.expressionStatement(\n+ j.assignmentExpression(\n+ '=',\n+ j.memberExpression(\n+ name,\n+ j.identifier(staticProperty.key.name),\n+ false\n+ ),\n+ staticProperty.value\n+ )\n+ ), staticProperty);\n+\n+ const createStaticAssignmentExpressions = (name, statics) =>\n+ statics.map(staticProperty => createStaticAssignment(name, staticProperty));\n+\n+ const hasSingleReturnStatement = value => (\n+ value.type === 'FunctionExpression' &&\n+ value.body &&\n+ value.body.type === 'BlockStatement' &&\n+ value.body.body &&\n+ value.body.body.length === 1 &&\n+ value.body.body[0].type === 'ReturnStatement' &&\n+ value.body.body[0].argument &&\n+ value.body.body[0].argument.type === 'ObjectExpression'\n+ );\n+\n+ const createDefaultPropsValue = value => {\n+ if (hasSingleReturnStatement(value)) {\n+ return value.body.body[0].argument;\n+ } else {\n+ return j.callExpression(\n+ value,\n+ []\n+ );\n+ }\n+ };\n+\n+ const createDefaultProps = prop =>\n+ withComments(\n+ j.property(\n+ 'init',\n+ j.identifier(DEFAULT_PROPS_KEY),\n+ createDefaultPropsValue(prop.value)\n+ ),\n+ prop\n+ );\n+\n+ const getComments = classPath => {\n+ if (classPath.value.comments) {\n+ return classPath.value.comments;\n+ }\n+ const declaration = j(classPath).closest(j.VariableDeclaration);\n+ if (declaration.size()) {\n+ return declaration.get().value.comments;\n+ }\n+ return null;\n+ };\n+\n+ const createModuleExportsMemberExpression = () =>\n+ j.memberExpression(\n+ j.identifier('module'),\n+ j.identifier('exports'),\n+ false\n+ );\n+\n+ const updateToES6Class = (classPath, shouldExtend, isModuleExports) => {\n+ const specPath = ReactUtils.getReactCreateClassSpec(classPath);\n+ const name = ReactUtils.getComponentName(classPath);\n+ const statics = collectStatics(specPath);\n+ const functions = collectFunctions(specPath);\n+ const comments = getComments(classPath);\n+\n+ const autobindFunctions = collectAutoBindFunctions(functions, classPath);\n+ const getInitialState = findGetInitialState(specPath);\n+\n+ const staticName =\n+ name ? j.identifier(name) : createModuleExportsMemberExpression();\n+\n+ var path;\n+ if (isModuleExports) {\n+ path = ReactUtils.findReactCreateClassCallExpression(classPath);\n+ } else {\n+ path = j(classPath).closest(j.VariableDeclaration);\n+ }\n+\n+ path.replaceWith(\n+ createES6Class(\n+ name,\n+ functions,\n+ getInitialState,\n+ autobindFunctions,\n+ comments,\n+ shouldExtend || shouldExtendReactComponent(classPath)\n+ )\n+ );\n+\n+ const staticAssignments =\n+ createStaticAssignmentExpressions(staticName, statics);\n+ if (isModuleExports) {\n+ const body = root.get().value.body;\n+ body.push.apply(body, staticAssignments);\n+ } else {\n+ staticAssignments\n+ .forEach(expression => path = path.insertAfter(expression));\n+ }\n+ };\n+\n+ if (\n+ options['no-explicit-require'] || ReactUtils.hasReact(root)\n+ ) {\n+ const apply = (path, isModuleExports) =>\n+ path\n+ .filter(hasMixins)\n+ .filter(callsDeprecatedAPIs)\n+ .forEach(classPath => updateToES6Class(\n+ classPath,\n+ !options['no-super-class'],\n+ isModuleExports\n+ ));\n+\n+ const didTransform = (\n+ apply(ReactUtils.findReactCreateClass(root), false).size() +\n+ apply(ReactUtils.findReactCreateClassModuleExports(root), true).size()\n+ ) > 0;\n+\n+ if (didTransform) {\n+ return root.toSource(printOptions) + '\\n';\n+ }\n+ }\n+\n+ return null;\n+}\n+\n+module.exports = updateReactCreateClassToES6;\ndiff --git a\/npm-react-codemod\/transforms\/findDOMNode.js b\/npm-react-codemod\/transforms\/findDOMNode.js\nnew file mode 100644\nindex 0000000000..0a7425b02d\n--- \/dev\/null\n+++ b\/npm-react-codemod\/transforms\/findDOMNode.js\n@@ -0,0 +1,135 @@\n+\/*eslint-disable no-comma-dangle*\/\n+\n+'use strict';\n+\n+function getDOMNodeToFindDOMNode(file, api, options) {\n+ const j = api.jscodeshift;\n+\n+ require('.\/utils\/array-polyfills');\n+ const ReactUtils = require('.\/utils\/ReactUtils')(j);\n+\n+ const printOptions = options.printOptions || {quote: 'single'};\n+ const root = j(file.source);\n+\n+ const createReactFindDOMNodeCall = arg => j.callExpression(\n+ j.memberExpression(\n+ j.identifier('React'),\n+ j.identifier('findDOMNode'),\n+ false\n+ ),\n+ [arg]\n+ );\n+\n+ const updateRefCall = (path, refName) => {\n+ j(path)\n+ .find(j.CallExpression, {\n+ callee: {\n+ object: {\n+ type: 'Identifier',\n+ name: refName,\n+ },\n+ property: {\n+ type: 'Identifier',\n+ name: 'getDOMNode',\n+ },\n+ },\n+ })\n+ .forEach(callPath => j(callPath).replaceWith(\n+ createReactFindDOMNodeCall(j.identifier(refName))\n+ ));\n+ };\n+\n+ const updateToFindDOMNode = classPath => {\n+ var sum = 0;\n+\n+ \/\/ this.getDOMNode()\n+ sum += j(classPath)\n+ .find(j.CallExpression, {\n+ callee: {\n+ object: {\n+ type: 'ThisExpression',\n+ },\n+ property: {\n+ type: 'Identifier',\n+ name: 'getDOMNode',\n+ },\n+ },\n+ })\n+ .forEach(path => j(path).replaceWith(\n+ createReactFindDOMNodeCall(j.thisExpression())\n+ ))\n+ .size();\n+\n+ \/\/ this.refs.xxx.getDOMNode() or this.refs.xxx.refs.yyy.getDOMNode()\n+ sum += j(classPath)\n+ .find(j.MemberExpression, {\n+ object: {\n+ type: 'MemberExpression',\n+ object: {\n+ type: 'MemberExpression',\n+ object: {\n+ type: 'ThisExpression',\n+ },\n+ property: {\n+ type: 'Identifier',\n+ name: 'refs',\n+ },\n+ },\n+ },\n+ })\n+ .closest(j.CallExpression)\n+ .filter(path => (\n+ path.value.callee.property &&\n+ path.value.callee.property.type === 'Identifier' &&\n+ path.value.callee.property.name === 'getDOMNode'\n+ ))\n+ .forEach(path => j(path).replaceWith(\n+ createReactFindDOMNodeCall(path.value.callee.object)\n+ ))\n+ .size();\n+\n+ \/\/ someVariable.getDOMNode() wherre `someVariable = this.refs.xxx`\n+ sum += j(classPath)\n+ .findVariableDeclarators()\n+ .filter(path => {\n+ const init = path.value.init;\n+ const value = init && init.object;\n+ return (\n+ value &&\n+ value.type === 'MemberExpression' &&\n+ value.object &&\n+ value.object.type === 'ThisExpression' &&\n+ value.property &&\n+ value.property.type === 'Identifier' &&\n+ value.property.name === 'refs' &&\n+ init.property &&\n+ init.property.type === 'Identifier'\n+ );\n+ })\n+ .forEach(path => j(path)\n+ .closest(j.FunctionExpression)\n+ .forEach(fnPath => updateRefCall(fnPath, path.value.id.name))\n+ )\n+ .size();\n+\n+ return sum > 0;\n+ };\n+\n+ if (\n+ options['no-explicit-require'] ||\n+ ReactUtils.hasReact(root)\n+ ) {\n+ const didTransform = ReactUtils\n+ .findReactCreateClass(root)\n+ .filter(updateToFindDOMNode)\n+ .size() > 0;\n+\n+ if (didTransform) {\n+ return root.toSource(printOptions) + '\\n';\n+ }\n+ }\n+\n+ return null;\n+}\n+\n+module.exports = getDOMNodeToFindDOMNode;\ndiff --git a\/npm-react-codemod\/transforms\/pure-render-mixin.js b\/npm-react-codemod\/transforms\/pure-render-mixin.js\nnew file mode 100644\nindex 0000000000..1fb2ec7a25\n--- \/dev\/null\n+++ b\/npm-react-codemod\/transforms\/pure-render-mixin.js\n@@ -0,0 +1,179 @@\n+\/*eslint-disable no-comma-dangle*\/\n+\n+'use strict';\n+\n+function removePureRenderMixin(file, api, options) {\n+ const j = api.jscodeshift;\n+\n+ require('.\/utils\/array-polyfills');\n+ const ReactUtils = require('.\/utils\/ReactUtils')(j);\n+\n+ const printOptions = options.printOptions || {quote: 'single'};\n+ const root = j(file.source);\n+\n+ const PURE_RENDER_MIXIN = options['mixin-name'] || 'PureRenderMixin';\n+ const SHOULD_COMPONENT_UPDATE = 'shouldComponentUpdate';\n+ const NEXT_PROPS = 'nextProps';\n+ const NEXT_STATE = 'nextState';\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ shouldComponentUpdate\n+ const createShouldComponentUpdateFunction = () =>\n+ j.functionExpression(\n+ null,\n+ [j.identifier(NEXT_PROPS), j.identifier(NEXT_STATE)],\n+ j.blockStatement([\n+ j.returnStatement(\n+ j.callExpression(\n+ j.memberExpression(\n+ j.identifier('React'),\n+ j.memberExpression(\n+ j.identifier('addons'),\n+ j.identifier('shallowCompare'),\n+ false\n+ ),\n+ false\n+ ),\n+ [\n+ j.thisExpression(),\n+ j.identifier(NEXT_PROPS),\n+ j.identifier(NEXT_STATE)\n+ ]\n+ )\n+ )\n+ ])\n+ );\n+\n+ const createShouldComponentUpdateProperty = () =>\n+ j.property(\n+ 'init',\n+ j.identifier(SHOULD_COMPONENT_UPDATE),\n+ createShouldComponentUpdateFunction()\n+ );\n+\n+ const hasShouldComponentUpdate = classPath =>\n+ ReactUtils.getReactCreateClassSpec(classPath)\n+ .properties.every(property =>\n+ property.key.name !== SHOULD_COMPONENT_UPDATE\n+ );\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Mixin related code\n+ const isPureRenderMixin = node => (\n+ node.type === 'Identifier' &&\n+ node.name === PURE_RENDER_MIXIN\n+ );\n+\n+ const hasPureRenderMixin = classPath => {\n+ const spec = ReactUtils.getReactCreateClassSpec(classPath);\n+ const mixin = spec && spec.properties.find(ReactUtils.isMixinProperty);\n+ return mixin && mixin.value.elements.some(isPureRenderMixin);\n+ };\n+\n+ const removeMixin = elements =>\n+ j.property(\n+ 'init',\n+ j.identifier('mixins'),\n+ j.arrayExpression(\n+ elements.filter(element => !isPureRenderMixin(element))\n+ )\n+ );\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Boom!\n+ const insertShouldComponentUpdate = properties => {\n+ const length = properties.length;\n+ const lastProp = properties[length - 1];\n+ \/\/ I wouldn't dare insert at the bottom if the last function is render\n+ if (\n+ lastProp.key.type === 'Identifier' &&\n+ lastProp.key.name === 'render'\n+ ) {\n+ properties.splice(\n+ length - 1,\n+ 1,\n+ createShouldComponentUpdateProperty(),\n+ lastProp\n+ );\n+ } else {\n+ properties.push(createShouldComponentUpdateProperty());\n+ }\n+ return properties;\n+ };\n+\n+ const cleanupReactComponent = classPath => {\n+ const spec = ReactUtils.getReactCreateClassSpec(classPath);\n+ const properties = spec.properties\n+ .map(property => {\n+ if (ReactUtils.isMixinProperty(property)) {\n+ const elements = property.value.elements;\n+ return (elements.length !== 1) ? removeMixin(elements) : null;\n+ }\n+ return property;\n+ })\n+ .filter(property => !!property);\n+\n+ ReactUtils.findReactCreateClassCallExpression(classPath).replaceWith(\n+ ReactUtils.createCreateReactClassCallExpression(\n+ insertShouldComponentUpdate(properties)\n+ )\n+ );\n+ };\n+\n+ \/\/ Remove it if only two or fewer are left:\n+ \/\/ var PureRenderMixin = React.addons.PureRenderMixin;\n+ const hasPureRenderIdentifiers = path =>\n+ path.find(j.Identifier, {\n+ name: PURE_RENDER_MIXIN,\n+ }).size() > 2;\n+\n+ const deletePureRenderMixin = path => {\n+ if (hasPureRenderIdentifiers(path)) {\n+ return;\n+ }\n+\n+ const declaration = path\n+ .findVariableDeclarators(PURE_RENDER_MIXIN)\n+ .closest(j.VariableDeclaration);\n+\n+ if (declaration.size > 1) {\n+ declaration.forEach(p =>\n+ j(p).replaceWith(\n+ j.variableDeclaration(\n+ 'var',\n+ p.value.declarations.filter(isPureRenderMixin)\n+ )\n+ )\n+ );\n+ } else {\n+ \/\/ Let's assume the variable declaration happens at the top level\n+ const program = declaration.closest(j.Program).get();\n+ const body = program.value.body;\n+ const index = body.indexOf(declaration.get().value);\n+ if (index !== -1) {\n+ body.splice(index, 1);\n+ }\n+ }\n+ };\n+\n+ if (\n+ options['no-explicit-require'] ||\n+ ReactUtils.hasReact(root)\n+ ) {\n+ const didTransform = ReactUtils\n+ .findReactCreateClass(root)\n+ .filter(hasPureRenderMixin)\n+ .filter(hasShouldComponentUpdate)\n+ .forEach(cleanupReactComponent)\n+ .size() > 0;\n+\n+ if (didTransform) {\n+ deletePureRenderMixin(root);\n+ return root.toSource(printOptions) + '\\n';\n+ }\n+ }\n+\n+ return null;\n+}\n+\n+module.exports = removePureRenderMixin;\ndiff --git a\/npm-react-codemod\/transforms\/utils\/ReactUtils.js b\/npm-react-codemod\/transforms\/utils\/ReactUtils.js\nnew file mode 100644\nindex 0000000000..c8842d9849\n--- \/dev\/null\n+++ b\/npm-react-codemod\/transforms\/utils\/ReactUtils.js\n@@ -0,0 +1,133 @@\n+\/*eslint-disable no-comma-dangle*\/\n+\n+'use strict';\n+\n+module.exports = function(j) {\n+ const REACT_CREATE_CLASS_MEMBER_EXPRESSION = {\n+ type: 'MemberExpression',\n+ object: {\n+ name: 'React',\n+ },\n+ property: {\n+ name: 'createClass',\n+ },\n+ };\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Checks if the file requires a certain module\n+ const hasModule = (path, module) =>\n+ path\n+ .findVariableDeclarators()\n+ .filter(j.filters.VariableDeclarator.requiresModule(module))\n+ .size() === 1;\n+\n+ const hasReact = path => (\n+ hasModule(path, 'React') ||\n+ hasModule(path, 'react') ||\n+ hasModule(path, 'react\/addons')\n+ );\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Finds all variable declarations that call React.createClass\n+ const findReactCreateClassCallExpression = path =>\n+ j(path).find(j.CallExpression, {\n+ callee: REACT_CREATE_CLASS_MEMBER_EXPRESSION,\n+ });\n+\n+ const findReactCreateClass = path =>\n+ path\n+ .findVariableDeclarators()\n+ .filter(path => findReactCreateClassCallExpression(path).size() > 0);\n+\n+ const findReactCreateClassModuleExports = path =>\n+ path\n+ .find(j.AssignmentExpression, {\n+ left: {\n+ type: 'MemberExpression',\n+ object: {\n+ type: 'Identifier',\n+ name: 'module',\n+ },\n+ property: {\n+ type: 'Identifier',\n+ name: 'exports',\n+ },\n+ },\n+ right: {\n+ type: 'CallExpression',\n+ callee: REACT_CREATE_CLASS_MEMBER_EXPRESSION,\n+ },\n+ });\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Finds all classes that extend React.Component\n+ const findReactES6ClassDeclaration = path =>\n+ path\n+ .find(j.ClassDeclaration, {\n+ superClass: {\n+ type: 'MemberExpression',\n+ object: {\n+ type: 'Identifier',\n+ name: 'React',\n+ },\n+ property: {\n+ type: 'Identifier',\n+ name: 'Component',\n+ },\n+ },\n+ });\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Checks if the React class has mixins\n+ const isMixinProperty = property => {\n+ const key = property.key;\n+ const value = property.value;\n+ return (\n+ key.name === 'mixins' &&\n+ value.type === 'ArrayExpression' &&\n+ Array.isArray(value.elements) &&\n+ value.elements.length\n+ );\n+ };\n+\n+ const hasMixins = classPath => {\n+ const spec = getReactCreateClassSpec(classPath);\n+ return spec && spec.properties.some(isMixinProperty);\n+ };\n+\n+ \/\/ ---------------------------------------------------------------------------\n+ \/\/ Others\n+ const getReactCreateClassSpec = classPath => {\n+ const spec = (classPath.value.init || classPath.value.right).arguments[0];\n+ if (spec.type === 'ObjectExpression' && Array.isArray(spec.properties)) {\n+ return spec;\n+ }\n+ };\n+\n+ const createCreateReactClassCallExpression = properties =>\n+ j.callExpression(\n+ j.memberExpression(\n+ j.identifier('React'),\n+ j.identifier('createClass'),\n+ false\n+ ),\n+ [j.objectExpression(properties)]\n+ );\n+\n+ const getComponentName =\n+ classPath => classPath.node.id && classPath.node.id.name;\n+\n+ return {\n+ createCreateReactClassCallExpression,\n+ findReactES6ClassDeclaration,\n+ findReactCreateClass,\n+ findReactCreateClassCallExpression,\n+ findReactCreateClassModuleExports,\n+ getComponentName,\n+ getReactCreateClassSpec,\n+ hasMixins,\n+ hasModule,\n+ hasReact,\n+ isMixinProperty,\n+ };\n+};\ndiff --git a\/npm-react-codemod\/transforms\/utils\/array-polyfills.js b\/npm-react-codemod\/transforms\/utils\/array-polyfills.js\nnew file mode 100644\nindex 0000000000..eed5be59a8\n--- \/dev\/null\n+++ b\/npm-react-codemod\/transforms\/utils\/array-polyfills.js\n@@ -0,0 +1,36 @@\n+\/*eslint-disable no-extend-native*\/\n+\n+'use strict';\n+\n+function findIndex(predicate, context) {\n+ if (this == null) {\n+ throw new TypeError(\n+ 'Array.prototype.findIndex called on null or undefined'\n+ );\n+ }\n+ if (typeof predicate !== 'function') {\n+ throw new TypeError('predicate must be a function');\n+ }\n+ var list = Object(this);\n+ var length = list.length >>> 0;\n+ for (var i = 0; i < length; i++) {\n+ if (predicate.call(context, list[i], i, list)) {\n+ return i;\n+ }\n+ }\n+ return -1;\n+}\n+\n+if (!Array.prototype.findIndex) {\n+ Array.prototype.findIndex = findIndex;\n+}\n+\n+if (!Array.prototype.find) {\n+ Array.prototype.find = function(predicate, context) {\n+ if (this == null) {\n+ throw new TypeError('Array.prototype.find called on null or undefined');\n+ }\n+ var index = findIndex.call(this, predicate, context);\n+ return index === -1 ? undefined : this[index];\n+ };\n+}\n","body":"Add npm-react-codemod","parents":["27a191e704756578a4f539bdeaf01155054aeb00","1865c042d7cbf27316f64ba4f56c06a5fe42f966"],"commit":{"authorEmail":"christoph.pojer@gmail.com","authoredAt":"2015-03-25T16:20:14-07:00","shortRevision":"86836c885d","revision":"86836c885d18664307beb52f3a8891a8ef569662","authorName":"Christoph Pojer","subject":"Merge pull request #3506 from cpojer\/react-codemod"}}

dillon1000/react

Files changed