feat: add support for Translation render prop

package.json

@@ -18,6 +18,7 @@
     "coverage": "c8 --all --include='src/**/*[.js|.jsx|.ts|.tsx]' --reporter=lcov --reporter=text yarn test",
     "test": "mocha -r @babel/register -r @babel/polyfill --recursive test/*.test.js test/**/*.test.js",
     "test:cli": "yarn -s build && ./bin/cli.js '**/*.html' -o 'test/manual/$LOCALE/$NAMESPACE.json' && ./bin/cli.js -c test/cli/i18next-parser.config.js && ./bin/cli.js -c test/cli/i18next-parser.config.mjs && ./bin/cli.js -c test/cli/i18next-parser.config.ts && ./bin/cli.js -c test/cli/i18next-parser.config.yaml",
+    "test:watch": "mocha -r @babel/register -r @babel/polyfill --watch --parallel --recursive",
     "watch": "babel src -d dist -w",
     "prettify": "prettier --write \"{src,test}/**/*.js\"",
     "build": "babel src -d dist",

src/lexers/jsx-lexer.js

@@ -153,6 +153,11 @@ export default class JsxLexer extends JavascriptLexer {
       const entry = {}
       entry.key = getKey(tagNode)
       return entry.key ? entry : null
+    } else if (tagNode.tagName.text === 'Translation') {
+      const namespace = getPropValue(tagNode, 'ns')
+      if (namespace) {
+        this.defaultNamespace = namespace
+      }
     }
   }
 

test/lexers/jsx-lexer.test.js

@@ -11,6 +11,27 @@ describe('JsxLexer', () => {
     })
   })
 
+  describe('<Translation>', () => {
+    it('extracts keys from render prop', (done) => {
+      const Lexer = new JsxLexer()
+      const content = `<Translation>{(t) => <>{t("first", "Main")}{t("second")}</>}</Translation>`
+      assert.deepEqual(Lexer.extract(content), [
+        { defaultValue: 'Main', key: 'first' },
+        { key: 'second' },
+      ])
+      done()
+    })
+
+    it('sets ns (namespace) for expressions within render prop', (done) => {
+      const Lexer = new JsxLexer()
+      const content = `<Translation ns="foo">{(t) => t("first")}</Translation>`
+      assert.deepEqual(Lexer.extract(content), [
+        { key: 'first', namespace: 'foo' },
+      ])
+      done()
+    })
+  })
+
   describe('<Trans>', () => {
     it('extracts keys from i18nKey attributes from closing tags', (done) => {
       const Lexer = new JsxLexer()