feat: use local babel config if it exists (#320)

* feat: use local babel config if it exists

* fix import deuplicates

* fix lock file

Author: jquense

bin/react-docgen.js

@@ -112,8 +112,9 @@ if (argv.resolver) {
   }
 }
 
-function parse(source) {
+function parse(source, filename) {
   return parser.parse(source, resolver, null, {
+    filename,
     legacyDecorators: argv.legacyDecorators,
     decoratorsBeforeExport: argv.decoratorsBeforeExport,
   });
@@ -153,7 +154,7 @@ function traverseDir(filePath, result, done) {
         throw error;
       }
       try {
-        result[filename] = parse(content);
+        result[filename] = parse(content, path.join(filePath, filename));
       } catch (parseError) {
         writeError(parseError, filename);
       }

package.json

@@ -36,7 +36,7 @@
   "author": "Felix Kling",
   "license": "BSD-3-Clause",
   "dependencies": {
-    "@babel/parser": "^7.1.3",
+    "@babel/core": "^7.0.0",
     "@babel/runtime": "^7.0.0",
     "async": "^2.1.4",
     "commander": "^2.19.0",

src/__tests__/parse-test.js

@@ -10,6 +10,9 @@
 
 /*global jest, describe, beforeEach, it, expect*/
 
+const fs = require('fs');
+const temp = require('temp');
+
 jest.disableAutomock();
 
 describe('parse', () => {
@@ -48,4 +51,25 @@ describe('parse', () => {
     );
     expect(resolver).toBeCalled();
   });
+
+  it.only('uses local babelrc', () => {
+    const dir = temp.mkdirSync();
+
+    try {
+      // Write and empty babelrc to override the parser defaults
+      fs.writeFileSync(`${dir}/.babelrc`, '{}');
+
+      expect(() =>
+        parse('const chained  = () => foo?.bar?.join?.()', () => {}, null, {
+          cwd: dir,
+          filename: `${dir}/component.js`,
+        }),
+      ).toThrowError(
+        /.*Support for the experimental syntax 'optionalChaining' isn't currently enabled.*/,
+      );
+    } finally {
+      fs.unlinkSync(`${dir}/.babelrc`);
+      fs.rmdirSync(dir);
+    }
+  });
 });

src/babelParser.js

@@ -10,7 +10,7 @@
  *
  */
 
-const parser = require('@babel/parser');
+const babel = require('@babel/core');
 
 const babelParserOptions = {
   sourceType: 'module',
@@ -43,33 +43,52 @@ const babelParserOptions = {
 };
 
 export type Options = {
+  cwd?: string,
+  filename?: string,
   legacyDecorators?: boolean,
   decoratorsBeforeExport?: boolean,
 };
 
-function buildOptions(options?: Options = {}) {
+function buildOptions(options: Options) {
   const parserOptions = {
-    ...babelParserOptions,
-    plugins: [...babelParserOptions.plugins],
+    strictMode: false,
+    tokens: true,
+    plugins: [],
   };
+
   if (options.legacyDecorators) {
     parserOptions.plugins.push('decorators-legacy');
-  } else {
-    parserOptions.plugins.push([
-      'decorators',
-      { decoratorsBeforeExport: options.decoratorsBeforeExport || false },
-    ]);
+  }
+
+  const partialConfig = babel.loadPartialConfig({
+    cwd: options.cwd,
+    filename: options.filename,
+  });
+
+  if (!partialConfig.hasFilesystemConfig()) {
+    parserOptions.plugins = [...babelParserOptions.plugins];
+
+    if (!options.legacyDecorators) {
+      parserOptions.plugins.push([
+        'decorators',
+        { decoratorsBeforeExport: options.decoratorsBeforeExport || false },
+      ]);
+    }
   }
 
   return parserOptions;
 }
 
-export default function buildParse(options: Options) {
-  const parserOptions = buildOptions(options);
+export default function buildParse(options?: Options = {}) {
+  const parserOpts = buildOptions(options);
 
   return {
     parse(src: string) {
-      return parser.parse(src, parserOptions);
+      return babel.parseSync(src, {
+        parserOpts,
+        cwd: options.cwd,
+        filename: options.filename,
+      });
     },
   };
 }

src/resolver/__tests__/findAllExportedComponentDefinitions-test.js

@@ -761,7 +761,7 @@ describe('findAllExportedComponentDefinitions', () => {
 
           parsed = parse(`
             import React from "React"
-            var React = require("React");
+
             var Component = React.createClass({});
             export {Component, foo}
           `);

src/resolver/__tests__/findExportedComponentDefinition-test.js

@@ -619,7 +619,6 @@ describe('findExportedComponentDefinition', () => {
 
           source = `
             import React from "React"
-            var React = require("React");
             var Component = React.createClass({});
             export {Component, foo}
           `;