Init

Author: ajoslin

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitattributes

@@ -0,0 +1 @@
+* text=auto

.gitignore

@@ -0,0 +1 @@
+node_modules

.travis.yml

@@ -0,0 +1,3 @@
+language: node_js
+node_js:
+- '6'

index.js

@@ -0,0 +1,4 @@
+'use strict'
+
+exports.Provider = require('./provider')
+exports.Translate = require('./translate')

license

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Andrew Joslin <[email protected]> (ajoslin.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package.json

@@ -0,0 +1,37 @@
+{
+  "name": "react-nanotranslate",
+  "main": "index.js",
+  "version": "0.0.0",
+  "description": "React context provider and component for nanotranslate",
+  "license": "MIT",
+  "repository": "ajoslin/react-nanotranslate",
+  "author": {
+    "name": "Andrew Joslin",
+    "email": "[email protected]",
+    "url": "ajoslin.com"
+  },
+  "scripts": {
+    "test": "standard && tape test.js"
+  },
+  "keywords": [
+    "react",
+    "nanotranslate",
+    "context",
+    "localization",
+    "tiny"
+  ],
+  "devDependencies": {
+    "enzyme": "^2.8.0",
+    "jsdom": "^9.12.0",
+    "nanotranslate": "^1.0.3",
+    "react": "^15.4.2",
+    "react-addons-test-utils": "^15.4.2",
+    "react-hyperscript": "^3.0.0",
+    "standard": "^7.0.0",
+    "tape": "^4.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=15.0.0",
+    "nanotranslate": ">=1.0.0"
+  }
+}

provider.js

@@ -0,0 +1,43 @@
+'use strict'
+
+var React = require('react')
+var nanotranslate = require('nanotranslate')
+
+module.exports = Provider
+
+Provider.prototype = Object.create(React.Component.prototype)
+
+function Provider (props) {
+  React.Component.call(this, props)
+  this.onUpdate(props.dictionary)
+}
+
+Provider.childContextTypes = {
+  translate: React.PropTypes.func.isRequired
+}
+
+Provider.propTypes = {
+  dictionary: React.PropTypes.shape({
+    id: React.PropTypes.string.isRequired,
+    values: React.PropTypes.object.isRequired
+  })
+}
+
+Provider.prototype.getChildContext = function () {
+  return {
+    translate: this.translate
+  }
+}
+
+Provider.prototype.componentWillReceiveProps = function (nextProps) {
+  if (nextProps.dictionary === this.props.dictionary) return
+  this.onUpdate(nextProps.dictionary)
+}
+
+Provider.prototype.onUpdate = function (dictionary) {
+  this.translate = nanotranslate(dictionary)
+}
+
+Provider.prototype.render = function () {
+  return React.Children.only(this.props.children)
+}

readme.md

@@ -0,0 +1,45 @@
+# react-nanotranslate [![Build Status](https://travis-ci.org/ajoslin/react-nanotranslate.svg?branch=master)](https://travis-ci.org/ajoslin/react-nanotranslate)
+
+> React context provider and component for nanotranslate
+
+
+## Install
+
+```
+$ npm install --save react-nanotranslate
+```
+
+
+## Usage
+
+```js
+var reactNanotranslate = require('react-nanotranslate')
+
+reactNanotranslate('input')
+//=> output
+```
+
+## API
+
+#### `reactNanotranslate(input, [options])` -> `output`
+
+##### input
+
+*Required*  
+Type: `string`
+
+Lorem ipsum.
+
+##### options
+
+###### foo
+
+Type: `boolean`  
+Default: `false`
+
+Lorem ipsum.
+
+
+## License
+
+MIT © [Andrew Joslin](http://ajoslin.com)

test.js

@@ -0,0 +1,42 @@
+'use strict'
+
+global.document = require('jsdom').jsdom('<body></body>')
+global.window = document.defaultView
+global.navigator = window.navigator
+
+var test = require('tape')
+var h = require('react-hyperscript')
+var Provider = require('./provider')
+var Translate = require('./translate')
+var {mount} = require('enzyme')
+
+var dictionary = {
+  id: 'en_US',
+  values: {
+    HELLO: 'Hello, {{name}}.'
+  }
+}
+
+test('it works', function (t) {
+  var wrapper = mount(
+    h(Provider, {dictionary}, [
+      h(Translate, {
+        id: 'HELLO',
+        data: {name: 'robot'}
+      })
+    ])
+  )
+
+  t.equal(wrapper.html(), '<span>Hello, robot.</span>')
+  t.end()
+})
+
+test('fail without context', function (t) {
+  t.throws(
+    () => mount(h(Translate, {
+      id: 'HELLO',
+      data: {name: 'robot'}
+    }))
+  )
+  t.end()
+})

translate.js

@@ -0,0 +1,22 @@
+'use strict'
+
+var React = require('react')
+
+module.exports = Translate
+
+Translate.contextTypes = {
+  translate: React.PropTypes.func.isRequired
+}
+
+Translate.propTypes = {
+  id: React.PropTypes.string.isRequired,
+  data: React.PropTypes.object
+}
+
+function Translate (props, context) {
+  return React.createElement(
+    'span',
+    null,
+    context.translate(props.id, props.data)
+  )
+}