use prettier

package.json

@@ -4,6 +4,7 @@
   "description": "A simple multilingual translate component and HOC for react and redux",
   "main": "lib/index.js",
   "scripts": {
+    "prettier": "prettier --single-quote --no-semi 'src/*.js' --write",
     "watch": "BABEL_ENV=production babel --watch src --out-dir lib"
   },
   "repository": {
@@ -23,6 +24,7 @@
   "homepage": "https://github.com/rmdort/react-redux-multilingual#readme",
   "dependencies": {
     "hoist-non-react-statics": "^1.2.0",
+    "prettier-standard": "^8.0.1",
     "prop-types": "^15.5.8"
   },
   "peerDependencies": {

src/actions.js

@@ -1,6 +1,6 @@
-export function setLocale (locale) {
+export function setLocale(locale) {
   return {
     type: 'SET_LOCALE',
     locale
   }
-}
+}

src/context.js

@@ -7,4 +7,4 @@ const {
 } = TranslateContext
 
 export { TranslateProvider, TranslateConsumer }
-export default TranslateContext
+export default TranslateContext

src/index.js

@@ -3,9 +3,4 @@ import withTranslate from './withTranslate'
 import IntlProvider from './provider'
 import * as IntlActions from './actions'
 
-export {
-  IntlReducer,
-  withTranslate,
-  IntlProvider,
-  IntlActions
-}
+export { IntlReducer, withTranslate, IntlProvider, IntlActions }

src/provider.js

@@ -5,35 +5,42 @@ import { supplant, translateKey, createHTMLMarkup } from './utils'
 import { TranslateProvider } from './context'
 
 class IntlProvider extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
     if (!props.translations || !props.locale) {
-      let namePart = this.constructor.displayName ? ' of ' + this.constructor.displayName : ''
-      throw new Error('Could not find translations or locale on this.props ' + namePart)
+      let namePart = this.constructor.displayName
+        ? ' of ' + this.constructor.displayName
+        : ''
+      throw new Error(
+        'Could not find translations or locale on this.props ' + namePart
+      )
     }
   }
   static propTypes = {
     translations: PropTypes.object
-  };
+  }
   static defaultProps = {
     translations: {}
-  };
+  }
   translate = (key, placeholders, isHTML, options = {}) => {
-    const result = translateKey(key, this.props.translations[this.props.locale]['messages'])
+    const result = translateKey(
+      key,
+      this.props.translations[this.props.locale]['messages']
+    )
     const tagName = options.tagName || 'div'
     if (typeof placeholders === 'undefined') {
       return result
     }
     const finalResult = supplant(result, placeholders)
     return isHTML
       ? React.createElement(
-        tagName,
-        { dangerouslySetInnerHTML: createHTMLMarkup(finalResult) },
-        null
-      )
+          tagName,
+          { dangerouslySetInnerHTML: createHTMLMarkup(finalResult) },
+          null
+        )
       : finalResult
-  };
-  render () {
+  }
+  render() {
     return (
       <TranslateProvider value={this.translate}>
         {this.props.children}
@@ -42,7 +49,7 @@ class IntlProvider extends React.Component {
   }
 }
 
-function mapPropsToState (state) {
+function mapPropsToState(state) {
   const { Intl } = state
   return {
     ...Intl,

src/reducer.js

@@ -2,7 +2,7 @@ var initialState = {
   locale: 'en'
 }
 
-export default function (state = initialState, action) {
+export default function(state = initialState, action) {
   switch (action.type) {
     case 'SET_LOCALE':
       return {
@@ -12,4 +12,4 @@ export default function (state = initialState, action) {
     default:
       return state
   }
-}
+}

src/utils.js

@@ -1,16 +1,16 @@
-export function supplant (s, d) {
+export function supplant(s, d) {
   for (var p in d) {
     s = s.replace(new RegExp('{' + p + '}', 'g'), d[p])
   }
   return s
 }
 
-export function translateKey (path, obj, safe) {
+export function translateKey(path, obj, safe) {
   return path.split('.').reduce((prev, curr) => {
-    return !safe ? prev[curr] : (prev ? prev[curr] : undefined)
+    return !safe ? prev[curr] : prev ? prev[curr] : undefined
   }, obj)
 }
 
-export function createHTMLMarkup (html) {
+export function createHTMLMarkup(html) {
   return { __html: html }
 }

src/withTranslate.js

@@ -6,12 +6,14 @@ import { TranslateConsumer } from './context'
  * @param  {Object} WrappedComponent
  * @return {Object}
  */
-function withTranslate (WrappedComponent) {
-	return React.forwardRef((props, ref) => (
-		<TranslateConsumer>
-      {(translate) => <WrappedComponent {...props} translate={translate} ref={ref} />}
+function withTranslate(WrappedComponent) {
+  return React.forwardRef((props, ref) => (
+    <TranslateConsumer>
+      {translate => (
+        <WrappedComponent {...props} translate={translate} ref={ref} />
+      )}
     </TranslateConsumer>
-	))
+  ))
 }
 
-export default withTranslate
+export default withTranslate