Increase version and added fix for no default import

Author: trueadm

packages/babel-plugin-optimize-react/README.md

@@ -1,4 +1,4 @@
-# babel-plugin-optimize-react-hooks
+# babel-plugin-optimize-react
 
 This Babel 7 plugin optimizes React hooks by transforming common patterns into more effecient output when using with tools such as [Create React App](https://github.com/facebook/create-react-app). For example, with this plugin the following output is optimized as shown:
 

packages/babel-plugin-optimize-react/__tests__/__snapshots__/hooks-test.js.snap

@@ -100,3 +100,111 @@ const {
   useState: foo
 } = React;"
 `;
+
+exports[`React hook transforms should support destructuring hooks from imports #2 1`] = `
+"import React from \\"react\\";
+const __reactCreateElement__ = React.createElement;
+const {
+  useState
+} = React;
+export function MyComponent() {
+  const _ref_0 = useState(0);
+
+  const setCounter = _ref_0[1];
+  const counter = _ref_0[0];
+  return __reactCreateElement__(\\"div\\", null, counter);
+}"
+`;
+
+exports[`React hook transforms should support destructuring hooks from imports #3 1`] = `
+"import React from \\"react\\";
+const __reactCreateElement__ = React.createElement;
+const useState = React.useState;
+export function MyComponent() {
+  const _ref_0 = useState(0);
+
+  const setCounter = _ref_0[1];
+  const counter = _ref_0[0];
+  return __reactCreateElement__(\\"div\\", null, counter);
+}"
+`;
+
+exports[`React hook transforms should support destructuring hooks from imports #4 1`] = `
+"import React from \\"react\\";
+const __reactCreateElement__ = React.createElement;
+const foo = React.useState;
+export function MyComponent() {
+  const _ref_0 = foo(0);
+
+  const setCounter = _ref_0[1];
+  const counter = _ref_0[0];
+  return __reactCreateElement__(\\"div\\", null, counter);
+}"
+`;
+
+exports[`React hook transforms should support destructuring hooks from imports #5 1`] = `
+"import React from \\"react\\";
+const __reactCreateElement__ = React.createElement;
+const {
+  useState: foo
+} = React;
+export function MyComponent() {
+  const _ref_0 = foo(0);
+
+  const setCounter = _ref_0[1];
+  const counter = _ref_0[0];
+  return __reactCreateElement__(\\"div\\", null, counter);
+}"
+`;
+
+exports[`React hook transforms should support destructuring hooks from imports 1`] = `
+"import React from \\"react\\";
+const __reactCreateElement__ = React.createElement;
+const {
+  useState
+} = React;
+export function MyComponent() {
+  const _ref_0 = useState(0);
+
+  const setCounter = _ref_0[1];
+  const counter = _ref_0[0];
+  return __reactCreateElement__(\\"div\\", null, counter);
+}"
+`;
+
+exports[`React hook transforms should support destructuring hooks from require calls 1`] = `
+"const React = require(\\"react\\");
+
+const __reactCreateElement__ = React.createElement;
+const {
+  useState
+} = React;
+export function MyComponent() {
+  const _ref_0 = useState(0);
+
+  const setCounter = _ref_0[1];
+  const counter = _ref_0[0];
+  return __reactCreateElement__(\\"div\\", null, counter);
+}"
+`;
+
+exports[`React hook transforms should support transform hook imports 1`] = `
+"import React from \\"react\\";
+const {
+  useState
+} = React;"
+`;
+
+exports[`React hook transforms should support transform hook imports with aliasing 1`] = `
+"import React from \\"react\\";
+const {
+  useState: foo
+} = React;"
+`;
+
+exports[`React hook transforms should support transform hook imports with no default 1`] = `
+"import React from \\"react\\";
+const {
+  useState
+} = React;"
+`;

packages/babel-plugin-optimize-react/__tests__/hooks-test.js

@@ -113,4 +113,12 @@ describe('React hook transforms', () => {
     const output = transform(test);
     expect(output).toMatchSnapshot();
   });
+
+  it('should support transform hook imports with no default', () => {
+    const test = `
+      import {useState} from "react";
+    `;
+    const output = transform(test);
+    expect(output).toMatchSnapshot();
+  });
 });

packages/babel-plugin-optimize-react/index.js

@@ -22,6 +22,7 @@ module.exports = function(babel) {
     const hooks = [];
     if (t.isStringLiteral(node.source) && node.source.value === 'react') {
       const specifiers = path.get('specifiers');
+      let hasDefaultSpecifier = false;
 
       for (let specifier of specifiers) {
         if (t.isImportSpecifier(specifier)) {
@@ -37,8 +38,16 @@ module.exports = function(babel) {
               specifier.remove();
             }
           }
+        } else if (t.isImportDefaultSpecifier(specifier)) {
+          hasDefaultSpecifier = true;
         }
       }
+      // If there is no default specifier for React, add one
+      if (!hasDefaultSpecifier && specifiers.length > 0) {
+        const defaultSpecifierNode = t.importDefaultSpecifier(t.identifier("React"));
+      
+        path.pushContainer('specifiers', defaultSpecifierNode);
+      }
     }
     return hooks;
   }

packages/babel-plugin-optimize-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-plugin-optimize-react",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Babel plugin for optimizing common React patterns",
   "repository": "facebookincubator/create-react-app",
   "license": "MIT",