support attributes

CHANGELOG.md

@@ -1,3 +1,7 @@
+### 0.0.2
+
+- support accessing attributes on fluent segment using keys like `login.placeholder`
+
 ### 0.0.1
 
 - initial version

i18nextFluent.js

@@ -2176,12 +2176,16 @@
 
     parse(res, options, lng, ns, key, info) {
       const bundle = this.store.getBundle(lng, ns);
-      return bundle.format(res, options);
+      const isAttr = key.indexOf('.') > -1;
+      if (!res) return key;
+      const useRes = isAttr ? res.attrs[key.split('.')[1]] : res;
+      return bundle.format(useRes, options);
     }
 
     getResource(lng, ns, key, options) {
       const bundle = this.store.getBundle(lng, ns);
-      return bundle.getMessage(key);
+      const useKey = key.indexOf('.') > -1 ? key.split('.')[0] : key;
+      return bundle.getMessage(useKey);
     }
 
     addLookupKeys(finalKeys, key, code, ns, options) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "i18next-fluent",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "i18nFormat plugin to use fluent format with i18next",
   "main": "./index.js",
   "jsnext:main": "dist/es/index.js",

src/index.js

@@ -96,14 +96,19 @@ class Fluent {
 
   parse(res, options, lng, ns, key, info) {
     const bundle = this.store.getBundle(lng, ns);
+    const isAttr = key.indexOf('.') > -1;
 
-    return bundle.format(res, options);
+    if (!res) return key;
+
+    const useRes = isAttr ? res.attrs[key.split('.')[1]] : res;
+    return bundle.format(useRes, options);
   }
 
   getResource(lng, ns, key, options) {
     const bundle = this.store.getBundle(lng, ns);
+    const useKey = key.indexOf('.') > -1 ? key.split('.')[0] : key;
 
-    return bundle.getMessage(key);
+    return bundle.getMessage(useKey);
   }
 
   addLookupKeys(finalKeys, key, code, ns, options) {

test/fuent.spec.js

@@ -35,13 +35,16 @@ describe('fluent format', () => {
 
     it('should parse', () => {
       const res = fluent.getResource('en', 'translations', 'logout')
-      expect(fluent.parse(res, {}, 'en', 'translations')).to.eql('Logout');
+      expect(fluent.parse(res, {}, 'en', 'translations', 'logout')).to.eql('Logout');
 
       const res2 = fluent.getResource('en', 'translations', 'hello')
-      expect(fluent.parse(res2, { name: 'Jan' }, 'en', 'translations')).to.eql('Hello Jan.');
+      expect(fluent.parse(res2, { name: 'Jan' }, 'en', 'translations', 'hello')).to.eql('Hello Jan.');
 
       const res3 = fluent.getResource('en', 'translations', 'restart-app')
-      expect(fluent.parse(res3, {}, 'en', 'translations')).to.eql('Zrestartuj Firefoxa.');
+      expect(fluent.parse(res3, {}, 'en', 'translations', 'restart-app')).to.eql('Zrestartuj Firefoxa.');
+
+      const res4 = fluent.getResource('en', 'translations', 'login.placeholder')
+      expect(fluent.parse(res4, {}, 'en', 'translations', 'login.placeholder')).to.eql('[email protected]');
     });
 
   });
@@ -67,6 +70,7 @@ describe('fluent format', () => {
       expect(i18next.t('logout')).to.eql('Logout');
       expect(i18next.t('hello', { name: 'Jan' })).to.eql('Hello Jan.');
       expect(i18next.t('restart-app')).to.eql('Zrestartuj Firefoxa.');
+      expect(i18next.t('login.placeholder')).to.eql('[email protected]');
     });
 
   });