outlinejs-babel-jsxgettext/README.md

A tool like jsxgettext, but works for es6 + jsx that babel support.

outlinejs-babel-jsxgettext
================

[![NPM version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![Downloads][downloads-image]][downloads-url]

A tool like [jsxgettext](https://www.npmjs.com/package/jsxgettext), but works for `es6` + `jsx` that babel support.

I have a blog post explain my translation workflow in an [Electron app with React + Babel](https://fraserxu.me/2015/09/18/translation-workflow-in-Electron-application/).

### Usage

```
$ npm install outlinejs-babel-jsxgettext --save-dev
```

### API

```JavaScript
var parser = require('outlinejs-babel-jsxgettext')

/**
 * The parser function
 * @param  {String}   input  The path to source JavaScript file
 * @param  {String}   output The path of the output PO file
 * @param  {Function} cb     The callback function
 */
parser(inputs, output, function (err) {
  if (err) throw err
  console.log('Job completed!')
})
```

### Command line usage

Install globally with npm `npm install outlinejs-babel-jsxgettext -g`

```
  A tool like jsxgettext, but works for es6 + jsx that babel support

  Options
    --help                     Show this help
    --version                  Current version of package
    -i | --input               String - The path to soure JavaScript file
    -o | --output              String - The path of the output PO file

  Usage
    $ outlinejs-babel-jsxgettext --help
    $ outlinejs-babel-jsxgettext <input> <output>

  Examples
    $ outlinejs-babel-jsxgettext ./test/*.js ./test.po
```


### Why

I'm Using Babel with React + JSX for most of my project, but there's no perfect and direct way to generate `.po` file from ES6 + JSX code(or from a directory).

`acron-jsx` support `jsx` but not all the feature I use in Babel(ES7 etc.,). So I grab the `babylon` parser from Babel and use it to generate `.po` file.

### License
MIT

[npm-image]: https://img.shields.io/npm/v/outlinejs-babel-jsxgettext.svg?style=flat-square
[npm-url]: https://npmjs.org/package/outlinejs-babel-jsxgettext
[travis-image]: https://img.shields.io/travis/outlinejs/outlinejs-babel-jsxgettext/master.svg?style=flat-square
[travis-url]: https://travis-ci.org/outlinejs/outlinejs-babel-jsxgettext
[downloads-image]: http://img.shields.io/npm/dm/outlinejs-babel-jsxgettext.svg?style=flat-square
[downloads-url]: https://npmjs.org/package/outlinejs-babel-jsxgettext