Merge extract-react-intl

.all-contributorsrc

@@ -75,6 +75,36 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "nodaguti",
+      "name": "nodaguti",
+      "avatar_url": "https://avatars0.githubusercontent.com/u/27622?v=4",
+      "profile": "http://about.me/nodaguti",
+      "contributions": [
+        "code",
+        "test"
+      ]
+    },
+    {
+      "login": "fix-fix",
+      "name": "fix-fix",
+      "avatar_url": "https://avatars1.githubusercontent.com/u/11943024?v=4",
+      "profile": "https://github.com/fix-fix",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "bradbarrow",
+      "name": "bradbarrow",
+      "avatar_url": "https://avatars3.githubusercontent.com/u/1264276?v=4",
+      "profile": "http://bradbarrow.com",
+      "contributions": [
+        "bug",
+        "code",
+        "test"
+      ]
     }
   ],
   "repoType": "github"

.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env", {
+        "targets": {
+          "node": "current"
+        }
+      }
+    ],
+    "@babel/preset-flow"
+  ]
+}

.eslintignore

@@ -0,0 +1,5 @@
+**/test/fixtures/**
+**/test/resolution/**
+**/test/pluginOrdering/**
+flow-typed
+coverage

.gitattributes

@@ -1,3 +1,2 @@
 * text=auto
 *.js text eol=lf
-*.lock binary

.prettierignore

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

extract-react-intl/index.js

@@ -0,0 +1,97 @@
+'use strict'
+const path = require('path')
+const glob = require('glob')
+const pify = require('pify')
+const merge = require('lodash.merge')
+const mergeWith = require('lodash.mergewith')
+const { resolvePlugin, resolvePreset, transformFile } = require('@babel/core')
+const readBabelrcUp = require('read-babelrc-up')
+
+const localeMap = arr =>
+  arr.reduce((obj, x) => {
+    obj[x] = {}
+    return obj
+  }, {})
+
+const concatArray = (obj, src) => {
+  if (Array.isArray(obj)) {
+    return obj.concat(src)
+  }
+  return undefined
+}
+
+const createResolveList = fn => (list, cwd) =>
+  list.map(x => (typeof x === 'string' ? fn(x, cwd) : x))
+
+const resolvePresets = createResolveList(resolvePreset)
+const resolvePlugins = createResolveList(resolvePlugin)
+
+const getBabelrc = cwd => {
+  try {
+    const babelrc = readBabelrcUp.sync({ cwd }).babel
+    if (!babelrc.env) {
+      return babelrc
+    }
+
+    const env = process.env.BABEL_ENV || process.env.NODE_ENV || 'development'
+
+    return mergeWith(babelrc, babelrc.env[env], concatArray)
+  } catch (error) {
+    return { presets: [], plugins: [] }
+  }
+}
+
+const getBabelrcDir = cwd => path.dirname(readBabelrcUp.sync({ cwd }).path)
+
+// eslint-disable-next-line max-lines-per-function
+module.exports = async (locales, pattern, opts) => {
+  if (!Array.isArray(locales)) {
+    throw new TypeError(`Expected a Array, got ${typeof locales}`)
+  }
+
+  if (typeof pattern !== 'string') {
+    throw new TypeError(`Expected a string, got ${typeof pattern}`)
+  }
+
+  opts = {
+    cwd: process.cwd(),
+    defaultLocale: 'en',
+    ...opts
+  }
+
+  const babelrc = getBabelrc(opts.cwd) || {}
+  const babelrcDir = getBabelrcDir(opts.cwd)
+
+  const { moduleSourceName } = opts
+  const pluginOptions = moduleSourceName ? { moduleSourceName } : {}
+
+  const { presets = [], plugins = [] } = babelrc
+
+  presets.unshift({
+    // eslint-disable-next-line global-require
+    plugins: [[require('babel-plugin-react-intl').default, pluginOptions]]
+  })
+
+  const extractFromFile = async file => {
+    const babelOpts = {
+      presets: resolvePresets(presets, babelrcDir),
+      plugins: resolvePlugins(plugins, babelrcDir)
+    }
+    const { metadata: result } = await pify(transformFile)(file, babelOpts)
+    const localeObj = localeMap(locales)
+    for (const { id, defaultMessage } of result['react-intl'].messages) {
+      for (const locale of locales) {
+        localeObj[locale][id] =
+          opts.defaultLocale === locale ? defaultMessage : ''
+      }
+    }
+    return localeObj
+  }
+
+  const files = await pify(glob)(pattern)
+  if (files.length === 0) {
+    throw new Error(`File not found (${pattern})`)
+  }
+  const arr = await Promise.all(files.map(extractFromFile))
+  return arr.reduce((h, obj) => merge(h, obj), localeMap(locales))
+}

extract-react-intl/readme.md

@@ -0,0 +1,43 @@
+# extract-react-intl
+
+## API
+
+### extractReactIntl(locales, pattern, [options])
+
+Return a `Promise` wrapped extracted messages.
+
+#### locales
+
+Type: `Array<string>`
+
+Example: `['en', 'ja']`
+
+#### pattern
+
+Type: `string`
+
+File path with glob.
+
+#### options
+
+Additional options.
+
+#### defaultLocale
+
+Type: `string`<br> Default: `en`
+
+Set default locale for your app.
+
+#### moduleSourceName
+
+Type: `string`<br> Example: `./path/to/module` <br> Default: `react-intl`
+
+The ES6 module source name of the React Intl package. Defines from where _defineMessages_, `<FormattedMessage />` and `<FormattedHTMLMessage />` are imported.
+
+##### cwd
+
+Type: `string`<br> Default: `.`
+
+**You most likely don't need this.**
+
+Change run path.

extract-react-intl/test/__snapshots__/test.js.snap

@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`babel plugin execution order 1`] = `
+Object {
+  "en": Object {
+    "extract-react-intl.test.pluginOrdering.test": "auto",
+  },
+}
+`;
+
+exports[`babelrc path resolution 1`] = `
+Object {
+  "en": Object {
+    "test": "test",
+  },
+}
+`;
+
+exports[`extract from file 1`] = `
+Object {
+  "en": Object {
+    "components.App.hello": "hello",
+    "components.App.world": "world",
+    "components/Greeting/welcome": "Welcome {name}, you have received {unreadCount, plural, =0 {no new messages} one {{formattedUnreadCount} new message} other {{formattedUnreadCount} new messages}} since {formattedLastLoginTime}.",
+  },
+  "ja": Object {
+    "components.App.hello": "",
+    "components.App.world": "",
+    "components/Greeting/welcome": "",
+  },
+}
+`;

extract-react-intl/test/fixtures/.babelrc

@@ -0,0 +1,32 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "browsers": [
+            "last 2 versions",
+            "safari >= 7"
+          ]
+        }
+      }
+    ],
+    "@babel/preset-react",
+    "@babel/preset-flow"
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties"
+  ],
+  "env": {
+    "react-intl": {
+      "plugins": [
+        [
+          "react-intl-auto",
+          {
+            "removePrefix": "extract-react-intl.test.fixtures"
+          }
+        ]
+      ]
+    }
+  }
+}

extract-react-intl/test/fixtures/components/App/index.js

@@ -0,0 +1,22 @@
+// @flow
+import React, { Component } from 'react'
+import { FormattedMessage } from 'react-intl'
+import Greeting from '../Greeting'
+import messages from './messages'
+
+export default class App extends Component {
+  render() {
+    const user = {
+      name: 'Eric',
+      unreadCount: 4,
+      lastLoginTime: Date.now() - 1000 * 60 * 60 * 24
+    }
+
+    return (
+      <div>
+        <FormattedMessage {...messages.hello} />
+        <Greeting user={user} />
+      </div>
+    )
+  }
+}

extract-react-intl/test/fixtures/components/App/messages.js

@@ -0,0 +1,7 @@
+// @flow
+import { defineMessages } from 'react-intl'
+
+export default defineMessages({
+  hello: 'hello',
+  world: 'world'
+})

extract-react-intl/test/fixtures/components/Greeting/index.js

@@ -0,0 +1,48 @@
+// @flow
+import React, { Component } from 'react'
+import {
+  FormattedMessage,
+  FormattedNumber,
+  FormattedRelative
+} from 'react-intl'
+import messages from './messages'
+
+type Props = {
+  user: {
+    name: string,
+    unreadCount: number,
+    lastLoginTime: number
+  }
+}
+
+export default class Greeting extends Component {
+  props: Props
+
+  render() {
+    const { user } = this.props
+
+    return (
+      <p>
+        <FormattedMessage
+          {...messages.welcome}
+          values={{
+            name: <b>{user.name}</b>,
+            unreadCount: user.unreadCount,
+            formattedUnreadCount: (
+              <b>
+                <FormattedNumber value={user.unreadCount} />
+              </b>
+            ),
+            formattedLastLoginTime: (
+              <FormattedRelative value={user.lastLoginTime} />
+            )
+          }}
+        />
+      </p>
+    )
+  }
+}
+
+function defaultMessage() {
+  return 'hello'
+}

extract-react-intl/test/fixtures/components/Greeting/messages.js

@@ -0,0 +1,15 @@
+// @flow
+import { defineMessages } from 'react-intl'
+
+export default defineMessages({
+  welcome: {
+    id: 'components/Greeting/welcome',
+    defaultMessage: `
+    Welcome {name}, you have received {unreadCount, plural,
+      =0 {no new messages}
+      one {{formattedUnreadCount} new message}
+      other {{formattedUnreadCount} new messages}
+    } since {formattedLastLoginTime}.
+    `
+  }
+})