fix: babel-plugin-react-intl error

Author: akameco

.prettierignore

@@ -1,3 +1,4 @@
 **/test/fixtures/**
 .github
+dist
 package.json

cli.js

@@ -1,5 +1,4 @@
 #!/usr/bin/env node
-/* eslint-disable no-console, @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires */
 'use strict'
 const meow = require('meow')
 const fn = require('./dist').default
@@ -48,17 +47,15 @@ const cli = meow(
         default: false
       },
       // babel-plugin-react-intl boolean options
-      enforceDescriptions: {
+      extractSourceLocation: {
         type: 'boolean',
         default: false
       },
-      enforceDefaultMessage: {
-        type: 'boolean',
-        default: true
+      removeDefaultMessage: {
+        type: 'boolean'
       },
-      extractSourceLocation: {
-        type: 'boolean',
-        default: false
+      extractFromFormatMessageCall: {
+        type: 'boolean'
       }
     }
   }

package.json

@@ -15,7 +15,7 @@
   "main": "dist/index.js",
   "scripts": {
     "add-contributor": "all-contributors add",
-    "fmt": "prettier --write '**/*.{json,js,md}'",
+    "fmt": "prettier --write '**/*.{ts,json,js,md}'",
     "example": "./cli.js -l=en,ja -o example/i18n -d en --extractFromFormatMessageCall=true 'example/**/*.{js,tsx}'",
     "prepublish": "npm run build",
     "build": "tsc",
@@ -90,12 +90,12 @@
     "typescript": "^3.6.2"
   },
   "lint-staged": {
-    "*.{js}": [
+    "*.{ts}": [
       "prettier --write",
       "eslint --fix",
       "git add"
     ],
-    "*.{json,md}": [
+    "*.{js,json,md}": [
       "prettier --write",
       "git add"
     ]

src/extract-react-intl/index.ts

@@ -53,6 +53,16 @@ const getBabelrc = (cwd: string) => {
 const getBabelrcDir = (cwd: string) =>
   path.dirname(readBabelrcUp.sync({ cwd }).path)
 
+const babelPluginReactIntlOptions = [
+  'moduleSourceName',
+  'extractSourceLocation',
+  'messagesDir',
+  'overrideIdFn',
+  'removeDefaultMessage',
+  'extractFromFormatMessageCall',
+  'additionalComponentNames'
+]
+
 type Options = {
   defaultLocale?: string
   cwd?: string
@@ -91,7 +101,19 @@ export default async (
   const presets = babelrc.presets || []
   const plugins = babelrc.plugins || []
 
-  presets.unshift({ plugins: [[babelPluginReactIntl, pluginOptions]] })
+  presets.unshift({
+    plugins: [
+      [
+        babelPluginReactIntl,
+        Object.entries(pluginOptions).reduce((acc, [key, value]) => {
+          if (babelPluginReactIntlOptions.includes(key)) {
+            return { ...acc, [key]: value }
+          }
+          return acc
+        }, {})
+      ]
+    ]
+  })
 
   const extractFromFile = async (file: string) => {
     const babelOpts = {