react unsafe lifecycles

Author: danieldelcore

community/react/rename-unsafe-lifecycles/README.md

@@ -0,0 +1,19 @@
+# react#rename-unsafe-lifecycles
+
+Adds `UNSAFE_` prefix for deprecated lifecycle hooks. (For more information about this codemod, see [React RFC #6](https://github.com/reactjs/rfcs/pull/6))
+
+```js
+/* INPUT */
+class ExampleComponent extends React.Component {
+  componentWillMount() { }
+  componentWillUpdate(nextProps, nextState) { }
+  componentWillReceiveProps(nextProps) { }
+}
+
+/* OUTPUT */
+class ExampleComponent extends React.Component {
+  UNSAFE_componentWillMount() { }
+  UNSAFE_componentWillUpdate(nextProps, nextState) { }
+  UNSAFE_componentWillReceiveProps(nextProps) { }
+}
+```

community/react/rename-unsafe-lifecycles/transform.spec.ts

@@ -0,0 +1,26 @@
+import { applyTransform } from '@codeshift/test-utils';
+import * as transformer from './transform';
+
+describe('react#rename-unsafe-lifecycles transform', () => {
+  it('should transform correctly', async () => {
+    const result = await applyTransform(
+      transformer,
+      `
+class ExampleComponent extends React.Component {
+  componentWillMount() { }
+  componentWillUpdate(nextProps, nextState) { }
+  componentWillReceiveProps(nextProps) { }
+}
+      `,
+      { parser: 'tsx' },
+    );
+
+    expect(result).toMatchInlineSnapshot(`
+      "class ExampleComponent extends React.Component {
+        UNSAFE_componentWillMount() { }
+        UNSAFE_componentWillUpdate(nextProps, nextState) { }
+        UNSAFE_componentWillReceiveProps(nextProps) { }
+      }"
+    `);
+  });
+});

community/react/rename-unsafe-lifecycles/transform.ts

@@ -0,0 +1,51 @@
+import { API, FileInfo, Options } from 'jscodeshift';
+
+const DEPRECATED_APIS = Object.create(null);
+DEPRECATED_APIS.componentWillMount = 'UNSAFE_componentWillMount';
+DEPRECATED_APIS.componentWillReceiveProps = 'UNSAFE_componentWillReceiveProps';
+DEPRECATED_APIS.componentWillUpdate = 'UNSAFE_componentWillUpdate';
+
+export default function transformer(
+  file: FileInfo,
+  { jscodeshift: j }: API,
+  options: Options,
+) {
+  const root = j(file.source);
+
+  let hasModifications = false;
+
+  const renameDeprecatedApis = (path: any) => {
+    const name = path.node.key.name;
+
+    if (DEPRECATED_APIS[name]) {
+      path.value.key.name = DEPRECATED_APIS[name];
+      hasModifications = true;
+    }
+  };
+
+  const renameDeprecatedCallExpressions = (path: any) => {
+    const name = path.node.property.name;
+
+    if (DEPRECATED_APIS[name]) {
+      path.node.property.name = DEPRECATED_APIS[name];
+      hasModifications = true;
+    }
+  };
+
+  // Class methods
+  root.find(j.MethodDefinition).forEach(renameDeprecatedApis);
+
+  // Class methods - typescript
+  root.find(j.ClassMethod).forEach(renameDeprecatedApis);
+
+  // Arrow functions
+  root.find(j.ClassProperty).forEach(renameDeprecatedApis);
+
+  // createReactClass and mixins
+  root.find(j.Property).forEach(renameDeprecatedApis);
+
+  // Function calls
+  root.find(j.MemberExpression).forEach(renameDeprecatedCallExpressions);
+
+  return hasModifications ? root.toSource(options.printOptions) : null;
+}