Merge pull request #229 from styled-components/parser-options

Support to specify parser plugins

src/parsers/babylon-parser.js

@@ -1,20 +1,21 @@
 const babylon = require('@babel/parser')
 
-module.exports = type => input =>
+module.exports = (type, plugins) => input =>
   babylon.parse(input, {
     sourceType: 'module',
-    plugins: [
-      'jsx',
-      type,
-      'objectRestSpread',
-      ['decorators', { decoratorsBeforeExport: true }],
-      'classProperties',
-      'exportExtensions',
-      'asyncGenerators',
-      'functionBind',
-      'functionSent',
-      'dynamicImport',
-      'optionalCatchBinding',
-      'optionalChaining'
-    ]
+    plugins: [type].concat(
+      plugins || [
+        'jsx',
+        'objectRestSpread',
+        ['decorators', { decoratorsBeforeExport: true }],
+        'classProperties',
+        'exportExtensions',
+        'asyncGenerators',
+        'functionBind',
+        'functionSent',
+        'dynamicImport',
+        'optionalCatchBinding',
+        'optionalChaining'
+      ]
+    )
   })

src/parsers/index.js

@@ -109,6 +109,6 @@ module.exports = (input, absolutePath, options) => {
   const typedParser = absolutePath.endsWith('.ts') || absolutePath.endsWith('.tsx')
     ? 'typescript'
     : 'flow'
-  const ast = estreeParse(typedParser)(input)
+  const ast = estreeParse(typedParser, options.parserPlugins)(input)
   return processStyledComponentsFile(ast, absolutePath, options)
 }

test/options.test.js

@@ -122,7 +122,7 @@ describe('options', () => {
         .lint({
           files: [fixture],
           config: {
-            // Set moduleName option to "emotion"
+            // Set importName option to "notDefault"
             processors: [[processor, { importName: 'notDefault' }]],
             rules
           }
@@ -183,4 +183,52 @@ describe('options', () => {
       })
     })
   })
+
+  describe('parserPlugins', () => {
+    // NOTE beforeEach() runs _after_ the beforeAll() hooks of the describe() blocks, so `fixture`
+    // will have the right path
+    beforeEach(done => {
+      const plugins = [
+        'jsx',
+        'objectRestSpread',
+        ['decorators', { decoratorsBeforeExport: true }],
+        'classProperties',
+        'exportExtensions',
+        'asyncGenerators',
+        'functionBind',
+        'functionSent',
+        'dynamicImport',
+        'optionalCatchBinding',
+        'optionalChaining',
+        // Enable experimental feature
+        'exportDefaultFrom'
+      ]
+
+      stylelint
+        .lint({
+          code: "export Container from './Container';",
+          config: {
+            processors: [[processor, { parserPlugins: plugins }]],
+            rules
+          }
+        })
+        .then(result => {
+          data = result
+          done()
+        })
+        .catch(err => {
+          console.log(err)
+          data = err
+          done()
+        })
+    })
+
+    it('should have one result', () => {
+      expect(data.results.length).toEqual(1)
+    })
+
+    it('should have not errored', () => {
+      expect(data.results[0].errored).toEqual(undefined)
+    })
+  })
 })